@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:12px; font-family:Microsoft yahei;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft yahei,''; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#f90202; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

/*head_top*/
.head_top{ width:100%; border-bottom:1px solid #ddd;}
.head_width{ max-width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.head_width .head_left{ float:left; font-size:12px; color:#666; line-height:20px; margin:10px 0;}
.head_width .head_center{ position:absolute; top:0; left:23%; width:40%; text-align:center; font-size:12px; color:#666; line-height:20px; padding:10px 0;}
.head_width .head_center a{ font-size:12px; color:#666; line-height:20px; margin:0 8px 0 0;}
.head_width .head_center a:hover{ text-decoration:none; color:#234c96;}
.head_width .searchBox{ float:right; width:334px; height:30px; background:url(../images/searchbg.jpg) left top no-repeat; margin:5px 15px 0 0;}
.head_width .searchBox .search{ float:left; padding:0 0 0 12px; width:232px; line-height:30px; border:0; color:#7d7d7d; background:none; outline:medium;}
.head_width .searchBox .button{ float:right; border:0; width:90px; height:30px; background:none; cursor:pointer; outline:medium;}
.head_width .head_right{ float:right; border:1px solid #ddd; border-bottom:none; border-top:none;}
.head_width .head_right a{ padding:10px 28px; font-size:12px; color:#333; line-height:20px; display:block;}
.head_width .head_right a:hover{ background:#d81030; color:#fff; text-decoration:none;}

/*collar_department*/
.collar_department{ width:100%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));}
.collar_width{ max-width:1200px; margin:0 auto; overflow:hidden;}
.collar_width h1{ width:256px; float:left; margin:39px 0;}
.collar_width h1 img{ width:100%;}
.collar_width .company_name{ float:left; margin:43px 0 0 132px; font-size:14px; color:#333; line-height:22px; width:420px;}
.collar_width .company_name em{ color:#050505; display:block; font-size:30px; font-weight:bold; line-height:36px; margin:0 0 6px 0;}
.collar_width .company_name span{ display:block; float:left; width:18%; margin:22px 0 0 0; text-align:right;}
.collar_width .company_name b{ color:#d81030; display:block; width:30%; float:left; text-align:center;}
.collar_width .company_name font{ display:block; float:right; width:52%; margin:22px 0 0 0; text-align:left;}
.collar_width .rexian{ float:right; margin:29px 0 0 0;}
.collar_width .rexian dl{ overflow:hidden;}
.collar_width .rexian dl dt{ font-size:20px; color:#000; border-bottom:1px solid #ddd; line-height:30px; margin-bottom:8px; padding-bottom:3px;}
.collar_width .rexian dl dd{ background:url(../images/rexian.png) no-repeat left center; padding-left:65px; padding-top:5px;}
.collar_width .rexian dl dd p.p1{ font-size:15px; color:#333; line-height:15px;}
.collar_width .rexian dl dd p.p2{ font-family:"impact"; font-size:28px; color:#d81030; line-height:28px;}

/*nav*/
.header{ width:100%; background:#22a6d7;}
.nav{ max-width:1200px; margin:0 auto; font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; width:11%;}
.nav .m:nth-child(3n){ width:12%;}
.nav .m:nth-child(6n){ width:11%;}
.nav .m:nth-child(9n){ width:11%;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:50px; text-align:center;}
.nav li:hover a,.nav li a.hover_h{ text-decoration:none; background:#1c78c1;}
.nav .sub{ width:218px; position:absolute; left:0; top:50px;box-shadow:0px 4px 5px rgba(0,0,0,0.3); background:#fff; display:none;}
.nav .sub li{ line-height:20px;}
.nav .sub li a{ color:#fff; background:#1c78c1; border-bottom:1px solid #ccc; display:block; font-size:14px; line-height:20px; padding:11px 0 11px 12px;text-align:left;}
.nav .sub li:last-child a{ border-bottom:none;}
.nav .sub li a:hover{ color:#fff; background:#22a6d7; text-decoration:none;}
#dowebok{ display:none;}
.sidebar{ display:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; display:block; background:#666; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#234c96; }
.flex-control-paging li a.flex-active{ background:#234c96; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:4%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:4%;}

/*search*/
.search{ background:#f0f0f0; width:100%; overflow:hidden;}
.search .search_zi{ max-width:1200px; margin:18px auto; overflow:hidden;}
.search .search_zi .sea_wz{ font-size:16px; color:#333; line-height:30px; float:left;}
.search .search_zi .sea_wz span{ font-weight:bold; color:#234c96;}
.search .search_zi .sea_wz a{ font-size:16px; color:#333; margin:0 8px;}
.search .search_zi .searchBox{ float:right; width:334px; height:30px; background:url(../images/searchbg.jpg) left top no-repeat;}
.search .search_zi .searchBox .search{ float:left; padding:0 0 0 12px; width:232px; line-height:30px; border:0; color:#7d7d7d; background:none; outline:medium;}
.search .search_zi .searchBox .button{ float:right; border:0; width:90px; height:30px; background:none; cursor:pointer; outline:medium;}

/*new_product*/
.product_name{ width:1200px; margin:22px auto 12px auto; overflow:hidden; text-align:center;}
.product_name .eng_title{ font-family:"impact"; font-size:36px; line-height:36px; margin:0; color:#234c96; text-transform:uppercase;}
.product_name .chin_title{ font-size:21px; line-height:37px; color:#333; width:387px; margin:0px auto; background:url(../images/name_xian.png) center no-repeat;}

.new_product{ max-width:1200px; margin:12px auto 26px auto;}
.new_product .new_p_name{ width:100%; margin:0 0 26px 0; overflow:hidden; background:#f0f0f0;}
.new_product .new_p_name .btt{ float:left; padding:16px 52px 16px 16px; font-size:20px; color:#fff; line-height:26px; font-weight:bold; background:url(../images/namebg.png) center right no-repeat;}
.new_product .new_p_name .lanmu{ float:left;}
.new_product .new_p_name .lanmu a{ font-size:15px; color:#333; line-height:24px; font-weight:bold; padding:16px; display:inline-block;}
.new_product .new_p_name .lanmu a:hover{ text-decoration:none; color:#d81030;}
.new_product .new_p_name .lanmu span{ font-size:15px; color:#333; line-height:24px;}
.new_product .new_p_img{ width:100%; margin:0;}
.new_product .new_p_img ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.new_product .new_p_img ul li:nth-child(4n){ margin:0 0 2% 0;}
.new_product .new_p_img ul li img{ width:100%;}
.new_product .new_p_img ul li strong{ font-size:18px; line-height:48px; text-align:center; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; background:#f0f0f0;}
.new_product .new_p_img ul li a{  border:1px solid #ccc; box-sizing:border-box; box-shadow:0 5px 8px #888;color:#333;; display:block;}
.new_product .new_p_img ul li a:hover{ text-decoration:none; color:#234c96; border:#234c96 1px solid; box-shadow:0 5px 8px rgba(35,76,150,0.7);}

.new_product .new_p2{ width:100%; margin:0;}
.new_product .new_p2 ul li{ float:left; width:58%; margin:0 3% 3% 0; background:#91bfc9; text-align:center;}
.new_product .new_p2 ul li img{ width:316px; height:316px;}
.new_product .new_p2 ul li.nip2{ width:39%; margin:0 0 3% 0;}
.new_product .new_p2 ul li.nip3{ width:20%; margin:0 2% 2% 0;}
.new_product .new_p2 ul li.nip3 img, .new_product .new_p2 ul li.nip4 img, .new_product .new_p2 ul li.nip5 img, .new_product .new_p2 ul li.nip6 img{ width:234px; height:234px;}
.new_product .new_p2 ul li.nip4{ width:20%; margin:0 2% 2% 0;}
.new_product .new_p2 ul li.nip5{ width:30%; margin:0 2% 2% 0;}
.new_product .new_p2 ul li.nip6{ width:24%; margin:0 0 2% 0;}
.new_product .new_p2 ul li strong{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#7d7d7d)); font-size:18px; line-height:40px; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-shadow:6px 10px 6px #666;}
.new_product .new_p2 ul li a{ color:#333;}
.new_product .new_p2 ul li a:hover{ text-decoration:none; color:#285862;}

.new_product .new_p3{ width:100%; margin:0; background:url(../images/djj_bg.png) center no-repeat; height:724px; position:relative;}
.new_product .new_p3 ul li{ position:absolute; left:0; top:0; width:380px; height:294px; text-align:center;}
.new_product .new_p3 ul li img{ width:294px; height:294px;}
.new_product .new_p3 ul li.djj2{ left:410px;}
.new_product .new_p3 ul li.djj3{ left:820px;}
.new_product .new_p3 ul li.djj4{ left:120px; top:324px; width:465px; height:390px;}
.new_product .new_p3 ul li.djj4 img, .new_product .new_p3 ul li.djj5 img{ width:390px; height:390px;}
.new_product .new_p3 ul li.djj5{ left:inherit; right:120px; top:324px; width:465px; height:390px;}
.new_product .new_p3 ul li strong{ display:none;}
.new_product .new_p3 ul li a{ color:#333;}
.new_product .new_p3 ul li a:hover{ text-decoration:none; color:#472d69;}

.new_product .new_p4{ width:100%; margin:0; background:url(../images/fb_bg.png) center no-repeat; height:724px; position:relative;}
.new_product .new_p4 ul li{ position:absolute; left:0; top:0; width:380px; height:294px; text-align:center;}
.new_product .new_p4 ul li img{ width:294px; height:294px;}
.new_product .new_p4 ul li.fb2{ left:410px;}
.new_product .new_p4 ul li.fb3{ left:820px;}
.new_product .new_p4 ul li.fb4{ top:466px; width:228px; height:228px;}
.new_product .new_p4 ul li.fb4 img, .new_product .new_p4 ul li.fb5 img{ width:228px; height:228px;}
.new_product .new_p4 ul li.fb5{ left:inherit; right:0; top:466px; width:228px; height:228px;}
.new_product .new_p4 ul li strong{ display:none;}
.new_product .new_p4 ul li a{ color:#333;}
.new_product .new_p4 ul li a:hover{ text-decoration:none; color:#2f6b49;}

.product_bottom{ width:100%; margin:0; overflow:hidden; background:#f0f0f0 url(../images/wz_bg.jpg) center -108px no-repeat;}
.product_bottom .pwidth{ max-width:1200px; margin:28px auto; overflow:hidden;}
.product_bottom .pwidth .pw_name{ width:100%; margin:0 0 12px 0; overflow:hidden;}
.product_bottom .pwidth .pw_name em{ font-size:20px; color:#121212; line-height:26px; font-weight:bold;}
.product_bottom .pwidth .pw_name a{ float:right;}
.product_bottom .pwidth .pw_name a:hover{ text-decoration:none;}
.product_bottom .pwidth ul{ overflow:hidden;}
.product_bottom .pwidth ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.product_bottom .pwidth ul li:last-child{ margin:0;}
.product_bottom .pwidth ul li img{ width:100%;}
.product_bottom .pwidth ul li a{ font-size:18px; color:#333;}
.product_bottom .pwidth ul li a:hover{ text-decoration:none; color:#234c96;}
.product_bottom .pwidth ul li em{ display:block; text-align:center; line-height:22px; margin:5px 0 0 0; font-weight:bold;}

.product_bottom .pwidth .video_left{ width:720px; float:left;}
.product_bottom .pwidth .video_right{ width:440px; float:right;}
.product_bottom .pwidth .video_right ul{ float:left; width:80px; overflow:hidden;}
.product_bottom .pwidth .video_right ul li{ line-height:32px;}
.product_bottom .pwidth .video_right ul li a{ line-height:32px; display:block; font-size:14px;}
.product_bottom .pwidth .video_right ul li a:hover{ text-decoration:none;}
.product_bottom .pwidth .video_right .r_width{ float:right; width:360px;}
.product_bottom .pwidth .video_right .rig_name{ font-size:16px; color:#333; line-height:22px; margin:0 0 8px 0; font-weight:bold;}
.product_bottom .pwidth .video_right .rig_qing{ font-size:14px; color:#525252; line-height:22px;}
.product_bottom .pwidth .video_right .rig_qing span{ color:#f00;}
.product_bottom .pwidth .video_right .rig_ggao{ width:100%; margin:12px 0 0 0; overflow:hidden;}
.product_bottom .pwidth .video_right .rig_ggao img{ max-width:100%;}

.big_customer{ max-width:1198px; margin:42px auto; overflow:hidden; border:#e1dfe0 1px solid;}
.big_customer .big_name{ background:#22a6d7; border-bottom:#e1dfe0 1px solid; overflow:hidden; padding:12px 12px 12px 24px;}
.big_customer .big_name strong{ font-size:16px; color:#fff; line-height:24px; float:left;}
.big_customer .big_name span{ font-size:14px; color:#ccc; font-weight:normal; text-transform:uppercase; margin:0 0 0 10px;}
.big_customer .big_name a{ float:right; font-size:14px; color:#ccc; line-height:24px;}
.big_customer .big_name a:hover{ text-decoration:none; color:#f90202;}
.big_customer .customer{ width:96%; margin:26px auto;}
.big_customer .customer dl{ overflow:hidden; float:left; margin:0 20px 0 0;}
.big_customer .customer dl dd{ margin:0 0 20px 0;}
.big_customer .customer dl dt{ margin:20px 0 0 0;}
.big_customer .customer img{ width:100%;}
.big_customer .customer a{ border:#eee 1px solid; display:block;}
.big_customer .customer a:hover{ border:#234c96 1px solid;}
#demo{ overflow:hidden; width:100%;}
#demo #indemo{ float:left; width:300%;}
#demo #indemo #demo1{ float:left;}
#demo #indemo #demo2{ float:left;}

.testimonials{ max-width:1198px; margin:26px auto 42px auto; overflow:hidden; border:#e1dfe0 1px solid;}
.testimonials .test_name{ background:#22a6d7; border-bottom:#e1dfe0 1px solid; overflow:hidden; padding:12px 12px 12px 24px;}
.testimonials .test_name strong{ font-size:16px; color:#fff; line-height:24px; float:left;}
.testimonials .test_name span{ font-size:14px; color:#ccc; font-weight:normal; text-transform:uppercase; margin:0 0 0 10px;}
.testimonials .test_name a{ float:right; font-size:14px; color:#ccc; line-height:24px;}
.testimonials .test_name a:hover{ text-decoration:none; color:#f90202;}
.testimonials .test_xqing{ width:96%; margin:26px auto; overflow:hidden;}
.testimonials .test_xqing dl{ width:48%; float:left; margin:0 4% 0 0; overflow:hidden;}
.testimonials .test_xqing dl:nth-child(2n){ margin:0;}
.testimonials .test_xqing dl dd{ float:left; width:43%;}
.testimonials .test_xqing dl dd img{ width:100%;}
.testimonials .test_xqing dl dt{ float:right; width:52%;}
.testimonials .test_xqing dl dt a{ color:#666;}
.testimonials .test_xqing dl dt a:hover{ text-decoration:none;}
.testimonials .test_xqing dl dt b{ font-size:14px; color:#333; display:block; line-height:20px; margin:0 0 8px 0;}
.testimonials .test_xqing dl dt p{ font-size:14px; color:#666; line-height:22px;}

/*h_content*/
.h_content{ max-width:1200px; margin:26px auto 42px auto; overflow:hidden;}
.h_content .why_name{ width:100%; margin:0 auto; overflow:hidden; text-align:center; background:#f0f0f0; padding:28px 0;}
.h_content .why_name .eng_title{ font-family:"impact"; font-size:36px; line-height:36px; margin:0; color:#234c96; text-transform:uppercase;}
.h_content .why_name .chin_title{ font-size:21px; line-height:37px; color:#333; width:387px; margin:0px auto; background:url(../images/name_xian.png) no-repeat top center;}
.h_content .why_img{ width:100%; height:1348px; background:url(../images/why.jpg) bottom center no-repeat; padding:8px 0 0 0; position:relative;}
.h_content .why_img .why_img_txt{ position:absolute; width:370px; padding-left:75px;}
.h_content .why_img .why_img_txt .why_img_txt_x{ position:absolute; left:0; top:0; width:55px; height:55px; background-color:#008fe6; border-radius:50%;}
.h_content .why_img .why_img_txt .why_img_txt_x i{ display:block; margin:3px;width:45px; height:45px; background-color:rgba(255,255,255,0.2); border-radius:50%; border:2px solid rgba(255,255,255,0.5); font-size:36px; line-height:45px; text-align:center; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.h_content .why_img .why_img_txt h2{ font-size:30px; line-height:30px; color:#000; padding-bottom:35px; background:url(../images/h_b.jpg) left bottom no-repeat; position:relative;}
.h_content .why_img .why_img_txt h2 span{ position:absolute; left:10px; bottom:0; font-size:12px; text-transform:uppercase; line-height:20px; color:#FFF;}
.h_content .why_img .why_img_txt p{ font-size:18px; line-height:35px; color:#000;}
.h_content .why_img .why_img_txt p.why1{ width:600px;}
.why_t1{ left:40px; top:30px;}
.why_t2{ right:135px; top:375px;}
.why_t3{ left:40px; top:705px;}
.why_t4{ left:40px; top:1035px;}

/*honor*/
.honor{ max-width:1200px; margin:12px auto 26px auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:10.75%; float:left; margin:0 2% 2% 0;}
.honor ul li:nth-child(8n){ margin:0 0 2% 0;}
.honor ul li img{ width:100%;}
.honor ul li span{ background:#999; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.honor ul li:hover span{ background:#234c96;}
.honor ul li a:hover{ text-decoration:none;}

/*about_us*/
.about_us_qj{ width:100%; background:#f0f0f0; margin:0; overflow:hidden}
.about_us{ max-width:1200px; margin:12px auto 42px auto; overflow:hidden;}
.about_us .about_left{ width:45%; float:left;}
.about_us .about_left img{ width:100%;}
.about_us .about_right{ width:52%; float:right; font-size:14px; line-height:22px; color:#666;}
.about_us .about_right em{ font-size:18px; color:#234c96; font-weight:bold; display:block; line-height:20px; margin:0 0 10px 0;}
.about_us .about_right a{ font-size:14px; color:#234c96; font-weight:bold; display:block; line-height:20px; margin:16px 0 0 0;}

/*album*/
.album{ max-width:1198px; margin:42px auto; overflow:hidden; border:#e1dfe0 1px solid;}
.album .album_name{ background:#22a6d7; border-bottom:#e1dfe0 1px solid; overflow:hidden; padding:12px 12px 12px 24px;}
.album .album_name strong{ font-size:16px; color:#fff; line-height:24px; float:left;}
.album .album_name a{ float:right; font-size:14px; color:#ccc; line-height:24px;}
.album .album_name a:hover{ text-decoration:none; color:#f90202;}
.album .album_img{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebf2ff)); border-bottom:#e1dfe0 1px solid; padding:26px 24px;}
.album .album_img ul{ overflow:hidden;}
.album .album_img ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.album .album_img ul li:nth-child(4n){ margin:0;}
.album .album_img ul li img{ width:100%;}
.album .album_img ul li span{ display:block; font-size:14px; color:#333; line-height:24px; text-align:center; margin:6px 0 0 0;}
.album .album_img ul li a:hover{ text-decoration:none;}

/*findings*/
.findings{ max-width:1200px; margin:42px auto; overflow:hidden;}
.common_problem{ float:left; width:28%;}
.common_problem .c_name{ border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 10px 0; margin:0 0 20px 0;}
.common_problem .c_name b{ font-size:16px; color:#333; display:block; float:left; line-height:22px;}
.common_problem .c_name a{ float:right; font-size:12px; color:#333; line-height:22px; border-radius:10px; background:#ff3; padding:0 12px; font-family:Arial;}
.common_problem .c_name a:hover{ text-decoration:none; background:#f90202; color:#fff;}
.common_problem dl{ border-bottom:1px dotted #ddd; padding:0 0 18px 0; margin:0 0 18px 0;}
.common_problem dl dt{ margin:0 0 10px 0; overflow:hidden;}
.common_problem dl dt span{ float:left; display:block; width:17px; text-align:center; line-height:17px; color:#fff; border-radius:50%; margin:3px 0 0 0; background:#f90202; font-size:14px; font-family:Arial;}
.common_problem dl dt a{ width:91%; font-weight:bold; color:#333; font-size:14px; line-height:23px; float:right; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.common_problem dl dt a:hover{ text-decoration:none;}
.common_problem dl dd{ overflow:hidden;}
.common_problem dl dd span{ float:left; display:block; width:17px; text-align:center; line-height:17px; color:#fff; border-radius:50%; margin:2px 0 0 0; background:#999; font-size:14px; font-family:Arial;}
.common_problem dl dd a{ width:91%; font-size:12px; color:#666; line-height:20px; float:right; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.common_problem dl dd a:hover{ color:#f90202; text-decoration:none;}

/*news*/
.news{ float:left; width:36%; margin:0 0 0 4%;}
.news .n_name{ border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 10px 0; margin:0 0 20px 0;}
.news .n_name b{ font-size:16px; color:#333; display:block; float:left; line-height:22px;}
.news .n_name a{ float:right; font-size:12px; color:#333; line-height:22px; border-radius:10px; background:#ff3; padding:0 12px; font-family:Arial;}
.news .n_name a:hover{ text-decoration:none; background:#f90202; color:#fff;}
.news dl{ border-bottom:1px dotted #ddd; margin:0 0 18px 0; padding:0 0 18px 0; overflow:hidden;}
.news dl dt{ float:left; width:40%;}
.news dl dt img{ width:100%;}
.news dl dd{ float:right; width:56%;}
.news dl dd b{ font-size:14px; color:#333; line-height:20px; margin:0 0 6px 0; display:block;}
.news dl dd p{ font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news dl dd a{ color:#666;}
.news dl dd a:hover{ text-decoration:none; color:#234c96;}	
.news ul{ overflow:hidden;}
.news ul li{ line-height:36px; height:36px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.news ul li a{ background:url(../images/news_tb.png) no-repeat left center; color:#666; font-size:14px; padding-left:15px;}
.news ul li a:hover{ color:#234c96; text-decoration:none;}
.news ul li span{ color:#999; margin:0 10px 0 0;}

/*feedback*/
.feedback{ float:right; width:28%;}
.feedback .f_name{ border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 10px 0; margin:0 0 20px 0;}
.feedback .f_name b{ font-size:16px; color:#333; display:block; float:left; line-height:22px;}
.feedback .f_name a{ float:right; font-size:12px; color:#333; line-height:22px; border-radius:10px; background:#ff3; padding:0 12px; font-family:Arial;}
.feedback .f_name a:hover{ text-decoration:none; background:#f90202; color:#fff;}

.feedback .feed_h{ width:100%; padding:0; overflow:hidden;}
.feedback .feed_h .feed{ width:99%;}
.feedback .feed_h .feed .input{ width:96%; line-height:36px; padding:0 0 0 4%; background:#f5f5f5; border:none; margin-bottom:10px;}
.feedback .feed_h .feed .textarea{ width:92%; height:155px; line-height:25px; padding:10px 4% 10px 4%; background:#f5f5f5; border:none; margin-bottom:15px;}
.feedback .feed_h .feed .subt{ width:85px; line-height:36px; border:none; background:#234c96; text-align:center; font-size:14px; color:#fff; cursor:pointer;border-radius:4px; float:left; margin-right:15px;}
.feedback .feed_h .feed .subt:hover{ background:#f90202; color:#fff;}

/*links*/
.links{ background:#f0f0f0; width:100%; padding:30px 0px; overflow:hidden;}
.links .links_width{ max-width:1200px; margin:0 auto; overflow:hidden;}
.links .links_width b{ font-size:16px; color:#333; display:block; margin:0 0 15px 0;}
.links .links_cnt{ border-bottom:1px solid #ddd; padding:0 0 8px 0;}
.links .links_cnt a{ font-size:14px; color:#666; line-height:24px;}
.links .links_cnt span{ color:#ccc; font-size:14px; margin:0 6px;}

/*footer*/
.footer{ background:#234c96; width:100%; padding:20px 0px; overflow:hidden;}
.footer .footer_nav{ background:url(../images/footer_bg.jpg) repeat-x bottom; width:100%; text-align:center; padding:10px 0 22px 0;}
.footer .footer_nav a{ font-size:16px; color:#fff; line-height:28px; margin:0 30px;}

.footer_con{ max-width:1200px; margin:0px auto; overflow:hidden;}
.footer_con .f_left{ float:left; background:url(../images/footer_line.jpg) no-repeat right center; min-height:207px; width:260px; margin:0 40px 0 0;}
.footer_con .f_left strong{ font-size:16px; color:#fff; display:block; margin:36px 0 8px 0;}
.footer_con .f_left em{ display:block; padding:0 40px 0 0;}
.footer_con .f_left em a{ font-size:12px; color:#ccc; font-weight:bold; line-height:22px;}
.footer_con .f_left em a:hover{ color:#fff; text-decoration:none;}
.footer_con .f_left em span{ color:#999; font-size:12px; margin:0 6px;}

.footer_con .f_center{ float:left; background:url(../images/footer_line.jpg) no-repeat right center; width:490px; min-height:207px;}
.footer_con .f_center strong{ font-size:16px; color:#fff; display:block; margin:36px 0 8px 0;}
.footer_con .f_center p{ font-size:12px; color:#ccc; line-height:34px;}
.footer_con .f_center p i{ background:url(../images/d1.png) left center no-repeat; width:20px; height:34px; display:block; float:left; margin:0 6px 0 0;}
.footer_con .f_center p.c1 i{ background:url(../images/d2.png) left center no-repeat;}
.footer_con .f_center p.c2 i{ background:url(../images/d3.png) left center no-repeat;}

.footer_con .f_right{ float:right; width:370px;}
.footer_con .f_right dl{ margin:36px 0 0 0;}
.footer_con .f_right dl dt{ float:left; width:114px;}
.footer_con .f_right dl dt img{ width:100%;}
.footer_con .f_right dl dd{ float:right; width:240px;}
.footer_con .f_right dl dd strong{ font-size:16px; color:#fff; display:block; margin:0 0 8px 0;}
.footer_con .f_right dl dd p{ font-size:12px; line-height:20px; color:#ccc;}


.dht_qk{ display:none;}

/*company_icp*/
.company_icp{ font-size:12px; color:#666; line-height:20px; padding:15px 0; text-align:center;}


/*ny_banner*/
.ny_s_banner{ width:100%; height:248px; background:url(../images/ny_banner1.jpg) center no-repeat; margin:0 auto; overflow:hidden;}
.sj_banner{ display:none;}
/*content*/
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.content{ width:100%; margin:0 auto 40px auto; overflow:hidden; position:relative;}
.ny_banner{ width:100%; position:absolute; left:0; top:0; z-index:-1;}
.ny1{ height:50px; background:#ccc;}
.ny2{ height:50px; background:#aa91ca;}
.ny3{ height:50px; background:#b64759;}
.ny4{ height:50px; background:#1c78c1;}
.ny5{ height:50px; background:#dbdb48;}
.ny6{ height:50px; background:#92c9aa;}
.lj_content{ font-size:14px; color:#fff; line-height:20px; margin:18px auto 12px auto;}
.lj_content font{ color:#000;}
.lj_content a{ color:#fff;}
.lj_content a img{ width:15px; height:12px; margin:3px 3px 0 0;}

.con_left{ width:20%; float:left; background:#f4f4f4; overflow:hidden;}
.lt1{ min-height:50px;}
.lt2{ min-height:50px;}
.lt3{ min-height:50px;}
.lt4{ min-height:50px;}
.lt5{ min-height:50px;}
.lt6{ min-height:50px;}
.con_left h2{ width:88%; margin:18px auto 12px auto; overflow:hidden; font-size:18px; color:#000; font-weight:bold; line-height:20px;}
.con_left h3{ width:100%; margin:0 auto; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; line-height:20px; background:#1c78c1; padding:18px 0 12px 0; text-indent:6%;}
.con_left ul{ overflow:hidden;}
.con_left ul li{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con_left ul li a{ font-size:15px; color:#333; line-height:48px; height:48px; display:block; padding:0 6%;}
.lt1 ul li:hover a,.lt1 ul li.cutt a{ background:#d81030; color:#fff; text-decoration:none;}
.lt2 ul li:hover a,.lt2 ul li.cutt a{ background:#aa91ca; color:#fff; text-decoration:none;}
.lt3 ul li:hover a,.lt3 ul li.cutt a{ background:#b64759; color:#fff; text-decoration:none;}
.lt4 ul li:hover a,.lt4 ul li.cutt a{ background:#1c78c1; color:#fff; text-decoration:none;}
.lt5 ul li:hover a,.lt5 ul li.cutt a{ background:#dbdb48; color:#fff; text-decoration:none;}
.lt6 ul li:hover a,.lt6 ul li.cutt a{ background:#92c9aa; color:#fff; text-decoration:none;}
.con_left ul li a i{ width:16px; height:10px; background:url(../images/n_jt.png) center no-repeat; float:left; margin:19px 10px 0 0; transition:all .2s;}
.con_left ul li:hover a i,.con_left ul li.cutt a i{ transform:rotate(-90deg); background:url(../images/n_jt_hover.png) center no-repeat;}
.con_right{ width:78%; padding:24px 0 0 0; float:right; background:#fff;}

/*profiles*/
.profiles{ width:95%; margin:0 auto; overflow:hidden; font-size:14px; color:#666; line-height:25px;}
.profiles img{ max-width:100%;}

.huanjing{ width:95%; margin:0 auto;}
.huanjing ul{ overflow:hidden;}
.huanjing ul li{ float:left; width:23.2%; margin:0 2.4% 2.2% 0;}
.huanjing ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.huanjing ul li font{ border:#eee 1px solid; display:block;}
.huanjing ul li:hover font{ border:#234c96 1px solid;}
.huanjing ul li img{ width:100%;}
.huanjing ul li a:hover{ text-decoration:none;}
.huanjing ul li span{ display:block; text-align:center; font-size:14px; line-height:22px; margin:3px 0 0 0;}

.customer{ width:95%; margin:0 auto;}
.customer ul{ overflow:hidden;}
.customer ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.customer ul li:nth-child(5n){ margin:0 0 2% 0;}
.customer ul li img{ width:100%;}
.customer ul li a{ border:#eee 1px solid; display:block;}
.customer ul li a:hover{ border:#234c96 1px solid;}

.client{ width:95%; margin:0 auto; overflow:hidden;}
.client dl{ width:48%; float:left; margin:0 4% 4% 0; overflow:hidden;}
.client dl:nth-child(2n){ margin:0 0 4% 0;}
.client dl dd{ float:left; width:43%; border:1px solid #ccc; cursor:pointer;}
.client dl dd:hover{ border:#234c96 1px solid;}
.client dl dd img{ width:100%;}
.client dl dt{ float:right; width:52%;}
.client dl dt b{ font-size:14px; color:#333; display:block; line-height:20px; margin:0 0 8px 0;}
.client dl dt p{ font-size:14px; color:#666; line-height:22px;}

/*product*/
.product{ width:95%; margin:0 auto;}
.product ul li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.product ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.product ul li img{ width:100%;}
.product ul li strong{ font-size:14px; line-height:48px; text-align:center; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; background:#f0f0f0;}
.product ul li a{ border:1px solid #ccc; box-sizing:border-box; box-shadow:0 5px 8px #888; color:#333;; display:block;}
.product ul li a:hover{ text-decoration:none; color:#234c96; border:#234c96 1px solid; box-shadow:0 5px 8px rgba(35,76,150,0.7);}

.p_tuijian{ width:95%; margin:26px auto; overflow:hidden;}
.p_tuijian .p_t_name{ border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 20px 0; font-size:16px; color:#1c78c1; font-weight:bold; line-height:22px;}
.p_tuijian dl{ border-bottom:1px dotted #ddd; margin:0 0 18px 0; padding:0 0 18px 0; overflow:hidden;}
.p_tuijian dl dt{ float:left; width:40%;}
.p_tuijian dl dt img{ width:100%;}
.p_tuijian dl dd{ float:right; width:56%;}
.p_tuijian dl dd b{ font-size:14px; color:#333; line-height:20px; margin:0 0 6px 0; display:block;}
.p_tuijian dl dd p{ font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.p_tuijian dl dd a{ color:#666;}
.p_tuijian dl dd a:hover{ text-decoration:none; color:#234c96;}	
.p_tuijian ul{ overflow:hidden;}
.p_tuijian ul li{ width:48%; float:left; margin:0 4% 0 0; line-height:36px; height:36px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.p_tuijian ul li:nth-child(2n){ margin:0;}
.p_tuijian ul li a{ background:url(../images/news_tb.png) no-repeat left center; color:#666; font-size:14px; padding-left:15px;}
.p_tuijian ul li a:hover{ color:#234c96; text-decoration:none;}
.p_tuijian ul li span{ color:#999; margin:0 10px 0 0;}

.product_image{ width:95%; margin:0 auto; overflow:hidden;}
.game163{ width:360px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:360px; height:360px;}
.game163 .smallScroll{ height:60px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:60px; text-indent:-9999px;background:url(../images/pro_next.jpg) no-repeat 0 -12px; }
.game163 .sNext{ background-position:-26px -12px;}
.game163 .smallImg{ float:left; margin:0 8px; display:inline; width:296px; overflow:hidden;}
.game163 .smallImg ul{ height:60px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 7px; width:60px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:56px; height:56px;}
.game163 .smallImg .on img{ border:2px solid #1c78c1;}
.pro_sj{ display:none;}

div.jqZoomTitle{ z-index:5000;	text-align:center;	font-size:11px;	height:16px; padding-top:2px; position:absolute; top:0px; left:0px;	width:100%;	color:#666;	background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; background-color:white; padding:8px; text-align:center; background-image:url(../images/zoomloader.gif); background-repeat:no-repeat; background-position:43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background-color:#fff;}

.xq_right{ float:right; width:56%;}
.xq_right .pp_name{ font-size:18px; color:#1c78c1; line-height:24px; border-bottom:#dfdfdf 1px dotted; margin:0 0 12px 0; display:block; padding:0 0 8px 0;}
.xq_right .pp_jianj{ font-size:14px; color:#666; line-height:25px;}
.xq_right .pp_lx{ margin:12px 0 0 0;}
.xq_right .pp_lx a{ background:#f4f4f4; display:block; padding:8px 10px; font-size:16px; color:#22a6d7; line-height:22px; margin:0 0 6px 0;}
.xq_right .pp_lx a:hover{ text-decoration:none; color:#1c78c1;}

.products_detail_two{ width:95%; display:block; height:auto; overflow:hidden; margin:24px auto; background:#fff;}
.products_detwo_titel{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; height:36px; line-height:36px;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:36px; border-right:solid 1px #ddd; padding:0 5%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#1c78c1; text-decoration:none;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:16px; font-size:14px; color:#666; line-height:25px;}
.pro_con table{ border-collapse:collapse; border:none;}
.pro_con  img{max-width:100%!important; height:auto!important;}
.pro_con td{ border:solid #ddd 1px; padding:0 0 0 6px; font-size:14px; color:#666; line-height:25px;}

.pro_xiangguan{ width:95%; margin:24px auto; background:#f4f4f4; line-height:32px; border-bottom:#ccc 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#d81030; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ width:95%; margin:24px auto 0 auto;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#d81030 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#d81030;}

/*ny_news*/
.ny_news{ width:95%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 20px 0; border-bottom:#d9d9d9 1px dotted; padding:0 0 20px 0;}
.ny_news ul li h4{ font-weight:bold; margin:0 0 2px 0;}
.ny_news ul li h4 a{ background:none; font-size:16px; line-height:26px; color:#525252; padding:0;}
.ny_news ul li h4 a:hover{ color:#aa91ca; text-decoration:none;}
.ny_news ul li i{ font-size:12px; color:#aa91ca; line-height:18px; margin:2px 0; display:block;}
.ny_news ul li em{ font-size:14px; line-height:22px; color:#666; margin:6px 0 10px 0; display:block;}
.ny_news ul li a{ background:#aa91ca; display:inline-block; color:#fff; line-height:28px; padding:0 8px;}
.ny_news ul li a:hover{ color:#eee; text-decoration:none;}

.news_name{ width:95%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name strong{ font-size:18px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:95%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:95%; margin:20px auto 0 auto; overflow:hidden; background:#f0f0f0; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px;}

/*video*/
.video{ width:95%; margin:0 auto; overflow:hidden;}
#spa{ width:100%;}
#spa:after{ width:100%; visibility:hidden;}
#spa>li{ float:left; width:31%; margin:0 2% 2% 0; padding:0.5% 0.5% 0px 0.5%; background:#f0f0f0; position:relative; cursor:pointer;}
#spa>li:nth-child(3n){ margin:0 0 2% 0;}
#spa>li:before{ content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/sp.png) center center no-repeat; transition:0.5s; opacity:0;}
.spa>li:before{ height:auto !important;}
#spa>li:hover:before{ opacity:0.8;}
#spa>li>img{ width:100%; height:auto;}
.spa>li>img{ height:auto !important;}
#spa>li>p{ line-height:32px; color:#666; text-align:center; font-size:12px;}
#spa>li:hover>p{ color:#fff;}
#spa>li:hover{ background:#b64759;}
#sp{ position:fixed; top:50%; left:50%; margin-left:-320px; margin-top:-200px; width:680px; transition:0.3s; transform:scale(0); z-index:9999;}
#spxx{ position:absolute; top:-10px; right:-10px; cursor:pointer; z-index:3;}

/*feedback*/
.messages_box{ width:95%; margin:0 auto; font-size:14px; color:#666; line-height:25px;}
.messages_box p{ font-size:16px; color:#121212; line-height:22px; margin:0 0 12px 0;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ padding:5px 22px 5px 0;}
.messages_box .text-input, .messages_box .summary-input, .messages_box .qq-input{ width:100%; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .cont-input{ width:100%; height:130px; padding:10px; line-height:20px; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .code-input{ width:125px; vertical-align:middle; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.messages_box .submitBtn{ text-align:center; padding-top:10px;}
.messages_box .messages-button{ width:125px; height:34px; line-height:34px; font-size:16px; color:#fff; text-align:center; background:none repeat scroll 0% 0% #dbdb48; border:none;}

/*contact*/
.contact{ width:95%; margin:0 auto; overflow:hidden; font-size:14px; color:#666; line-height:25px;}
.contact .con_name{ font-size:20px; color:#000; line-height:30px; font-weight:bold; margin:18px 0 5px 0;}
.contact .con_zgs{ font-size:16px; line-height:29px; font-weight:bold; padding:0 0 0 33px; color:#fec116; background:url(../images/zgs_tb.jpg) left center no-repeat; margin:5px auto;}
.contact_fgs{ width:95%; margin:20px auto 0 auto; overflow:hidden;}
.contact_fgs dl{ float:left; width:48%; margin:0 4% 2% 0;}
.contact_fgs dl:nth-child(2n){ margin:0 0 2% 0;}
.contact_fgs dl dd{ font-size:16px; line-height:29px; font-weight:bold; padding:0 0 0 33px; color:#0075df; background:url(../images/fgs_tb.jpg) left center no-repeat; margin:0 0 5px 0;}
.contact_fgs dl dt{ font-size:14px; color:#666; line-height:25px;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-176px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-75px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#1c78c1; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #1c78c1; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-6px; left:-174px;}
.four-con ul li.a-w2 .f-all-con{ top:-44px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon2.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}

/*网站地图*/
.ditu{ margin:42px auto;}
.ditu dl{ margin-bottom:20px; overflow:hidden;}
.ditu dl dt{ font-weight:bold; font-family:"微软雅黑"; line-height:30px; font-size:16px;}
.ditu dl dd{ clear:both; border:2px solid #DDD; overflow:hidden; padding:20px 0px; line-height:24px;}
.ditu dl dd a{ display:inline-block; float:left; padding:5px 50px;}