@charset "utf-8";  /*格式化样式*/  
/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
.page-group div,.page-group p,.page-group ul,.page-group li,.page-group a,.page-group span,.page-group i{
transition: all 0.35s ease-in-out;
-webkit-transform: all 0.35s ease-in-out;
-moz-transform: all 0.35s ease-in-out;
-ms-transform: all 0.35s ease-in-out;
-o-transform: all 0.35s ease-in-out;
transform: all 0.35s ease-in-out;
}
*{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../css/boxsizing.htc);
}
div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{
		margin:0; 
		padding:0;
		list-style: none;
		box-sizing:border-box;
}
html{font-size:14px;font-family: Microsoft YaHei, Arial;}
body{font-family: Microsoft YaHei, Arial; color: #666; width: 100%; min-width: 1300px;}
ul,li{list-style:none;}  
a:focus{outline:none;}
a{color:#666; text-decoration: none; cursor:pointer; outline:none;}  
a:hover{ color:#134fc1; text-decoration: none; }
/*select,option{outline: none;}*/
input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;
	font-family: Microsoft YaHei;
		outline: none;}  
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  
input{font-family: Microsoft YaHei;}  

textarea { -webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	font-family: Microsoft YaHei;
	outline: none;
}
select{-webkit-appearance:none; outline: none;}
img{width:auto; max-width:100%;height: auto; vertical-align:bottom;}
body{overflow-x: hidden; width: 100%;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.width{width:1300px; margin: 0 auto;}
.top{background:#f2f2f2; line-height:34px;  height:34px; position: relative; z-index: 12;}
.tops{background:#f2f2f2; line-height:34px;  height:34px; position: relative; z-index:13;}
.top a{display: inline-block; font-size: 12px;color: #666666;}
.top a:hover{color: #134fc1;}
.top span{display: inline-block; padding: 0 13px; background: url(../images/line.jpg) no-repeat center; height:34px;}
.wx{position: relative;overflow: hidden;}
.wx span{padding: 0;background: #f2f2f2; position: relative; z-index: 2;overflow: hidden;}
.wxbox{background: url(../images/ewmbg.png) no-repeat top center;transition: all 0.35s ease-in-out; height:162px;overflow: hidden; width: 134px;  right:180px; position: absolute; top:-128px; text-align: center; z-index: 10;}
.wxbox img{width: 114px; margin-top: 18px; height:114px;}
.wxbox p{font-size: 12px; color:#666; line-height:25px;}
.header{height: 100px; padding: 25px 0;}
.header .tel{padding:11px 0; display: inline-block;}
.tel span{font-size: 20px; color: #292a2f; vertical-align: text-bottom; line-height: 28px; display: inline-block;}
.tel img{margin-right: 9px; vertical-align:top;}
.tel span strong{color:#ef014d; font-family:; font-size: 26px; display: inline-block; top: 2px; position: relative;}
.navbox{width: 100%; height:56px;background:#134fc1; position:relative; z-index: 10;}
.navbox ul{width:1390px;margin: 0 auto;}
.navbox ul li{width: 150px;text-align: center; float: left; height:56px; position: relative;}
.navbox ul li.line{width:5px; background: url(../images/navline.jpg) no-repeat center;}
.navbox ul li>a{display: block; color: #fff; line-height: 56px; font-size: 16px; height: 56px; overflow: hidden; position: relative;}
.navbox ul li>a span{display: block; width: 100%;transition: all 0.35s ease-in-out;}
.navbox ul li>a span.s1{position: relative; top: 0;}
.navbox ul li>a span.s2{position: absolute; top: 0; background:#f1004d; z-index: 2; top: -56px;}
.navbox ul li:hover>a span.s1{top:56px;}
.navbox ul li:hover>a span.s2{top:0;}
.navbox ul li .box{position: absolute; top: 56px; width: 100%; background:#f1004d;transition: all 0.35s ease-in-out; overflow: hidden; height: 0;}
.navbox ul li .box p{line-height: 35px; border-top: 1px solid #c50442;}
.navbox ul li .box p a{display: block; color: #fff;}
.navbox ul li .box p a:hover{background:#fff; color:#f1004d;}
.navbox ul li.li1:hover .box{height:180px;}
.navbox ul li.li2:hover .box{height:108px;}
.navbox ul li.li3:hover .box{height:180px;}
.navbox ul li.li4:hover .box{height:252px;}
.navbox ul li.li5:hover .box{height:108px;}
.navbox ul li.li6:hover .box{height:108px;}
.navbox ul li.li7:hover .box{height:72px;}
.navbox ul li.li8:hover .box{height:72px;}
.swiper-banner .swiper-pagination{width:123px !important; text-align: center; left: 50%; margin-left: -62px; bottom:36px; line-height: 14px; height: 30px; padding: 8px 0; border-radius: 15px; background:#000; background:rgba(0,0,0,0.4); }
.swiper-banner .swiper-pagination span{display: inline-block; width: 14px; height: 14px;border-radius: 100%; background:#cbcfdb; margin: 0 6px;}
.swiper-banner .swiper-pagination span.swiper-pagination-bullet-active{background:#1145aa;}
.newsbanner{width:620px; background:#f4f4f4; padding: 7px; height: 355px;}
.swiper-news .swiper-slide{position: relative;}
.swiper-news .swiper-slide img{width:606px; height:340px; max-width: inherit;}
.swiper-news .swiper-slide p{line-height: 44px;background: #000; z-index: 2; position: absolute; left: 0; bottom: 0; padding-left:18px; width: 100%; background: rgba(0,0,0,0.6);}
.swiper-news .swiper-slide p a{color: #fff; font-size:16px;}
.swiper-news .swiper-slide p a:hover{text-decoration: underline;}
.swiper-news .swiper-pagination{right: 16px; bottom: 16px; width:auto; height: 14px; text-align: right;}
.swiper-news .swiper-pagination span{display: inline-block; width: 14px; height: 14px;border-radius: 100%; background:#cbcfdb; margin: 0 6px;}
.swiper-news .swiper-pagination span.swiper-pagination-bullet-active{background:#1145aa;}
.part1{padding-top: 40px; overflow: hidden;}
.newsbox{width: 634px;}
.newsbox .ti{line-height: 24px; height: 33px; border-bottom: 1px solid #cbcbcb; position: relative;}
.newsbox .ti ul{margin-left: -15px;}
.newsbox .ti li{position: relative; padding: 0 15px; font-size: 18px; color: #333; font-weight: bold; float: left; cursor: pointer;}
.newsbox .ti li:hover{color: #154ec1;}
.newsbox .ti li span{background: url(../images/line.jpg) no-repeat center; width: 1px; height: 24px; left: 0; top: 0; display: block; position: absolute;}
.newsbox .ti .more{font-size: 12px; color: #666666;}
.newsbox .ti .more:hover{color:#999;}
#navline{width: 72px;display:block; height:3px;background:#1252c0; position: absolute; bottom: -2px; left: 0;transition: all 0.35s ease-in-out;}
.nwbox{width: 100%; height: 323px; position: relative;}
.nwbox ul{position: absolute; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; top: 0; width: 100%; height: 323px; left: 0; z-index: 0; padding-top: 5px; background:#fff;}
.nwbox ul.select{opacity: 1; visibility:visible;}
.nwbox ul li{line-height:42px; border-bottom: 1px dotted #e0e0e0; padding-left:15px; position: relative;}
.nwbox ul li span{float: right;font-size: 14px;color: #999999;}
.nwbox ul li a{color: #666;}
.nwbox ul li a:hover{color: #fc0050;}
.nwbox ul li i{display: block; background:#fc0050; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px;}
.nwbox ul li.frist{line-height: 56px; } 
.nwbox ul li.frist a{font-size: 22px; color: #F1004D;}
.nwbox ul li.frist a:hover{text-decoration: underline;}
.nwbox ul li.frist span{color:#F1004D;}
.part2{padding-bottom: 60px;}
.part2 .ti{padding-bottom:20px; padding-top: 18px; line-height: 43px; color: #333; font-size: 18px; font-weight: bold;}
.part2 .ti span{display:inline-block; border-bottom: 3px solid #1252c0;}
.part2 ul{overflow: hidden; margin: 0 -15px;}
.part2 ul li{padding: 0 15px; float: left;}
.part2 ul li a{display: block; position: relative;}
.part2 ul li p{height:72px; padding-top: 20px; font-size: 24px;line-height: 26px; color: #fff; background: url(../images/bg.png) no-repeat top center; position: absolute; left: 0; bottom: 0; width: 100%; padding-left:25px;}
.part2 ul li p span{transition: all 0.35s ease-in-out;float: right; width:110px; font-size: 12px; background: url(../images/lines.png) no-repeat left center; text-align: center; display: inline-block;}
.part2 ul li:hover p span{width: 130px;}
.footer1{background:#e4e4e4; line-height: 44px; height: 44px; font-size: 16px;color: #333333;}
.footer2{border-top: 1px solid #fff;}
.link>span img{vertical-align:middle; margin-right: 8px;}
.link>span{display: block; width: 125px; float: left;}
.link li{position: relative;}
.link .li1{width: 243px; text-align: center;}
.link .li2{width: 166px; text-align: center;}
.link .li3{width: 171px; text-align: center;}
.link li .b{height: 44px; overflow: hidden; position: relative;}
.link li span{display: block; cursor: pointer; width: 100%;transition: all 0.35s ease-in-out; font-size: 14px;}
.link li span.s1{position: relative; bottom: 0; background:url(../images/link_ico.png) no-repeat right center;}
.link li span.s2{color: #fff; background:#1145a9 url(../images/link_ico_hover.png) no-repeat right center; overflow: hidden; position: absolute; height: 44px; bottom:-44px;  z-index: 1;}
.link li:hover span.s1{bottom: 44px;}
.link li:hover span.s2{bottom:0;}
.link .box{ position: absolute; bottom: 44px;background:#1145a9; width: 100%; text-align: center;transition: all 0.35s ease-in-out; overflow: hidden; height: 0;}
.link .box .iconfont{line-height: 22px; height: 22px;border-bottom: 1px solid #2556b4; background:url(../images/b_ico.png) no-repeat center;}
.link .box p{line-height: 36px; font-size: 13px; border-bottom: 1px solid #2556b4;}
.link .box a{color: #fff;display: block;}
.link .box a:hover{background:#fff; color:#1145a9;}
.link li.li1 .box{width:243px;}
.link li.li2 .box{width:243px;}
.link li.li3 .box{width:171px;}
.link li.li1:hover .box{height:170px;}
.link li.li2:hover .box{height:133px;}
.link li.li3:hover .box{height:206px;}
.footer2{background:#e4e4e4; height: 86px;}
.footer2 .copy{line-height:27px; color:#666; text-align: center; padding-top: 20px; font-size: 12px;}
.footer2 .copy .p1 a{display: inline-block; padding:0 11px; position: relative;}
.footer2 .copy .p1 a i{display:block; left:0; top:50%; margin-top: -4px; position: absolute; background: url(../images/line.jpg) no-repeat center; width: 1px; height:9px;}
.sitemapbox{background:rgb(4, 15, 37); overflow: hidden; background:rgba(4, 15, 37, 0.898039215686275);transition: all 0.35s ease-in-out; position:fixed; width: 100%; height: 100%; top:-100%; z-index: 99;}
.sitemap{width: 1100px; margin: 0 auto; padding-top:9.62%;}
.sitemap .ti h3{color:#fff;font-size: 34px; font-weight: normal; line-height: 38px;}
.sitemap .ti h3 span{font-size: 22px; margin-left: 10px;}
.sitemap .search{height: 38px; width:445px; background:rgba(255,255,255,0.3); position: relative;}
.sitemap .search .kw{padding-left:17px;border:none; height: 38px; background: none; line-height: 38px; width:331px; font-size:13px; color: rgb(204, 204, 204);}
.sitemap .search .btn{cursor: pointer; background: url(../images/search.png) no-repeat 20px 13px;border:none; text-align: left; background-size: 13px 13px; color: #ccc; font-size:16px; width:95px;height: 38px; padding-left: 40px;}
.sitemap .search .line{width:2px; height: 17px; background:#767c88; display: block; position: absolute; top:11px; right:97px;}
.sitemap ul{padding-top:60px; margin: 0 -24px;}
.sitemap ul li{padding: 0 24px; float: left;}
.sitemap ul li.home{}
.sitemap ul li h3{font-size:18px; font-weight: normal; position: relative; margin-bottom: 8px; line-height: 46px;}
.sitemap ul li h3 span{display: block; position: absolute; width:21px; height: 1px; bottom: 0; left: 0; background:#5b6270;}
.sitemap ul li p{line-height:37px; font-size: 14px;}
.sitemap ul li a{color: #97B5EE;}
.sitemap ul li a:hover{color:#ccc;}
.open{top:0;}
.clear{clear: both;}
/*内页*/
.banner{height: 300px; overflow: hidden; width: 100%;}
.container{padding: 40px 0 100px; min-height:480px;}
.container .left{width:270px; overflow: hidden; float: left;}
.left .ti{background:url(../images/leftbg.jpg) no-repeat center; width: 270px; height: 130px; color:#fff; padding-left: 32px;padding-top: 27px;}
.left .ti h3{font-size:28px; font-weight: normal; line-height:40px;}
.left .ti i{font-size: 14px; line-height:32px;}
.leftnav{background:#f8f8f8; margin-top:11px;}
.leftnav li{line-height:50px; position: relative;background:#f8f8f8 url(../images/leftnavico.png) no-repeat right center;}
.leftnav li span{display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom:1px dotted #dbdbdb;}
.leftnav li a{display: block; padding-left: 32px; font-size: 16px; color:#676362;}
.leftnav li:last-child span{border-bottom: none;}
.leftnav li.active a,.leftnav li:hover a{color:#fff;}
.leftnav li.active,.leftnav li:hover{background:#f1004d url(../images/leftnavico_active.png) no-repeat right center;} 
.leftnav li.active span,.leftnav li:hover span{border-bottom: 1px solid #d71351;}
.container .right{margin-left:330px;}
.location{line-height: 30px; padding-bottom: 5px; border-bottom: 1px solid #e4e4e4; color:#8b8b8b; font-size:20px;}
.location span.l{background:url(../images/home.png) no-repeat left 8px; padding-left: 18px; color:#aaa; display: inline-block; font-size: 14px;}
.location a,.location .fr{color:#aaa; font-size:14px;}
.location a:hover{color:#F1004D;}
.contentbox{padding-top: 60px;}
.contentbox .pic{width:418px;/* height:360px;*/ margin:0 40px 20px 0;}
.aboutcontent .t{padding-bottom: 25px; text-align: right; position: relative;}
.aboutcontent .t h3{font-size:26px; font-weight: normal; color:#121212; line-height:44px; padding-bottom:13px;}
.aboutcontent .t span{display: inline-block; border-bottom: 1px solid #c8c8c8; width:100px; position: absolute; right: 0; top:57px;}
.aboutcontent{line-height: 24px; color:#666; padding-bottom: 25px;}
.aboutcontent p{margin-bottom:20px;}
.culture{padding-bottom:60px; overflow: hidden;}
.culture .img{ width:397px; height: 280px;}
.culture .txtbox{width:573px; height:280px; display: table;}
.culture .txtbox .txt{display: table-cell; vertical-align: middle; padding: 0 47px 0 42px;}
.culture .txtbox .txt h3{font-weight: normal; font-size: 22px; color:#1145aa; line-height: 65px;}
.culture .txtbox .txt .p{line-height: 24px; color:#666;}
.cul1 .img{float: left;}
.cul2 .img{float: right;}
.cul3 .img{float: left;}
.cul3{padding-bottom: 50px;}
.cul1 .txtbox{float: right; border-left: 5px solid #f8f8f8;}
.cul2 .txtbox{ float:left; border-right: 5px solid #f8f8f8;}
.cul3 .txtbox{float:right; border-left: 5px solid #f8f8f8;}
.honortitle{background:#f8f8f8; padding:38px 42px; line-height:30px; color:#666; font-size: 16px; min-height:200px;}
.honorbox{margin: 0 -13px; padding-top: 40px; border-bottom: 1px dotted #e0e0e0;}
.honorbox li{padding: 0 13px 5px; width:332px; float: left; text-align: center;}
.honorbox li a{display: block;}
.honorbox li p{color:#666; line-height: 45px; font-size: 16px;}
.honorbox li .img{ border:5px solid #f8f8f8; height:160px; overflow: hidden; display: table;width: 100%;}
.honorbox li span{display: table-cell; vertical-align: middle; height:194px;}
.honorbox li span img{width: auto; max-width: 100%; min-height: inherit;max-height: 194px;}
/*分页*/
.page{padding:30px 0 50px; text-align: center;}
.page a,.page span{display: inline-block; margin:0 8px; border:1px solid #e3e3e3; border-radius:4px; color: #666; line-height:30px; padding: 0 12px;}
.page span,.page a:hover{color:#fff; background:#f1004d; border:1px solid #f1004d;}
/*弹框*/
#mask{width: 100%; transition: all 0.35s ease-in-out; height: 100%; position: fixed !important; left: 0; top:0; z-index:10000; background:#040f25; background: rgba(4,15,37,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#040f25", endColorstr="#040f25"); display: none;}
.bottom{position: fixed; width: 860px;box-sizing: border-box; height: 600px;top: 50%; left: 50%; margin-top: -300px; margin-left: -430px; z-index:99; font-size: 20px;}
#showpic{display: none; position: relative; z-index:100000; text-align: center;}
#showpic .picbox{position: fixed; width:850px;box-sizing: border-box; padding: 0 50px 43px;overflow: hidden; height:650px; background:#fff; top: 50%; left: 50%; margin-top: -325px; margin-left: -425px; z-index:100; overflow-x: hidden;}
#showpic .picbox li{overflow: hidden;}
#showpic .picbox li h3{padding-top: 5px; line-height: 78px; font-size:22px; color: #333333;}
#showpic .picbox li img{width:auto; max-width: 100%;max-height:477px; height: auto;}
#showpic .picbox li .box{border:5px solid #f8f8f8; padding: 20px; height: 524px; overflow: hidden; display: table; width: 100%;}
#showpic .picbox li span{display: table-cell; width: 100%; height: 477px; vertical-align:middle;}
.bottom a{color: #fff;font-size: 24px; text-decoration: none; width: 60px; height: 60px; line-height: 60px; text-align: center; background:#fff; background:rgba(255,255,255,0.3); display: block;}
.bottom a#next{position: absolute; right:-220px; top: 50%; margin-top: -30px;}
.bottom a#prev{position: absolute; left:-220px; top: 50%; margin-top: -30px;}
.con{line-height: 24px; color:#666;}
.con p{padding-bottom:20px;}
/*服务单位*/
.partner{padding-bottom: 10px;}
.partner ul{margin: 0 -13px;}
.partner li{padding: 0 13px 25px; width:332px; float: left; text-align: center;}
.partner li a{display: block;}
.partner li p{color:#666; line-height: 45px; font-size: 16px;}
.partner li .img{ border:5px solid #f8f8f8; height:160px; overflow: hidden; display: table;width: 100%;}
.partner li span{display: table-cell; vertical-align: middle;}
.partner li span img{width: auto; max-width: 100%; min-height: inherit;}
/*合作单位*/
.company ul{margin: 0 -13px;}
.company li{padding: 0 13px 0; width:332px; float: left; text-align: center;}
.company li a{display: block;}
.company li p{color:#666; line-height:21px; font-size: 16px; height:60px; padding:10px 12px 0px;}
.company li .img{ border:5px solid #f8f8f8; height:160px; overflow: hidden; display: table;width: 100%;}
.company li span{display: table-cell; vertical-align: middle;}
.company li span img{width: auto; max-width: 100%; min-height: inherit;}
.companyti{border-top: 1px dotted #e0e0e0; font-size: 18px; color:#121212; line-height:58px;}
.technological{border-top: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4; margin-bottom: 50px;}
.technological li{overflow:hidden;}
.technological li span{display: block; font-size: 14px; height: 40px; color: #666; line-height:39px;float: left; text-align: center; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.technological li span.s1{width:90px;}
.technological li span.s2{width:470px;}
.technological li span.s2 a{color:#1145a9; cursor: text;}
.technological li span.s3{width:230px;}
.technological li span.s4{width:179px;}
.technological li.frist span{background:#f8f8f8; color:#121212; font-size: 16px;}
.contentbox2{padding-top: 60px;}
.newslist li{padding: 20px 0; border-bottom: 1px dotted #e0e0e0; overflow: hidden;}
.newslist li .pic{float: left; width:260px; height:170px; border:1px solid #e4e4e4;}
.newslist li .pic img{width: 258px; height: 168px; max-width: inherit;}
.newslist li .txt{margin-left:295px; text-align: left;}
.newslist li h3{font-size: 20px; font-weight: normal; line-height: 52px; padding-top: 14px;}
.newslist li h3 a{color:#1145a9;}
.newslist li p{font-size: 14px; color:#aaaaaa; line-height: 22px;}
/*联系我们*/
.contactbox{padding-bottom: 50px;}
.contactbox .ti{padding-bottom: 40px;}
.contactbox .ti h3{font-size: 24px; color:#121212; height: 25px; line-height: 25px;}
.contactbox .ti p{font-size: 14px; color: #999999; line-height: 35px;}
.contact{padding-bottom: 45px;}
.contact li{width: 460px; height: 220px; border:5px solid #f8f8f8; line-height: 34px; padding:22px 0 0 75px; font-size: 16px; color:#333;} 
.contact li span{color:#999; display:inline-block; width: 70px;}
.contact li a{color:#f1004d; text-decoration: underline;}
.contact li.p1{background:url(../images/c1.jpg) no-repeat top left;}
.contact li.p2{background:url(../images/c2.jpg) no-repeat top left;}
.map{width: 100%; height:500px;}
.map img{max-width: inherit;}
/*在线留言*/
.gbookbox{width:520px; margin: 0 auto;}
.gbookbox p{padding-bottom:20px; line-height:46px; font-size: 16px; color: #333;}
.gbookbox p span{display: inline-block; float: left; width: 88px;}
.gbookbox p input{width: 428px; border:1px solid #e4e4e4; height: 46px; line-height: 46px; padding-left: 12px;}
.gbookbox p textarea{width: 428px; border:1px solid #e4e4e4; height:198px; font-size: 14px; font-family: Microsoft YaHei; line-height: 46px; padding-left: 12px;}
.gbookbox p input.code{width: 258px; margin-right:8px;}
.gbookbox p img{width:160px; height: 46px; border:1px solid #e4e4e4;}
.gbookbox .btn{padding-top: 20px; padding-left: 88px;}
.gbookbox .btn input{width:150px; height: 46px; text-align: center; color: #fff; background:#f1004d; cursor: pointer; font-size: 18px; border:none;}
.gbookbox .btn input.reset{background:#f0f0f0; color: #666; margin-left: 20px;}
.gbookbox .btn input:hover{background:#fa0e59;}
.gbookbox .btn input.reset:hover{background:#eeebeb;}
.tip{background: url(../images/tip.png) no-repeat left center; line-height: 36px; padding: 20px 0 20px 18px; color: #999; margin-left: 88px;}
.recuitbox{padding-bottom: 50px;}
.recuitbox .box{display: none;}
.recuitbox li{line-height: 70px; border-bottom: 1px dotted #e0e0e0;}
.recuitbox li dd{overflow: hidden; cursor: pointer; background: url(../images/jt_ico.png) no-repeat right center; font-size: 18px; color: #121212;}
.recuitbox li.active dd{background:url(../images/jt_icoactive.png) no-repeat right center;}
.recuitbox li dd span{display: block; float:left;}
.recuitbox li dd span.s1{width:330px; padding-left: 14px; background:url(../images/dian.png) no-repeat left center;}
.recuitbox li dd span.s2{width: 285px;}
.recuitbox li.active .box{display: block;}
.recuitbox li .box{background:#f8f8f8; font-size: 16px; line-height:29px; color: #666; padding:0 50px 0 40px;}
.recuitbox li .box .color{color:#1145a9;}
.recuitbox li .box .co{border-bottom: 1px solid #e4e4e4; padding: 26px 0 24px;}
.color{color:#1145a9;}
.rebtn{padding: 30px 0 40px; position: relative;}
.rebtn p{text-align: right; font-size: 14px; color: #666; line-height: 24px;}
.rebtn a{display: block; width:150px; height: 46px; background:#f1004d; text-align: center; color: #fff; float: left; font-size: 18px; line-height: 46px;}
.rebtn a:hover{background:#fa0e59;}
.rclnpic{padding-bottom:52px;}
.rclnbox{background:#f8f8f8; font-size: 16px; color: #666; line-height: 26px; padding:54px 40px 50px; margin-bottom: 50px;}
.rcteampic{padding-top:30px; padding-bottom: 50px;}
.rcteambox{background:#f8f8f8; font-size: 16px; color: #666; min-height:220px; line-height: 28px; padding:40px 60px;}
.newslist li p.color{color: #666;}
.newslist li p.t{color: #aaa; line-height: 22px; padding-bottom:15px; margin-top: 2px;}
.newslist li p span{display: inline-block; padding-left:20px;}
.newslist li p span.date{background: url(../images/date_ico.png) no-repeat left 5px;}
.newslist li p span.hits{background: url(../images/hits_ico.png) no-repeat left 5px; margin-left:17px;}
.ml0{margin-left: 0 !important;}
/*详情*/
.bdsharebuttonbox{height:24px; overflow:hidden; display: inline-block; text-align: center;vertical-align: bottom;}
.bdsharebuttonbox{color:#a8a8a8}
.bdsharebuttonbox b{font-weight: normal;vertical-align: top;}
.bdsharebuttonbox a{width: 24px !important; height: 24px !important; float:inherit !important; display: inline-block; margin: 0 4px !important; background: #7bda6a; border-radius: 100%;}
.bdsharebuttonbox a.bds_qzone{background: url(../images/pico4.png) no-repeat center !important; background-size:24px 24px !important;}
.bdsharebuttonbox a.bds_tsina{background: url(../images/pico2.png) no-repeat center !important; background-size:24px 24px !important;}
.bdsharebuttonbox a.bds_tqq{background: url(../images/pico3.png) no-repeat center !important; background-size:24px 24px !important;}
.bdsharebuttonbox a.bds_weixin{background: url(../images/pico1.png) no-repeat center !important; background-size:24px 24px !important;}
.bd_weixin_popup{box-sizing: content-box;}
.newsshow{padding: 50px 0 40px;}
.showcontent{margin-right: 332px;}
.new{margin-top: 10px;border:1px solid #e4e4e4; width: 332px; padding-bottom: 14px;}
.new .ti{line-height:54px; border-bottom: 1px solid #e4e4e4; font-size: 18px; color: #121212; font-weight: bold; padding-left: 15px;}
.new .ti i{font-weight: normal; font-size: 12px; color: #aaa; margin-left: 5px;}
.new ul li{padding:14px 0 15px; margin: 0 15px; border-bottom: 1px dotted #e0e0e0;}
.new ul li img{width:90px; height: 60px;}
.new ul li p{margin-left:105px; line-height: 18px; padding-top: 2px;}
.new ul li p a{color: #666;}
.new ul li p a:hover{color:#F1004D;}
.new ul li span{display: block; font-size: 12px; color: #aaaaaa; margin-left: 105px;padding-top: 4px;}
.showcontent .title h3{font-size:30px; color: #1145a9; line-height: 40px; padding-bottom: 22px;}
.showcontent .title{text-align: center; color: #aaa; font-size: 14px;}
.showcontent .title .tt{line-height: 24px; height: 24px;}
.showcontent .title .date{display: inline-block;padding-left:20px; background: url(../images/date_ico.png) no-repeat left 6px;}
.showcontent .title .hits{display: inline-block;padding-left:20px; background: url(../images/hits_ico.png) no-repeat left 6px; margin-left:17px;}
.showcontent .show{font-size: 16px; color: #666;line-height: 26px; padding:42px 42px 42px 40px; border-bottom: 1px dotted #e0e0e0;}
.updown{padding-top: 29px;}
.updown p{line-height: 30px; padding-bottom:9px; color: #666;}
.updown p span{display: inline-block; width:68px;border:1px solid #e3e3e3; border-radius: 4px; color: #666; text-align: center; margin-right: 12px;}
.updown p a{color: #666;}
.updown p a:hover{color:#F1004D;}
.projectbox{padding-bottom:40px; /*border-bottom: 1px dotted #e0e0e0;*/}
.projectbox .pic{width:450px;margin-left: 32px;margin-bottom: 7px;}
.projectbox .textb{}

.projectbox .textb>h3{font-size: 28px; width: 492px; color: #121212; font-weight: normal; line-height: 28px; padding: 0 0 26px; border-bottom: 1px dotted #e4e4e4; margin-bottom: 18px;}
.projectbox .textb .text{line-height:30px; color: #666;font-size:15px;}
.projectbox19 .textb>h3{width: inherit;}
.projectbox18 .textb .text,.projectbox19 .textb .text,.projectbox20 .textb .text,.projectbox21 .textb .text{line-height: 30px;}
.casebox{padding-bottom: 50px;}
.projectbox20 .textb{width:492px;}
.projectbox .pic{margin-top: 53px;}
.casebox li{padding:20px 0; border-bottom: 1px dotted #e0e0e0; width:432px;}
.casebox li img{width:140px; height: 93px;}
.casebox li p{margin-left: 160px;line-height: 18px; padding-top: 11px;}
.casebox li p a{color: #666;}
.casebox li p a:hover{color:#F1004D;}
.casebox li span{margin-left: 160px; font-size: 12px; color: #aaa; display: block; padding-top: 15px;}
/*工程业绩*/
.mainyjbox{border-top: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4; margin-bottom: 50px; border:none;}
.mainyjbox li{overflow:hidden;}
.mainyjbox li span{display: block; font-size: 14px; color: #666; line-height:39px;float: left; text-align: center; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.mainyjbox li span.s1{width:60px;}
.mainyjbox li span.s2{width:550px; padding-left: 25px; text-align: left;}
.mainyjbox li span.s2 a{color:#1145a9;}
.mainyjbox li span.s2 a strong{color:#666;}
.mainyjbox li span.s2 a em{font-style:inherit; color: #666;}
.mainyjbox li span.s3{width:120px;}
.mainyjbox li span.s4{width:120px; color:#f1004d;}
.mainyjbox li span.s5{width:119px;}
.mainyjbox li.frist span{background:#f8f8f8; color:#121212; font-size: 16px; text-align: center; padding:0;}
.maintitle{line-height: 58px; font-size: 18px; color: #121212;}
.caselist{padding-bottom:8px; border-bottom: 1px dotted #e0e0e0;}
.caselist ul{margin: 0 -14px; overflow: hidden;}
.caselist ul li{float: left; padding:0 13px; text-align: center; width:33.3333%;}
.caselist ul li .pic{border:5px solid #f8f8f8;}
.caselist ul li .pic img{width: 296px; height: 194px;}
.caselist ul li p{height: 74px; line-height:19px; padding-top: 7px;}
.caselist ul li p a{color:#666;}
.caselist ul li p a:hover{color:#F1004D;}
.table table{width: 100%; text-align: center;}
.table table th{border:1px solid #e4e4e4;color: #121212;font-size: 16px; line-height: 24px; text-align: center; padding:8px 10px;background: #f8f8f8;}
.table table td{border:1px solid #e4e4e4; font-size: 14px; color: #666; line-height: 24px; text-align: center; padding:8px 10px;}
/*发展历程*/
.historybox{border-bottom: 1px dotted #e0e0e0; padding:0 0 45px; position: relative; margin-top: 37px; background:url(../images/history.png) no-repeat left top; height: 457px;}
.environment{margin: 0 -13px; padding-top: 40px; border-bottom: 1px dotted #e0e0e0;}
.environment li{padding: 0 13px 3px; width:332px; float: left; text-align: center;}
.environment li a{display: block;}
.environment li p{color:#666; line-height: 45px; font-size:14px;}
.environment li .img{ border:5px solid #f8f8f8; height:196px; overflow: hidden; display: table;width: 100%;}
.environment li span{display: table-cell; vertical-align: middle; height: 194px; overflow: hidden;}
.environment li span img{width: auto; max-width: 100%; min-height: inherit;}
.year{position:absolute; bottom:44px;left: 0; padding-left:97px; width: 100%; line-height: 40px; font-size: 16px; color: #454545;}
.year span{display: block; text-align: center; width:108px; float: left;}
.year em{color:#8a8a8a; font-size: 14px;margin-right: 68px;}
.history {width:370px;}
.history span{font-size: 16px; color: #fff; line-height: 32px; display: block;text-align: center;}
.history h3{font-size: 22px; font-weight: normal; color: #f5447c; line-height: 30px; padding-top: 7px;}
.history p{font-size: 14px; color: #666; line-height: 21px;}
.hi1{position: absolute; left:174px; top: 237px;}
.hi1 span{width:57px;}
.hi2{position: absolute; left:471px; top: 197px;}
.hi2 span{width:100px;}
.hi3{position: absolute; left:598px; top: 78px;}
.hi3 span{width:113px;}
/*专用技术详情*/
.patentbox{border:5px solid #f8f8f8; padding:20px 40px 80px; margin-bottom: 50px; background: url(../images/showbg.jpg) repeat-y top center;}
.patentbox .ti{font-size: 30px; color: #1145a9; text-align: center; line-height: 50px; font-weight:bold; padding:23px  0 37px;}
.patentbox .describe{font-size: 16px; color: #666; line-height: 26px; padding-bottom: 37px;}
.patentbox .field{overflow: hidden; padding-bottom: 20px;}
.patentbox .field span.t{display: block; float: left; width: 100px; height: 32px; border-radius:0 0 16px 0; line-height:31px; background:#a99ea1; color: #fff; text-align: center; font-size: 16px;}
.patentbox .field .info{font-size: 16px; color: #666666; line-height: 26px; margin-left: 112px; padding-top:3px;}
.patentbox .content{font-size: 16px; color: #666; line-height: 26px; padding: 10px 0 40px;}
.pb0{padding-bottom:0 !important;}
.border-none{border:none !important;}
.pb90{padding-bottom: 110px !important;}
.pb20{padding-bottom: 20px !important;}
.etop{position: relative; width: 1300px; margin: 0 auto;}
/*新css*/
.history span{cursor: pointer;}
.history p{ transition: all 0.35s ease-in-out;  position: relative; opacity: 0;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.history .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@media screen and (max-width:1440px){
.navbox ul{width:1320px;}
.navbox ul li{width: 142px;}
}
@media screen and (max-width:1366px){
.width,.etop{width: 1240px;}
.navbox ul{width:1300px;}
.navbox ul li{width: 140px;}
.newsbanner{width:620px;}
.newsbox{width:585px;}
.part2 ul li{width: 25%;}
.part2 ul li img{width: 288px; height: 210px;}
.container .right{margin-left:320px;}
.environment li{width:315px;}
.hi3{width: 315px;}
.culture .txtbox{width: 523px;}
.mainyjbox li span.s2{width: 500px;}
.technological li span.s4{width: 175px;}
.technological li span.s2{width: 424px;}
.company li{padding: 0 10px; width: 315px;}
.partner li{padding: 0 10px 25px; width: 315px;}
.contact li{width: 445px;}
}