html { min-width: 1200px; }



body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; }



input, button, ul, ol { margin: 0px; padding: 0px; }



body, input, button, form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei", 'PingFang SC', 'Myriad Pro', "AvantGarde Bk BT", "Arial", 'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333; }



h1, h2, h3, h4, h5, h6, font { font-size: 14px; font-weight: normal; }



ul, ol, li { list-style: none; }



input { background: none; border: 0 none; }



img, iframe { border: 0px; }



em, i { font-style: normal; }



button, input, select, textarea { font-size: 100%; }



table { border-collapse: collapse; border-spacing: 0; }



.red { color: #ba292e; }



.fl, .left { float: left; }



.fr, .right { float: right; }



.tac { text-align: center; }



.tar { text-align: right; }



.poa { position: absolute; }



.por { position: relative; }



.hidden { display: none; }



.w1200 { width: 1200px; margin: 0 auto; }



.ico { background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle; }



.icon { background: url(../images/icon2.png) no-repeat; display: inline-block; vertical-align: middle; }



.icon1 { background: url(../images/icon1.png) no-repeat; display: inline-block; vertical-align: middle; }



a { color: #333333; text-decoration: none; }



a:hover { color: #0b487f; text-decoration: none; }



a:visited { text-decoration: none; }



.ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }



.noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }



:-moz-placeholder {



color: #aaa;



}



::-moz-placeholder {



color: #aaa;



}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {



color: #aaa;



}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {



color: #aaa;



}



/*清除浮动*/



.clearfix { *zoom: 1;



}



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }



/*top_main2*/



