body{ background: #FFFFFF;}
.wrap{ width:100%; position:relative;}
.clear {clear: both;}
/*顶部区域*/
.topbar { width: 100%; height:24px; background: #dbdbdb;}
.topbar .wrapper { width:980px; line-height: 24px; margin:0 auto; }
.topbar .fr { text-align: right;}

.header { }
.header .wrapper { width: 100%; background: #fff; }
.header .banner { width:980px; line-height: 24px; margin:0 auto;  } 
.header .logo { width: 462px; height: 68px;  float: left; margin-top: 35px; }
.header .logo  img { width: 462px; height: 68px; }
.header .bm { width: 233px; height: 128px; float: left; text-align: center;}
.header .bm img {width: 220px; height: 25px; margin-top: 20px; }
.header .tel {width: 275px; height: 128px;  text-align: center; float: right; margin-top: 5px;}
.header .tel img { width: 250px; height: 125px;}

.header .nav { width: 100%; height: 38px; background: url(../images/nav_bg.png) no-repeat center;position: relative;}
.header .nav .nav_inner { width:980px; line-height: 38px; margin:0 auto; }
.header .nav .nav_inner ul li { float: left; margin:0 10px; padding:0 15px; }
.header .nav .nav_inner ul li a { font-size: 17px; color: #fff;} 
.header .nav .nav_inner ul li:hover { background: url(../images/nav_li_cur.png) no-repeat;}

.header .banner_2 { width: 100%; height: 500px; background: url(../images/banner_2.png) no-repeat center; }

/*中部区域*/
.main{}

.main .search { height:38px; background: #0d437b; background: url(../images/search_bg.png) no-repeat; width: 100%; height: 46px;}
.main .search .searchbar { width:980px; line-height: 38px; margin:0 auto;  }
.main .search .searchbar span { float: left; color: #fff; font-size: 14px;}
.main .search .searchbar form { float: right;}
.main .search .searchbar form .sear { padding: 2px; width: 196px; height: 24px; border-radius: 6px; border:none; }
.main .search .searchbar form .sbth { width: 23px; height: 22px; background: url(../images/fdj.png) no-repeat; border:none; text-indent: -9999px; cursor: pointer;}

.main .products_1 { width:1008px;  margin:0 auto; margin-top: 20px;}
.main .products_1_bg {background-color: #E9E9E9; padding-top: 20px; padding-bottom: 20px;}
.main .products_1 .sidebar { width: 225px;  float: left;  border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative;}
.main .products_1 .sidebar h3 { width: 223px; height: 37px; background: url(../images/sidebarh3_bg.png) no-repeat; border: 1px solid #55555B; border-top-style: none; line-height: 37px; overflow: hidden; text-indent: 10px;}
.main .products_1 .sidebar h3 a { color: #706F6F; font-size:14px;}
.main .products_1 .sidebar ul li { background: url(../images/sidebarli_bg.png) repeat-x; height: 38px; line-height: 38px; text-indent: 15px; position: relative;}
.main .products_1 .sidebar ul li .sidebararr { float: right; padding-top: 10px; padding-right: 15px;}
.main .products_1 .sidebar ul li a { color: #D9D9D9; font-size: 13px; }
.main .products_1 .sidebar .tit {  text-indent: 5px; color: #0d437b; font-size: 18px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #55555B; height: 38px; line-height: 38px;}
.main .products_1 .sidebar .tit em { margin-left: 5px; font-size: 13px;}
.main .products_1 .sidebar .tit img { width: 21px; height: 22px; margin-right: 5px;}
.main .products_1 .sidebar .on { width: 223px; height: 37px; line-height: 37px; border-bottom: 1px solid #55555B; background: url(../images/sidebarli_onbg.png) repeat-x;}
.main .products_1 .sidebar .on a { color: #fff; }
.main .products_1 .sidebar .sidebarbbg { background: url(../images/sidebar_bbg.png) no-repeat; position: absolute; bottom: -20px; left: 0px; width: 223px; height: 20px;}

.main .products_1 .list_r { width: 771px; float: right;}
.main .products_1 .list_r ul li { width: 253px; height: 300px; margin-bottom: 15px; text-align: center; float: left; margin: 0 2px; margin-bottom: 10px; position: relative;}
.main .products_1 .list_r ul li .sidebarli_bbg { background: url(../images/sidebarli_bbg.png) no-repeat; width: 250px; height: 15px;  position: absolute; bottom: 32px; left: 0px; }
.main .products_1 .list_r ul li p { line-height:26px; color: #595757; font-size: 14px; margin-top: 15px;}
.main .products_1 .list_r ul li img  { width: 253px; height: 253px;}


.main .content .products_2 { padding-top: 20px; background-color: #E9E9E9;}
.main .content .products_2 .banner_3 { width: 100%; height: 253px; background:url(../images/banner_3.png) no-repeat center; margin:0 auto; }
.main .content .products_2 .pr_video { padding-top: 40px; background: #f4f4f3; }
.main .content .products_2 .pr_video .tit {  text-align: center; font-weight: bold; font-size: 40px;color: #115189;  margin: 0 auto;}
.main .content .products_2 .pr_video .tit p { font-size: 20px; font-weight: normal; color: #9d9d9d; }
.main .content .products_2 .pr_video .video_box { width: 930px; height: 490px; background: url(../images/iphon_bg.png) no-repeat top center; margin: 0 auto; position: relative;}
.main .content .products_2 .pr_video .video_box .more { width: 46px; height: 46px; background: url(../images/more_bg.png) no-repeat; position: absolute; top: 0px; left: 440px; cursor: pointer;}
.main .content .products_2 .pr_video .video_box .pr_list { width: 558px; height: 420px; margin: 0 auto; padding: 70px 0 0 20px;}
.main .content .products_2 .pr_video .video_box ul li { float: left; margin:0 10px; margin-bottom: 10px; text-align: center; }
.main .content .products_2 .pr_video .video_box .thumb { width: 162px; height: 147px;  position: relative; overflow: hidden;}
.main .content .products_2 .pr_video .video_box .thumb .thumb_shadowbg { background: url(../images/thumb_shadowbg2.png) no-repeat; position: absolute; bottom: 20px; left: 0px; width: 192px; height: 10px; }
.main .content .products_2 .pr_video .video_box .thumb p { line-height: 30px; font-size: 14px;}
.main .content .products_2 .pr_video .video_box .plan { width: 54px; height: 54px; background: url(../images/bof_bg.png); position: absolute; top: 60px; left: 105px;  cursor: pointer;}


.main .content .products_3 .banner_4 { width: 100%; height: 249px; background: url(../images/banner_4.png) no-repeat center; margin: 0 auto;}
.main .content .products_3 .cont_info { width: 1050px; margin: 20px auto;}
.main .content .products_3 .cont_info .info_l { width: 505px; float: left;}
.main .content .products_3 .cont_info .info_l .content 
.main .content .products_3 .cont_info .info_l .content .tit { height: 65px;}
.main .content .products_3 .cont_info .info_l .content .tit span { text-indent: 10px; font-size: 25px; font-weight: bold;}
.main .content .products_3 .cont_info .info_l .content .tit img { float: left; margin-right: 20px; }
.main .content .products_3 .cont_info .info_l .content .tit p { font-size: 13px; line-height: 20px; color: #727171; font-weight: normal;}
.main .content .products_3 .cont_info .info_l .content .intro { height: 120px; line-height: 25px; padding-top: 45px; background: url(../images/pr_3_info.png) no-repeat top; font-size: 15px; color: #a6a7a7; }
.main .content .products_3 .cont_info .info_l .thub img { width: 483px; height: 519px;}

.main .content .products_3 .cont_info .info_r {  width: 505px; float: right;}
.main .content .products_3 .cont_info .info_r .thub img { width: 486px; height: 422px;}

.main .content .products_3 .introduce { width: 1013px; margin: 0 auto; position: relative;}
.main .content .products_3 .introduce .introduce_sbg { background: url(../images/introduce_sbg.png) no-repeat; width: 100%; height: 18px; position: absolute; bottom: -18px; left: 0px;}
.main .content .products_3 .introduce .head { width: 1011px; height: 38px; line-height: 39px;  background: url(../images/gsjs_head.png) no-repeat; }
.main .content .products_3 .introduce .head h1 { float: left; font-weight:bold; font-size: 17px; color: #fff; text-indent: 10px;}
.main .content .products_3 .introduce .head h1 em { font-size: 13px; font-weight: normal;}
.main .content .products_3 .introduce .head .more { width: 58px; height: 21px; float: right; background: url(../images/more_bg_1.png) no-repeat; margin:10px 10px; cursor: pointer;}
.main .content .products_3 .introduce .contbar { width: 989px; height: 258px; border: 1px solid #c9caca; border-top: none; padding: 10px; background: #fff;}
.main .content .products_3 .introduce .contbar .thumb_l { width: 350px; float: left;}
.main .content .products_3 .introduce .contbar .thumb_l img { width: 342px; height: 250px; }
.main .content .products_3 .introduce .contbar .intro_r { width: 610px; float: right;}
.main .content .products_3 .introduce .contbar .intro_r { font-size: 16px; line-height: 25px;}
.main .content .products_3 .introduce .contbar .intro_r .p_1 { margin-top: 80px;}


.main .content .business { width: 100%; height: 331px; background: #0d437b; margin-top: 30px; }
.main .content .business .busibar { width: 1000px; margin: 0 auto; position: relative; }
.main .content .business .busibar ul { overflow:hidden; zoom:1;}
.main .content .business .busibar ul li { float: left; margin: 40px 10px;  text-align: center; position: relative;}
.main .content .business .busibar ul li .busibar_sbg { background: url(../images/busibar_sbg.png) no-repeat; width: 280px; height: 13px; position: absolute; bottom: 27px; left: 5px;}
.main .content .business .busibar ul li p { line-height: 40px; font-size: 14px; color: #fff;}
.main .content .business .busibar ul li img { width: 293px; height: 207px;}
.main .content .business .busibar .prev { width: 37px; height: 258px; background: url(../images/prev.png) no-repeat; position: absolute; top: 20px; left: -50px; cursor: pointer;  }
.main .content .business .busibar .next { width: 37px; height: 258px; background: url(../images/next.png) no-repeat; position: absolute; top: 20px; left: 950px;  cursor: pointer;}

.main .content .bannerbar { width: 100%; height: 210px;  background: #fff; padding-top: 30px;}
.main .content .bannerbar .banbar { width: 1024px; height: 215px; margin: 0 auto; }
.main .content .bannerbar .banbar .banner_5 { width: 1024px; height: 215px; background: url(../images/banner_5.png) no-repeat; }
.bannerbar .banbar p { color: #0d437b; font-size: 18px; text-indent: 20px;}
.bannerbar .banbar p em { font-weight: bold;}


.products_4 { background-color: #E4E4E4; overflow: hidden; padding-bottom: 20px; }
.products_4 .casebar .tit {  text-align: center; font-weight: bold; font-size: 40px;color: #115189;  margin: 40px auto 20px; }
.products_4 .casebar .tit p { font-size: 20px; font-weight: normal; color: #9d9d9d; }
.products_4 .casebar .case { width: 1056px; margin: 0 auto; }
.products_4 .casebar .case .more {  width: 1056px; height: 46px; background: url(../images/more_bg.png) no-repeat center;  cursor: pointer; margin-bottom: 20px;text-align:center;line-height:46px}
.products_4 .casebar .case .list { padding: 10px; }
.products_4 .casebar .case .list .list_sbg { background: url(../images/list_sbg.png) no-repeat; width: 323px; height: 16px; position: absolute; bottom: 48px; left: 0px;}
.products_4 .casebar .case .list ul li { float: left;  margin: 4px 7px; text-align: center; position: relative;}
.products_4 .casebar .case .list ul li p { font-size: 16px; line-height:64px;  }

.products_5 { width: 100%; background: #fff;}
.products_5 .head .banner_6 { width: 1030px; height: 263px; margin: 0 auto; background: url(../images/banner_6.png) no-repeat bottom; position: relative;}
.products_5 .head .banner_6 .fuwurexian { color: #0d437b; font-size: 18px; text-align: right; position: absolute; bottom: 0px; right: 30px;}
.products_5 .head .banner_6 .fuwurexian em { font-weight: bold;}

.products_5 .container { width: 1030px;  margin: 20px auto; }
.products_5 .container .news { width: 276px; float: left; margin-right: 10px; position: relative;}
.products_5 .container .news .news_sbg { background: url(../images/news_sbg.png) no-repeat; width: 215px; height: 10px; position: absolute; bottom: -10px; left: 40px;}
.products_5 .container .news .tit { width: 275px;  height: 38px; line-height: 38px; background: url(../images/p_5_tit.png) no-repeat;}
.products_5 .container .news .tit h1 {float: left; color: #fff; text-indent: 10px; }
.products_5 .container .news .tit h1 em { font-size: 12px; font-weight: normal;}
.products_5 .container .news .tit .more { width: 58px; height: 21px; float: right; background: url(../images/more_bg_1.png) no-repeat; margin-top: 10px; margin-right: 10px; cursor: pointer;  }
.products_5 .container .news .cont_list { padding: 10px; line-height: 32px; width: 253px; border:1px solid #c9caca;  }
.products_5 .container .news .cont_list ul li { border-bottom: 1px dotted #a0a0a0;}
.products_5 .container .news .cont_list ul li a { font-size: 14px; color: #686767;}
.products_5 .container .news .cont_list ul li span { float: right; color: #686767;} 

.products_5 .container .message { width: 447px;   float: left; position: relative;}
.products_5 .container .message .news_sbg2 { background: url(../images/news_sbg.png) no-repeat; width: 215px; height: 10px; position: absolute; bottom: -10px; left: 100px;}
.products_5 .container .message .tit { width: 447px; height: 38px; line-height: 38px;  background: url(../images/pr_5_message_tit.png) no-repeat; }
.products_5 .container .message .tit h1 {float: left; color: #fff; text-indent: 10px; }
.products_5 .container .message .tit h1 em { font-size: 12px; font-weight: normal;}
.products_5 .container .message .tit .more { width: 58px; height: 21px; float: right; background: url(../images/more_bg_1.png) no-repeat; margin-top: 8px; margin-right: 10px; cursor: pointer;  }

.products_5 .container .message .continfo {width: 425px; height: 440px; padding: 10px; border:1px solid #c9caca; /*background: url(../images/ly_bg.png) no-repeat 240px 175px;*/}
.products_5 .container .message .continfo p { line-height:45px; color: #686767;  font-size: 18px;} 
.products_5 .container .message .continfo h1 { color: #115189; font-size: 20px; }


.message .continfo { width: 423px; float: right; display: inline;position: relative;}
.message .continfo  { font-size: 16px;}
.message .continfo  span { color: #E50311;}
.message .continfo  em { font-size: 16px; font-weight: bold;}
.message .continfo  table { font-size: 14px; margin-top: 20px;}
.message .continfo .form_group { padding:5px 0;overflow: hidden;}
.message .continfo .fromcontent .control_label {width:100px}
.continfo input[type="submit"], .continfo input[type="reset"] {background-color:#e50112;border: medium none;border-radius: 3px;color: #fff;font-size: 12px;height: 27px;line-height: 27px;margin-left: 5px;margin-right: 15px;margin-top: 10px;padding-left: 10px;padding-right: 10px;}
.continfo input[type="text"] { border:none; background-color: #E9E9E9; width: 280px;height: 27px }
.message .continfo textarea { border:none; background-color: #E9E9E9; width: 280px;height:100px}
.continfo .yzm {float: left;height: 27px !important;width: 65px !important;}



/*底部区域*/
.footer { width:100%; height: 357px;   background: url(../images/foot_subnav_bg.png) right;}
.footer .subnav { width: 100%; height: 38px; padding-top: 20px; }
.footer .subnav .nav_inner { width:1100px; line-height: 38px; margin:0 auto; }
.footer .subnav .nav_inner ul li { width: 100px; float: left; background: url(../images/subnav_li_l.png) no-repeat right center; text-align: center;  padding: 0 15px; }
.footer .subnav .nav_inner ul li a { font-size: 18px; color: #fff;} 
.footer .linkbar { width: 1040px; margin: 0 auto; margin-top:20px; position: relative;}
.footer .linkbar .linkbar_sbg { background: url(../images/linkbar_sbg.png) no-repeat; width: 1009px; height: 18px; position: absolute; bottom: -18px; left: 10px;}
.footer .linkbar .link_l {width: 97px; height: 97px; float: left; background: url(../images/link_l.png) no-repeat; cursor: pointer;}
.footer .linkbar .link_r { float: right; width: 916px; height: 76px; padding: 10px; background: #fff; }
.footer .linkbar .link_r ul li { float: left; line-height: 24px; margin-right: 4px; color: #595757;  font-size: 14px;  }
.footer .linkbar .link_r ul li a { font-size: 14px; color: #595757;}
.footer .copyright { width: 765px; height: 161px; margin: 0 auto;  text-align: center; padding-top: 40px; }

.footer .copyright .tit { margin-bottom: 10px;}
.footer .copyright .tit img { width: 231px; height: 57px; }
.footer .copyright p { color: #fff; line-height: 30px; font-size: 12px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei"; }




/* banner */
.banner2 { width:100%; height:500px; float:left; position:relative; z-index: 1;}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom: 10px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width: 18px; height: 18px; float:left; margin-left: 5px; background: #00B3EB; border: 1px solid #BBEBFA;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-align: center; color: #fff;}
#pagination li.current { background: #029BD5; border: 1px solid #C5F0FD;}