@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:14px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;width: 100%;min-width: 1000px;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative} 

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1000px; margin:0 auto;  } 

/*头部开始*/  
.h_top{height:248px; overflow: hidden;background: url(../images/topbg.gif) repeat-x center top;}
.h_con{padding: 32px 0 0;height: 132px;overflow: hidden;}
.h_top h1{width:114px;}
.h_top h1 img{width:79px;}
.h_top h2{float: left;padding: 0 0 0 42px; width:322px;font-size: 26px;line-height:48px; color: #0e4ca9; margin: 4px 0;border-left: solid 1px #d4d3d2;text-align: center;}
.h_top h2 em{display: block;font-size: 20px;line-height:41px; color: #555;font-style: normal;background: url(../images/line1.gif) no-repeat center;font-weight: normal;}
.h_nav{ font-size: 16px; line-height:49px; height:49px;}
.h_nav li a{color: #fff;display: block;padding: 0 30px;}
.h_nav li a span{display:inline-block;padding:0 0 0 26px;background: url(../images/shy_ico.png) no-repeat 0 center;}
.h_nav li{float: left;background: url(../images/menu-fgx.gif) no-repeat 0 0;margin-left: -2px;position: relative;}
.h_nav li.cur a,.h_nav li a:hover{background: #da2f30;text-decoration: none;font-weight: bold;}
.h_tel {line-height:22px;color:#555;background:url(../images/t_pho.gif) no-repeat 0 27px;padding: 22px 0 0 53px;}
.h_tel b{display: block; font-size: 30px; line-height:30px;color: #da2f30;}
.t_text{height: 35px;line-height: 35px;font-size: 14px;color: #888;}
.t_text p{float: right;}
.t_text p a{padding:0 11px;display: inline-block;position: relative;}
.t_text p a em{display: none;}
.t_text p a:hover em{position: absolute;display: block; left:0px;top:30px;width:96px;height:96px;background: url(../images/f_code3.jpg) no-repeat 0 0;}
.t_text p a:hover em.phoho{background: url(../images/f_code2.jpg) no-repeat 0 0;}


.banner{height: 532px; background: url(../images/banner1.jpg) no-repeat center top;}

/**/
.why{background: url(../images/whybg.jpg) no-repeat center bottom;padding: 47px 0 0;height: 592px;}
.til01{background: url(../images/line2.gif) no-repeat center bottom;height: 125px;text-align: center;font-weight: normal;font-size: 36px;overflow: hidden;line-height: 76px;}
.til01 b{color: #0e4ca9;}
.til01 p{background: url(../images/ico01.gif) no-repeat center 0;font-size: 18px;line-height: 50px;}
.why_c{font-size:20px;color: #0e4ca9;font-weight: bold;position: relative;text-align: center;line-height: 27px;}
.why_c p{width: 88px;height: 70px;}
.why_c1{font-size: 22px;color: #fff;width: 220px;top:170px;left: 19px; line-height: 33px;}
.why_c2{top:132px;left:292px;}
.why_c3{top:111px;left:434px;font-size: 24px;}
.why_c4{top:92px;left:587px;font-size: 24px;width: 134px;}
.why_c5{top:234px;left:372px;font-size: 24.7px;}
.why_c6{top:232px;left:544px;}
.why_c7{top:373px;left:213px;background: url(../images/whypbg.gif) no-repeat center 0;width: 574px;height: 68px;line-height: 54px;}

/*产品*/
.pro{height:670px;padding: 50px 0 0;background: #1a53a6;color: #555;line-height: 25px;position: relative;}
.pro h2,.pro h2 b{color: #fff;}
.pro_c{padding: 50px 0;}
.pro_c dl{float: left;display: block;position: relative;}
.pro_c dt,.pro_c dt img{width: 562px;height:427px;display: block;float: left;}
.pro_c dd{background: url(../images/prowbg.png) no-repeat 0 0;width:418px;height:297px;position: absolute;top: 28px;left: 486px;padding: 15px 48px 0;}
.pro_c dd h3{background: url(../images/ico07.gif) no-repeat 0 bottom;height: 90px;line-height: 90px;font-size: 24px;color: #0e4ca9;}
.pro_c dd p{padding: 15px 0 0;height: 145px;overflow: hidden;}
.pro_c dd p b{display: block;font-size: 18px;color: #333;line-height: 42px;}
.pro_prev,.pro_next{width: 113px;height: 51px;display: block;position: absolute;top:515px;left: 562px;}
.pro_next{left:675px;}

/*服务*/
.serv{padding: 50px 0 0;height: 610px;}
.serv_c{padding: 50px 0 0;line-height: 24px;color: #666;}
.serv_c dl{width: 270px;float: left;padding: 0 95px 0 0;background: url(../images/ico03.gif) no-repeat 306px 94px;}
.serv_c dt{width: 212px;padding:72px 0 0;background: url(../images/servbg1.gif) no-repeat center 0;margin:0 auto;height: 148px;text-align: center;}
.serv_c dl.born{background: none;padding: 0;}
.serv_c dd h3{height: 62px;line-height: 62px;font-size: 18px;text-align: center;color: #0e4ca9;background: url(../images/ico02.gif) no-repeat center bottom;margin-bottom: 19px;}
.serv_c dl.cur dt{background: url(../images/servbg2.gif) no-repeat center 0;}
.serv_c dl.cur dd h3{color: #da2f30;}

/*研发定制*/
.supp{background: url(../images/bg01.gif) repeat;padding: 51px 0 0;height: 888px;font-size: 14px;color: #555;line-height: 26px;}
.supp_c,.witn_c{padding: 50px 0 0;}
.supp_c dl{width:599px;height: 323px;float: left;}
.supp_c dd{position: relative;}
.supp_c dd h3{font-size: 24px;height: 63px;line-height: 63px;background: url(../images/ico01.gif) no-repeat 0 bottom;color: #0e4ca9;}
.supp_c dd p{padding: 16px 0 0;}
.supp_c dd .supp_ico{display: block;position: absolute;top: 43px;left: 29px;}
.supp_c .suppl1{width: 401px;float: left;height: 646px;}
.supp_c .suppl2{background: url(../images/bg02.png) repeat;}
.supp_c .suppl3{position: relative;}
.supp_c .suppl3 dd{width:239px;height:213px;display: block;position: absolute;left: 0;top: 0;padding: 110px 30px 0;color: #fff;background: url(../images/bg03.png) repeat;}
.supp_c .suppl3 dd h3{color: #fff;background: url(../images/ico05.gif) no-repeat 0 bottom;}
.supp_c .suppl3 dt,.supp_c .suppl3 dt img{width:599px;height: 323px;display: block;}
.supp_c .suppl2 dt,.supp_c .suppl2 dt img{width:299px;float: left;height: 323px;display: block;}
.supp_c .suppl2 dd{width:240px;float: left;padding: 109px 0 0 31px;}
.supp_c .suppl1 dd{height: 323px;padding: 0 44px 0 0;}
.supp_c .suppl1 dd .supp_ico{top: 47px;left:323px;}
.supp_tb{background: url(../images/ico05.gif) no-repeat center 123px #0e4ca9;color: #fff;text-transform: uppercase;text-align: center;padding: 29px 0 0;height: 121px;width: 150px;font-size: 20px;font-weight: bold;}
.supp_tb em{display: block;margin:0 auto;}

/*团队*/
.team{padding: 49px 0 0;height: 639px;overflow: hidden;background: url(../images/team_pic.jpg) no-repeat right bottom;}
.team_w{width: 651px;padding: 66px 0 0;}
.team_w h3{height: 137px;font-weight:normal;font-size: 20px;line-height: 34px;color: #333;padding: 0 20px;}
.team_w h3 b{font-size:48px;line-height:62px;color: #0e4ca9;letter-spacing: 2px;display: block;}
.team_w ul{padding: 14px 0 0 20px;height: 79px;background: #f1f1f1;line-height: 33px;font-size: 18px;}
.team_w li{padding:0 0 0 33px;height:33px;background: url(../images/ico06.jpg) no-repeat 0 7px;color: #333;}
.team_w p{padding:27px 22px;line-height: 26px;width: 566px;}

/*客户*/
.witn{border-top: solid 1px #e9e9e9;padding: 61px 0 0;height: 560px;line-height: 26px;}
.witn_c dl{width: 490px;height: 318px;float: left;background: #f6f6f6;}
.witn_c dl.witnl1{margin-left: 20px;}
.witn_c dt,.witn_c dt img{width: 191px;height: 318px;float: left;}
.witn_c dd{width:234px;float: left;padding: 35px 0 0 28px;}
.witn_c dd h3{height: 65px;background: url(../images/ico02.gif) no-repeat 0 bottom;font-size: 16px;line-height: 26px;margin-bottom: 13px;}
.witn_c dd h3 span{display: block;font-size: 14px;line-height: 22px;color: #666;font-weight: normal;}

/*关于*/
.about{height:768px; background: url(../images/abobg.jpg) no-repeat center 0;padding: 52px 0 0;text-align: center;line-height: 25px;color: #5c5c5c;}
.abo_p{padding: 50px 0 0;position: relative;}
.abo_p,.abo_p img{width: 1000px;height: 354px;}
.abo_p span{width: 1000px;height:66px;line-height: 66px;color: #fff;background: url(../images/ico08.png) no-repeat center 0;position: absolute;top: 182px;left: 0;font-size: 30px;padding: 43px 0 0;}
.abo_w{padding: 42px 66px 0;}
.abo_w p{height:112px;overflow: hidden;}
.abo_w span a{display: block;margin:0 auto;width: 140px;line-height: 34px;background: #e11015;color: #fff;}

/*底部*/
.f_foot{height:290px;background: url(../images/footbg.jpg) repeat-x center 0 #252525;padding: 45px 0 0;border-top: solid 16px #0e4ca9;color: #949494;line-height: 34px;}
.f_con{height:232px;}
.f_con h2{width:185px;padding: 13px 0 0 5px;float: left;}
.f_text,.f_ewm{width:398px;background: url(../images/f_ge.gif) no-repeat 0 13px; padding:0 0 0 82px;}
.f_text h3{font-weight: normal;font-size: 16px;height: 25px;line-height: 0px;background: url(../images/ico01.gif) no-repeat 0 bottom;margin-bottom: 0px;color: #fff;}
.f_text p{display: block;font-size:12px;}
.f_ewm{width:283px; padding:32px 0 0 45px;}
.f_ewm p{width: 100px;height: 141px;text-align: center;border: solid 1px #fff;float: left;margin: 0 0 0 38px;}
.f_ewm p img{display: block; width:96px;height: 96px;padding: 2px;border-bottom: solid 1px #fff;}
.f_ewm p span{display: block;line-height: 38px;color: #fff;}
.f_wz{height: 59px;line-height: 59px;color: #656565;}
.f_wz p{float: right;}

.ontop{position: fixed;bottom:30px;right:30px;z-index: 9;}
.ontop img{width:51px;height:71px;}