.top_main2 {position: relative;width: 100%;height: 10px;line-height: 40px;background: #ffffff;font-size: 12px;color: #fff;z-index: 999;}



.top_main2 .top_l { color: #fff; font-size: 14px; }



.top_main2 .top_r { margin-right: 0px; }



.top_main2 li { position: relative; float: left; display: inline-block; *display: block;



*zoom: 1;



text-align: center; }



.top_main2 li a { color: #fff; cursor: pointer; font-size: 14px; }



.top_main2 li a:hover { color: #fff; opacity: 0.8; filter: alpha(opacity=80); }



.top_main2 .top_r .adress { position: relative; padding-left: 24px; background: url(../images/adress.png) no-repeat left center; background-size: 14px 18px; z-index: 99; cursor: pointer; }



.top_main2 .top_r .phone { position: relative; padding-left: 28px; background: url(../images/phone.png) no-repeat left center; background-size: 18px 18px; z-index: 99; cursor: pointer; }



.top_main2 .top_r .mobile { position: relative; padding-left: 24px; background: url(../images/mobile.png) no-repeat left center; background-size: 11px 19px; z-index: 99; cursor: pointer; }



.top_main2 .top_r .mobile img { position: absolute; left: -9px; z-index: 99; width: 100px; height: 0px; transition: all ease-in-out .2s; top: 40px; z-index: 99; display: block; transition: all ease-in-out .2s; }



.top_main2 .top_r .mobile:hover img { height: 100px; }



.top_main2 .top_r .chinese { position: relative; padding-left: 28px; background: url(../images/chinese.png) no-repeat left center; background-size: 18px 18px; z-index: 99; cursor: pointer; }



.top_main2 .top_r .chinese a { display: block; padding-right: 12px; background: url("../images/chineseI.png") no-repeat right center; background-size: 7px 3px; }



.top_main2 .top_r .chinese p { display: none; text-align: center; width: 100%; background-color: #fff; }



.top_main2 .top_r .chinese p a { display: block; color: #333; border-bottom: #CCC solid 1px; width: 100%; line-height: 30px; }



.top_main2 .top_r .chinese:hover p { display: block; position: absolute; left: 0; top: 40px; }



.top_main2 .top_r .chinese p a:hover { color: #4f76b8; }



.top_main2 .top_r .webNav a { padding-left: 20px; margin-left: 4px; background: url(../images/navI.png) no-repeat left center; }



.top_main2 .top_r .mobile:hover .drop { display: block; }



.top_main2 .top_r .line { display: block; width: 1px; height: 20px; margin: 10px 20px 0px; background: #74c26e; }



.top_main2 .top_r .line1 { margin-left: 0px; }



/*header_main*/



.header { position: relative; }



.header_main { position: relative; width: 100%; height: 115px; z-index: 100; background: #fff; box-shadow: 0px 1px 4px #e4e7e8; }



.header_main .logo { float: left; width: 275px; height: 61px; display: block; padding-top: 1px; }



.header_main .logo img { width: 510px; height: 110px; display: block; }



#nav_main { float: right; width: 820px; height: 85px; }



#nav_main .nav { width: 100%; height: 85px; z-index: 12; margin-left: 40px; }



#nav_main .nav li {position: relative;float: right;padding: 0 45px;z-index: 10; font-weight:bold}







#nav_main .nav li a.aLink {font: normal 16px;height: 95px;line-height: 85px;display: block;position: relative;cursor: pointer;overflow: hidden;color: #19222e;}



#nav_main .nav li a i {width: 100%;height: 3px;background-color: #0b487f;display: block;position: absolute;left: 0;bottom: 1px;display: none;}



#nav_main .nav li:first-child { padding: 0 10px; }



#nav_main .nav li.item6 { background: none; }



#nav_main .nav li.hover a.aLink, #nav_main .nav li:hover a.aLink { color: #0b487f; }



#nav_main .nav li.hover i, #nav_main .nav li:hover i { display: block; }



#nav_main .nav li.hover a.aLink:before { width: 100%; }



#nav_main .nav li:hover a.aLink:before { width: 100%; }



.header_main .tel_main { float: right; width: 160px; height: 110px; }



.header_main .tel_main .zx { margin-top: 30px; font-size: 14px; line-height: 24px; color: #666; }



.header_main .tel_main .tel { font: normal 32px "Vladimir Script"; line-height: 24px; color: #333; text-indent: -12px; }



/*导航栏下拉*/



#nav_main li.hover .subnav a { background: none; }



#nav_main .nav .subnav { background: #f5f3f3; height: auto; left: -8px; top: 85px; position: absolute; width: 138px; z-index: 199; display: none; }



#nav_main .nav .subnav li { width: 100%; }



#nav_main .nav .subnav .nav1 a { color: #333; display: block; font-size: 14px; text-align: left; font-weight: 500; line-height: 12px; height: 12px; padding: 20px 0px; text-align: center; transition: all 0.2s ease-in-out 0s; border-top: 1px solid #e3e3e3; }



#nav_main .nav .subnav li.nav1 { padding: 0; background: none; }



#nav_main .nav .subnav li.nav1:first-child a { border-top: none; }



#nav_main .nav .subnav li:hover { background: #0b487f; }



#nav_main .nav .subnav li:hover a { text-indent: 2px; color: #fff; }



.immediately { position: absolute; right: 0; top: 23px; }



.immediately a { width: 40px; height: 40px; background-position: -282px 0px; display: block; }



.immediately p { width: 60px; height: 24px; background-position: -334px 0px; position: absolute; right: -10px; top: 42px; font-size: 12px; color: #fff; text-align: center; display:none; }



.immediately a:hover { background-position: -282px -44px; }



.immediately:hover p{ display:block;}







/*footer12322*/



.footer12322_main22 { position: relative; width: 100%; height: 197px; background: url(../images/a8_02.jpg) center center no-repeat; overflow: hidden; }



.footer12322_main22 .part1 .middle { float: left; width: 510px; }



.footer12322_main22 .part1 .middle .bottomLogo { margin-top: 60px; width: 510px; height: 74px; display: block;  }



.footer12322_main22 .part1 .middle .bottomLogo img { width: 138px; height: 120px; background-size: 100%; float: left; }



.footer12322_main22 .part1 .middle .bottomLogo p { float: left; font-size: 16px; color: #fff; line-height: 24px; padding-left: 14px; padding-top: 14px; }











.footer12322_main22 .part1 .middle .bottomLogo p span { display: block; }



.footer12322_main22 .part1 .middle ul { display: block; width: 510px; margin-top: 28px; }



.footer12322_main22 .part1 .middle ul li { float: left; height: 16px; line-height: 16px; border-right: #4e4e4e solid 1px; padding-right: 23px; padding-left: 23px; }



.footer12322_main22 .part1 .middle ul li a { display: block; font-size: 16px; color: #fff; line-height: 16px; }



.footer12322_main22 .part1 .middle ul li a:hover { color: #0b487f; }



.footer12322_main22 .part1 .middle ul li:nth-child(1) { padding-left: 0; }



.footer12322_main22 .part1 .middle ul li:first-child { padding-left: 0; }



.footer12322_main22 .part1 .middle ul li:nth-child(5) { padding-right: 0; border-right: none; }



.footer12322_main22 .part1 .middle ul li:first-child+li+li+li+li { padding-right: 0; border-right: none; }



.footer12322_main22 .part1 .bottomNav {float: left;margin-top: 60px;margin-left: 60px;width: 178px;}



.footer12322_main22 .part1 .bottomNav h1 {font-size: 20px;line-height: 24px;color: #fff;font-weight: normal;padding-bottom: 10px;}



.footer12322_main22 .part1 .bottomNav p { padding-top: 12px; width: 310px; display: inline-block; }



.footer12322_main22 .part1 .bottomNav p i { display: block; float: left; width: 23px; height: 24px; background-position: -36px -428px; }



.footer12322_main22 .part1 .bottomNav p i.s2 { display: block; float: left; width: 23px; height: 24px; background-position: -68px -428px; }



.footer12322_main22 .part1 .bottomNav p span { display: block; width: 220px; float: left; font-size: 14px; color: #999; line-height: 24px; margin-left: 12px; }



.footer12322_main22 .part1 .right { float: right; margin-top: 60px; }



.footer12322_main22 .part1 .right .wx { display: block; width: 130px; height: 130px; background-color: #fff; text-align: center; float: left; margin-left: 30px; }



.footer12322_main22 .part1 .right .wx img { display: inline-block; width: 120px; height: 120px; margin-top: 5px; }



.footer12322_main22 .part1 .right .tit { margin-top: 12px; font-size: 14px; color: #ececec; line-height: 16px; text-align: center; }



.footer12322_main22 .part1 .right .wx1 { display: block; width: 130px; height: 130px; background-color: #fff; text-align: center; float: left; margin-left: 30px; }



.footer12322_main22 .part1 .right .wx1 img { display: inline-block; width: 120px; height: 120px; margin-top: 5px; }



.copyright { width: 100%; height: 40px; line-height: 40px; background: #161f17; }



.copyright p { font-size: 12px; color: #666; width:1200px; margin:0 auto }



.copyright a { font-size: 12px; color: #666; }



.copyright span { margin: 0 6px; }



.copyright a:hover { color: #fff; }







/*我们的技术*/



.index .floor_22_main { background-color: #fff; }



.floor_22{ position:relative;}



.index .floor_22_main .indexTit { padding-top: 0px; }



.index .floor_22_main .floor_22 .technology{ position:relative;}



.index .floor_22_main .floor_22 .technology .bd { position: relative; width: 1200px; overflow: hidden; margin: 0 auto; height: 276px; }



.index .floor_22_main .floor_22 .technology .bd .list { width: 104%; overflow: hidden; }



.index .floor_22_main .floor_22 .technology .bd .list li { position: relative; float: left; display: block; width: 282px; margin-right: 22px; }



.index .floor_22_main .floor_22 .technology .bd .list li a { display: block; }



.index .floor_22_main .floor_22 .technology .bd .list li:first-child { margin-right: 20px; }



.index .floor_22_main .floor_22 .technology .bd .list li b { display: block; width: 282px; height: 215px; }



.index .floor_22_main .floor_22 .technology .bd .list li .img { display: block; width: 100%; height: 100%; background-size: 100%; }



.index .floor_22_main .floor_22 .technology .bd .list li .txt { display: block; width: 282px; height: 215px; background: url(../images/a7_05.png) center center no-repeat; text-align: center; }



.index .floor_22_main .floor_22 .technology .bd .list li .txt .tit { padding-top: 74px; font-size: 18px; line-height: 20px; color: #fff; text-align: center; }



.index .floor_22_main .floor_22 .technology .bd .list li .txt .subtit { margin-top: 14px; font-size: 14px; width: 98px; height: 28px; border: #fff solid 1px; line-height: 28px; text-align: center; color: #fff; display: inline-block; }



.index .floor_22_main .floor_22 .technology .bd .list li .txt .subtit:hover { background-color: #fff; color: #0b487f; }



.index .floor_22_main .floor_22 .technology .hd { position: absolute; width: 100%; top: 70px; }



.index .floor_22_main .floor_22 .technology .hd .prev { position: absolute; left: -60px; display: block; width: 35px; height: 80px; background-position: -12px -211px; cursor: pointer; }



.index .floor_22_main .floor_22 .technology .hd .next { position: absolute; right: -60px; display: block; width: 35px; height: 80px; background-position: -80px -211px; cursor: pointer; }



.index .floor_22_main .floor_22 .technology .hd .prev:hover { background-position: -12px -302px; }



.index .floor_22_main .floor_22 .technology .hd .next:hover { background-position: -80px -302px; }



.index .floor_1_main .floor_1 .more { height: 45px; width: 160px; text-align: center; margin: 0 auto; transition: all ease 600ms; }



.index .floor_1_main .floor_1 .more a { height: 45px; width: 160px; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 2.5; background: url(../images/a4_07.png) center center no-repeat; transition: all ease 600ms; display: block; }



.index .floor_1_main .floor_1 .more:hover { margin-top: 4px; transition: all ease 600ms; }



.index .floor_22_main .floor_22 .technology .bd .list li a:hover p { display: none; }



.index .floor_22_main .floor_22 .technology .bd .list li .txt { position: absolute; left: 0px; top: 0px; z-index: 199; opacity: 0; visibility: hidden; overflow: hidden; width: 100%; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }



.index .floor_22_main .floor_22 .technology .bd .list li a:hover .txt { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align: center; }



.index_mole { display: block; background: url(../images/a6_02.png) center center no-repeat; height: 24px; width: 100%; text-align: center; }



.index_mole a { display: inline-block; height: 24px; line-height: 24px; background-color: #eff2f6; width: 160px; }



.index_mole a p { font-size: 18px; color: #333; line-height: 24px; float: left; padding-left: 22px; transition: all ease 600ms; }



.index_mole a i { display: block; float: left; width: 24px; height: 24px; background-position: 0px -430px; margin-left: 18px; transition: all ease 600ms; }



.index_mole a:hover p { color: #0b487f; padding-left: 20px; transition: all ease 600ms; }



.index_mole a:hover i { color: #0b487f; margin-left: 22px; transition: all ease 600ms; }





































































































.juzhong{ width:1500px; display:block; margin-left:auto; margin-right:auto;}



.lf{ display:block; float:left;}



.rf{ display:block; float:right;}













.hb_news {



background: #ffffff;




overflow: hidden;

}











/****************index_news************/







.news_sjk {



    font-size: 18px;



    color: #7e7e7e;



    line-height: 30px;



    font-family: 'futura';



    display: block;



}







.news_list_tit {



    font-size: 16px;



    color: #3a3a3a;



    line-height: 30px;



    display: block;



}







.news_list {



    overflow: hidden;



}







.news_list li {



width: 550px;



overflow: hidden;



padding: 0 20px;



background: #f6f6f6;



float: left;



margin-bottom: 20px;



border: 1px solid #FFFFFF;

}







.news_list li:nth-child(2n) {



    float: right;



}







.news_list_dk { width:450px;



    padding: 20px 15px;



    display: block;



}







.news_list li:hover {



    border: 1px solid #258e61;



    box-shadow: 0px 0px 8px rgba(255, 128, 0, 0.34);



}







.news_list li:hover .news_list_tit {



    color: #258e61;



    transform: translateX(10px);



}







.news_list li,



.news_list li .news_list_tit {



    transition: all 1s ease;



}







.footer123 {



    background: #2f3237;



    overflow: hidden;



    padding: 30px 0;



    height: 270px;



}







.fot_title {



    font-size: 16px;



    color: #FFFFFF;



    margin-bottom: 20px;



    display: block;



}







.fot_w_dk {



    float: left;



    border-right: 1px solid #3c3e42;



    height: 210px;



}







.fot_w_dk li a {



    color: #7e7e7e;



    font-size: 12px;



    line-height: 30px;



}







.ft_cpzsk {



    width: 190px;



}







.ftn_gywmk {



    width: 210px;



    text-align: center;



}







.ftn_news {



    width: 215px;



    text-align: center;



}







.ftn_lx {



    width: 600px;



    padding-left: 50px;



}







.ewmk li {



    float: left;



    display: block;



    text-align: center;



    padding: 10px 0 10px 20px;



}







.ewmk li span {



    margin: 10px auto;



    display: block;



    color: #7e7e7e;



    font-size: 14px;



}







.lxwm_sj_img {



    float: left;



}







.feyx_wzk {



    float: left;



    color: #7e7e7e;



}







.lxfs_sjh {



    display: block;



    font-size: 28px !important;



    color: #014181;



    font-family: 'futura';



    line-height: 30px;



    margin: 10px 0;



}







.fot_w_dk li p {



    display: block;



    font-size: 12px;



}







.fot_w_dk li span {



    color: #7e7e7e;



    font-size: 12px;



}







.fot_w_dk li {



    margin-top: 10px;



}







.bqk {



    background: #212226;



    overflow: hidden;



    height: 48px;



    line-height: 48px;



    font-size: 14px;



    color: #7e7e7e



}







.bqk a {



    color: #7e7e7e



}







.ewmk li .gzh {



    display: block;



}







.ewmk li .gzh img {



    width: 100%;



}







.lxwm_sj_img {



    margin-right: 3px;



}











.shousk-btn{



	position: absolute;



	display: block;



	width: 20px;



	height: 30px;



	right: 20px;



	top: 0;



	background: url('../images/seach.png') no-repeat;



	cursor: pointer;



}



/********************************** 产品展示 **********************************/



.ban img{



	width: 100%;



}



.product-tit{



	position: relative;



	padding: 33px 58px 0 46px;



	height: 115px;



	margin-top: -158px;



	background-color: #fff;



	background-image: url('../images/hot-tel.png');



	background-repeat: no-repeat;



	background-position: center right;



	box-shadow: 0 3px 5px #b0b0b0;



}



.product-main {



	padding-top: 116px;



}



.pro-tit span{



	display: block;



}



.text{



	font-size: 28px;



	font-weight: normal;



	line-height: 28px;



	color: #000;



}



.text-eng{



	margin-top: 8px;



}



.text-eng img{



	vertical-align: top;



}



.pts-search{



	position: relative;



	width: 330px;



	height: 42px;



	padding: 0 48px 0 22px;



	border: 1px solid #ebebeb;



	border-radius: 42px;



	background: #f3f3f3;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



	overflow: hidden;



}



.search-frame{



	width: 100%;



	height: 40px;







	line-height: 40px;



	background: #f3f3f3;



}



.search-btn{



	position: absolute;



	width: 20px;



	height: 20px;



	top: 10px;



	right: 17px;



	background: url('../images/search-btn.png') top left no-repeat;



	cursor: pointer;



}



.hot-tel{



	margin-left: 16px;



	padding-top: 2px;



}



.hot-tel p{



	display: block;



}



.ht-online{



	margin-top: 6px;



	font-size: 16px;



	color: #959595;



	line-height: 22px;



}



.hot-tel-eng img{



	vertical-align: top;



}



.ht-online .hthex{



	font-size: 22px;



}



.ht-online span{



	display: block;



	float: left;



}











.pro-nav{



	display: table;



	margin: 42px auto 0;



	overflow: hidden;



}



.pro-nav-items{



	float: left;



	margin: 0 6px 13px 6px;



}



.pro-nav-items a{



	display: block;



	min-width: 160px;



	height: 42px;



	padding: 0 0.5em;



	font-size: 16px;



	line-height: 42px;



	text-align: center;



	color: #fff;



	background: #9f9f9f;



}



.pro-nav-items.on a,



.pro-nav-items:hover a{



	background: #014181;



}



.pro-list{



	margin-top: 40px;



	margin-left: -26px;



}



.pro-list-items{



	float: left;



	width: 25%;



	margin-bottom: 29px;



	padding-left: 26px;



	position: relative;



	z-index: 2;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.pro-block{



	padding: 18px;



	border: 1px solid #f3e8dd;



}



.pro-main{



	margin-top: 30px;



}



.pro-pic {



	display: block;



	overflow: hidden;



}



.pro-pic img{



	width: 100%;



	vertical-align: top;



}



.pro-items-tit{



	font-size: 18px;



	font-weight: normal;



	line-height: 18px;



	color: #000;



}



.pro-items-tit a{



	display: block;



	color: #000;



}



.pro-items-line{



	display: block;



	width: 45px;



	height: 3px;



	margin-top: 15px;



	background: #014181;



}



.pro-info{



	margin-top: 17px;



	font-size: 12px;



	line-height: 22px;



	color: #616161;



}



.pro-info a{



	display: block;



	color: #616161;



}



.pro-block:hover{



	box-shadow: 0 0 30px #fff9f3;



}



.pro-block:hover .pro-items-tit,



.pro-block:hover .pro-items-tit a{



	color: #014181;



}



.pro-block:hover .pro-pic img{



	-webkit-transform: scale(1.1);



	-ms-transform: scale(1.1);



	-o-transform: scale(1.1);



	transform: scale(1.1);



}







/* 分页 */



.pages {



	position: relative;



	display: table;



	margin: 0 auto;



	padding: 30px 45px 44px;



}



.pages-bg{



	position: absolute;



	display: block;



	width: 100%;



	height: 42px;



	left: 0;



	background: #014181;



	border-radius: 42px;



	z-index: 0;



	-webkit-box-shadow: 0 0 20px #ffe3c7;



	box-shadow: 0 0 20px #ffe3c7;



}



.pages-items{



	float: left;



	margin: 5px 3px;



}



.pages-items a{



	display: block;



	width: 29px;



	height: 44px;



	font-size: 16px;



	line-height: 34px;



	text-align: center;



	color: #fff;



}



.pages-items:hover a,



.pages-items.on a {



	color: #171717;



	background: url('../images/pages-items.png') repeat-x;



	border-radius: 5px;



	-webkit-box-shadow: 0 0 8px #dcdcdc;



	box-shadow: 0 0 8px #dcdcdc;



}



.pages-block{



	position: relative;



	z-index: 1;



}







/********************************** 产品展示 product-details **********************************/



.pro-ban{



	background: #014181;



	overflow: hidden;



}



.pro-intro{



	width: 44%;



	padding-top: 99px;



	padding-right: 112px;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.proi-pic{



	width: 56%;



}



.proi-pic img{



	width: 100%;



	vertical-align: top;



}



.pro-intro-art{



	margin-top: 25px;



	font-size: 14px;



	line-height: 24px;



	color: #fff;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.pro-name-text{



	font-size: 30px;



	font-weight: normal;



	line-height: 48px;



	color: #fff;



}



.pro-name-eng img{



	vertical-align: top;



}



.pro-name-line{



	display: block;



	width: 40px;



	height: 3px;



	margin-top: 15px;



	background: #6f6f6f;



}







/********************************** 案例 case **********************************/



.case-main{



	background: #f4f0eb;



}



.case-list{



	margin-top: 35px;



	margin-left: -25px;



}



.case-items{



	float: left;



	width: 25%;



	margin-bottom: 26px;



	padding-left: 25px;



}



.case-block{



	padding: 17px 17px 26px 18px;



	background: #fff;



}



.case-pic{



	display: block;



	overflow: hidden;



}



.case-pic img{



	width: 100%;



	vertical-align: top;



}



.case-btit{



	position: relative;



	display: block;



	margin: 26px 0;



	padding-right: 40px;



	font-size: 16px;



	line-height: 32px;



	font-weight: normal;



	color: #505050;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.case-btit a{



	display: block;



	color: #505050;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.case-more{



	position: absolute;



	display: block;



	width: 15px;



	height: 15px;



	top: 8px;



	right: 0;



	background: url('../images/add1.png') no-repeat;



}



.case-bline{



	display: block;



	width: 100%;



	height: 1px;



	background: #dadada;



}







.case-block:hover .case-pic img {



	-webkit-transform: scale(1.1);



	-ms-transform: scale(1.1);



	-o-transform: scale(1.1);



	transform: scale(1.1);



}



.case-block:hover .case-btit a{



	color: #000;



}



.case-block:hover .case-bline{



	background: #464646;



}



.case-block:hover .case-more{



	background: url('../images/add2.png') no-repeat;



}



/********************************** job **********************************/



.job-main{



    background: #f4f0eb;



}



.job-list{



	margin-top: 25px;



	margin-left: -30px;



	overflow: hidden;



}



.job-list-items{



	float: left;



	width: 25%;



	margin-bottom: 28px;



	padding-left: 30px;



}



.job-block{



	padding: 40px 44px 50px;



	background: #fff;



	border-radius: 0 0 36px 0;



}



.job-date{



	font-size: 12px;



	line-height: 12px;



	color: #c1c1c1;



}



.job-post{



	display: block;



	margin-top: 12px;



	font-size: 26px;



	font-weight: normal;



	line-height: 26px;



	color: #565656;



}



.job-bline{



	display: block;



	width: 100%;



	height: 1px;



	margin-top: 20px;



	background: #959595;



}



.job-require{



	height: 168px;



	padding: 18px 0;



	font-size: 14px;



	line-height: 28px;



	color: #7e7e7e;



	overflow: hidden;



}



.job-more{



	display: block;



	width: 110px;



	height: 40px;



	font-size: 14px;



	line-height: 38px;



	text-align: center;



	color: #7e7e7e;



	border: 1px solid #c1c1c1;



	border-radius: 40px;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.job-main .pages{



	padding-top: 12px;



}







/********************************** 员工故事 job **********************************/



.story-list{



	margin-top: 35px;



	margin-left: -32px;



	overflow: hidden;



}



.story-list-items{



	float: left;



	width: 50%;



	margin-bottom: 21px;



	padding-left: 32px;



}



.story-blcok{



	background: #fff;



	overflow: hidden;



}



.story-pic {



	display: block;



	width: 279px;



	height: 218px;



}



.story-art{



	margin-left: 279px;



	padding: 37px 42px 0 34px;



}



.story-tit{



	font-size: 20px;



	font-weight: normal;



	line-height: 20px;



	color: #272727;



}



.story-tit a{



	display: block;



	color: #272727;



}



.story-article{



	display: block;



	margin-top: 18px;



	font-size: 14px;



	line-height: 24px;



	color: #777;



}



.story-article a{



	display: block;



	max-height: 96px;



	color: #777;



	overflow: hidden;



}







/**********************************  about **********************************/







.aboutus{



	width: 100%;



	margin-top: 58px;



	background: url('../images/huabao.png') no-repeat;



}



.company-name{



	text-align: right;



}



.company-name span{



	display: block;



}



.cpn-text{



	font-size: 44px;



	font-weight: normal;



	line-height: 44px;



	color: #014181;



}



.cpn-eng{



	width: 100%;



	margin-top: 15px;



	overflow: hidden;



}



.cpn-eng img{



	display: block;



	float: right;



	vertical-align: top;



}



.company-tit{



	padding-top: 28px;



	font-size: 22px;



	font-weight: normal;



	line-height: 22px;



	color: #323232;



}



.company-pic{



	width: 466px;



	height: 304px;



	overflow: hidden;



}



.company-pic img{



	width: 100%;



	vertical-align: top;



}



.company-art{



	padding-top: 12px;



}



.cpa-article{



	position: relative;



	/* max-height: 304px; */



	margin-left: 466px;



	padding: 40px 29px 40px 34px;



	font-size: 14px;



	line-height: 28px;



	color: #424242;



	background: url('../images/cpa-art.png') top right no-repeat;



	/* overflow: hidden; */



}



.cpa-line{



	position: absolute;



	display: block;



	width: 13px;



	height: 1px;



	bottom: 0;



	left: 50%;



	margin-left: -6px;



	background: #014181;



}







.production-main{



	padding: 72px 0 56px;



	overflow: hidden;



}



.pdm-tit{



	font-size: 26px;



	font-weight: normal;



	text-align: center;



	color: #424242;



}



.pdm-block{



	margin-top: 46px;



}



.pdm-items{



	float: left;



	width: 20%;



	padding: 0 25px;



	text-align: center;



}



.pdm-pic{



	position: relative;



	display: block;



	width: 189px;



	height: 189px;



	margin: 0 auto;



	background: url('../images/pdm-pic.png') no-repeat;



	font-size: 28px;



	line-height: 40px;



	color: #626262;



}



.pdm-pic span{



	display: table-cell;



	width: 189px;



	height: 189px;



	vertical-align: middle;



}



.pdm-art{



	display: block;



	margin-top: 32px;



	font-size: 14px;



	line-height: 28px;



	color: #424242;



}











/* 时间轴 */



/*发展历史*/



.history-main{



	background: url('../images/history-main.jpg') no-repeat;



}



.history-tit{



	height: 130px;



	padding-top: 44px;



	background: #f4f0eb;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



}



.history-title{



	font-size: 30px;



	font-weight: normal;



	line-height: 30px;



	text-align: center;



	color: #424242;



}



.history-line{



	display: block;



	width: 30px;



	height: 2px;



	margin: 15px auto 0;



	background: #014181;



}



.fzk {



	display: block;



	padding: 50px 0 56px;



	background: #fff;



	position: relative;



	overflow: hidden;



}







.fzdti {



	display: block;



	width: 334px;



	height: 50px;



	margin: 0 auto 58px;



	position: relative;



	z-index: 99;



}







.fzdti h4 {



	display: block;



	width: 215px;



	margin: 0 auto;



	text-align: center;



	background: url(../images/dsjheadbg.jpg) repeat-x center;



}







.fzdti h4 span {



	display: block;



	width: 117px;



	margin: 0 auto;



	font-size: 24px;



	color: #000;



	background: #fff;



}







.fzxk {



	display: block;



	width: 100%;



	height: 506px;



	padding: 87px 0 0;



	margin: 0 auto;



	position: relative;



	z-index: 99;



	background: url('../images/san1.png') center 385px repeat-x;



}







.fzxkt {



	display: block;



	width: 100%;



	position: absolute;



	height: 1px;



	background: #e1e1e1;



	top: 397px;



}







.fzx1 {



	display: block;



}











#timeline {



	height: 375px;



	overflow: hidden;



	position: relative;



	margin: 0 auto;



}







#dates {



	/* width: 1250px; */



	overflow: hidden;



}







#dates li {



	float: left;



	width: 98px;



	height: 70px;



	font-size: 18px;



	text-align: center;



}







#dates a {



	color: #616161;



	width: 98px;



	height: 70px;



	padding-top: 30px;



	line-height: 40px;



	display: block;



	font-family: Arial, Helvetica, sans-serif;



	background: url('../images/san3.png') no-repeat center top;



}







#dates .selected {



	font-size: 22px;



	color: #014181;



	font-weight: bold;



	background: url('../images/san2.png') no-repeat center top;



}







#issues {



	/* width: 1250px; */



	height: 298px;



	overflow: hidden;



}







#issues li {



	/* width: 1250px; */



	height: 232px;



	list-style: none;



	float: left;



}







#issues li img {



	text-align: center;



	display: block;



	margin: 0 auto;



}







#next,



#prev {



	position: absolute;



	top: 90px;



	width: 50px;



	height: 50px;



	text-align: center;



	line-height: 50px;



	overflow: hidden;



}













.news-pic{



	display: block;



	margin-bottom: 15px;



	overflow: hidden;



}



.news-pic img{



	width: 100%;



	vertical-align: top;



}



.news-tit {



	font-size: 22px;



	font-weight: normal;



	line-height: 40px;



	color: #4e4e4e;



}



.news-tit a {



	display: block;



	color: #4e4e4e;



}



.news-intro {



	min-height: 96px;



	font-size: 14px;



	line-height: 28px;



	color: #9e9e9e;



}



.news-intro a {



	display: block;



	color: #9e9e9e;



}



.news-date{



	margin-top: 12px



	font-size: 14px;



	line-height: 14px;



	color: #9e9e9e;



}







.white-panel:hover .news-pic img{



	-webkit-transform: scale(1.1);



	-ms-transform: scale(1.1);



	-o-transform: scale(1.1);



	transform: scale(1.1);



}



.white-panel:hover .news-tit a{



	color: #014181;



}







.news-details{



	padding-bottom: 63px;



    background: #f4f0eb;



}



.news-container{



	width: 90%;



	margin: 60px auto 0;



	padding: 60px;



	min-height: 600px;



	background: #fff;



}



.ne-ny-gjc {



    padding: 20px;



    text-align: center;



    border-bottom: 1px solid #ddd;



    border-top: 1px solid #ddd;



    margin-bottom: 25px;



    line-height: 26px;



    font-size: 12px;



    color: #777;



}