﻿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;
}
.espcms_page_bannpic {
	margin:0 auto;
	width:1024px
}
.nbanner {
	margin:0 auto;
	width:1024px
}
.page_bannpic {
	margin:0 auto;
	width:1024px
}
.header .wrapper {
	width: 100%;
	background: #fff;
}
.header .banner {
	width:980px;
	line-height: 24px;
	margin:0 auto;
}
.header .logo {
	width: 275px;
	height: 68px;
	float: left;
	margin-top: 35px;
}
.header .logo img {
	width: 275px;
	height: 68px;
}
.header .bm {
	width: 420px;
	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 {
	width: 1600px;
	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: 1500px;
	height: 1174px;
	background: url(../images/iphon_bg.png) no-repeat;
	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:40px;
	left: 734px;
	cursor: pointer;
}
.main .content .products_2 .pr_video .video_box .pr_list {
	width: 1040px;
	height: 579px;
	margin: 0 auto;
	padding:140px 0 0 20px;
}
.main .content .products_2 .pr_video .video_box ul li {
	float: left;
	margin:0 10px;
	margin-bottom: 60px;
	text-align: center;
}
.main .content .products_2 .pr_video .video_box .thumb {
	width: 323px;
	height: 231px;
	position: relative;
	position: relative;
}
.main .content .products_2 .pr_video .video_box .thumb .thumb_shadowbg {
	background: url(../images/thumb_shadowbg.png) no-repeat;
	position: absolute;
	bottom: -11px;
	left: 0px;
	width: 323px;
	height: 10px;
}
.main .content .products_2 .pr_video .video_box .thumb p {
	line-height: 34px;
	font-size: 14px;
}
.main .content .products_2 .pr_video .video_box .plan {
	width: 77px;
	height: 77px;
	background: url(../images/bof_bg.png);
	position: absolute;
	top:70px;
	left:125px;
	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 {
	width: 1600px;
	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;
}








.news-detail {
    width: 750px;
    height: auto;
    float: left;
    padding: 10px;
   
}

.tupian {
    POSITION: relative;
    MARGIN-TOP: 15px;
    WIDTH: 780px;
    OVERFLOW: hidden;
    height: 510px;
}

.tuzuo {
    BORDER-BOTTOM: #c8c8c8 1px solid;
    BORDER-LEFT: #c8c8c8 1px solid;
    WIDTH: 385px;
    HEIGHT: 385px;
    BORDER-TOP: #c8c8c8 1px solid;
    MARGIN-RIGHT: 11px;
    BORDER-RIGHT: #c8c8c8 1px solid;
}



#youtu1, #youtu2, #youtu3, #youtu4 {
    PADDING-RIGHT: 18px !important;
    FLOAT: left;
    CURSOR: pointer;
}

.youbian {
    POSITION: absolute;
    WIDTH: 350px;
    TOP: 0px;
    LEFT: 400px;
}

.biaoti {
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 10px;
    HEIGHT: auto;
    FONT-SIZE: 22px;
	color:#666;
}
.cpjs {
    MARGIN-TOP: 20px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 10px;
    COLOR: #666;
    FONT-SIZE: 14px;
}


.buy {
    background-color: #3399ff;
    margin-top: 140px;
}

.qqme {
    background-color: #FA8072;
    margin-top: 140px;
}
.xixi1 {
    background-image: url(http://www.czhaigu.com/images/1.jpg);
}

.xixi3 {
    background-image: url(http://www.czhaigu.com/images/2.jpg);
}

.xixi2 {
    background-image: url(http://www.czhaigu.com/images/3.jpg);
}


.xixi4 {
    background-image: url(http://www.czhaigu.com/images/4.jpg);
}











#TabTab03Con1, #TabTab03Con2, #TabTab03Con3, #TabTab03Con4 {
    width: 780px;
    padding-bottom: 50px;
}


.xixi1, .xixi2, .xixi3, .xixi4 {
    width: 775px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    font-size: 14px;
    color: #FDFAFA;
    font-face: "黑体";
    font-weight: bold;
}


.tuyou IMG {
    BORDER-BOTTOM: #c8c8c8 1px solid;
    BORDER-LEFT: #c8c8c8 1px solid;
    MARGIN-TOP: 15px;
    WIDTH: 80px;
    MARGIN-BOTTOM: 15px;
    HEIGHT: 80px;
    BORDER-TOP: #c8c8c8 1px solid;
    CURSOR: pointer;
    BORDER-RIGHT: #c8c8c8 1px solid;
}


.buy, .qqme {
    margin-left: 10px;
    padding: 10px;
    width: 140px;
    color: #fff;
    font-size: 24px;
    font-family: "黑体";
    margin-top: 100px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    float: left;
    border-radius: 6px;
}


.tab1, .tab2, .tab3, .tab4 {
    width: 127px;
    height: 46px;
    line-height: 46px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.likeproarticle {
    margin-top: 15px;
    float: left;
    width: 750px;
}

.likeprobody {
    padding: 10px;
}
.likeprobody li {
    list-style-type: none;
    height: 180px;
    line-height: 25px;
    width: 150px;
    margin-right: 15px;
}

.likeprotitle {
	padding-left:10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #CCC;
}

