.banner{
	height:500px;
	width:100%;
}
.banner img{
	width:100%;
	height:500px;
}
.main{
	width:100%;
	height:auto;
}
.who{
	width:1200px;
	height:405px;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
}
.who img{
	margin: 0 auto;
}
.server{
	width:1200px;
	height:auto;
	margin:0 auto;
	text-align:center;
	margin-top: 10px;
}
.server .title img{
	
	margin:0 auto;
	text-align:center;
}
/* 选项卡 */
.demo{width:100%;position:relative;    margin-top: 20px;}

.demo h2{font-size:16px;height:44px;color:#3366cc;margin-top:20px;}

.demo dl dt{font-size:14px;color:#ff6600;margin-top:30px;font-weight:800;}

.demo dl dt,.demo dl dd{line-height:22px;}

/* tabbtn */

.tabbtn{height:60px;background:#e7f2f5;line-height:80px;}

.tabbtn li{float:left;position:relative;width: 20%;}

.tabbtn li a{display:block;float:left;height:60px;line-height:60px;overflow:hidden;width:100%;text-align:center;font-size:20px;color:#003a76;cursor:pointer;}

.tabbtn li.current a{background:#39b46c;height:60px;line-height:60px;color:#fff;}

/* tabcon */

.tabcon{position:relative;/*必要元素*/height: auto;}

.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}

.tabcon .sublist{
	padding: 20px 0px;
   /*  height: 533px; */
	position:relative;
}
.tabcon .sublist .s1{
	text-align:left;
	width:358px;
	height:auto;
	position:absolute;
	top: 170px;
    right: 0px;
	
}
.tabcon .sublist .mm{
	
	width:563px;
	height:390px;
	position:absolute;
	top: 88px;
    right: 444px;
	border:8px solid #fff;
	
}
.tabcon .sublist .s1 .s11{
	font-size:24px;
	color:#fff;
	margin-bottom:50px;
}
.tabcon .sublist .s1 span{
	font-size:16px;
	color:#fff;
	margin-bottom:54px;
	line-height:32px;
}
.tabcon .sublist .s1 .s12{
	width:120px;
	height:36px;
	background:#39b46c;
	text-align:center;
	margin-top:50px;
	font-size:16px;
	line-height:36px;
	color:#fff;
	position: absolute;
    top: 242px;
}
.tabcon .sublist .s1 .s12 a{
	color:#fff;
}




/* leftcon */
#leftcon .subbox{width:9999em;}

#leftcon .subbox .sublist{float:left;width:1200px;}

/* sublist */

.sublist{padding:10px;}
.case{
	width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:20px;
}
.case .case_title{
	width:506px;
	height:71px;
	margin:0 auto;
	margin-bottom:5px;
	text-align:center;
}
.case .case_title img{
	
	
}
/* 案例 */
.film_focus{
	width:1200px;
	height:406px;
	overflow:hidden;
	position:relative;
}

.film_focus ul.film_focus_imgs {
    height: 9999em;
    position: absolute;
    width: 712px;
    left: 40.6%;
    top: 0;
    overflow: hidden;
}
.film_focus ul.film_focus_imgs li{
    height: 406px;
    overflow: hidden;
}
.film_focus ul.film_focus_imgs li img{
	 width:712px;
	 height: 403px;
}
.film_focus .film_focus_desc h3{height:45px;line-height:45px;overflow:hidden;
	position:absolute;left:232px;bottom:0;background:rgba(0, 0, 0, .5);
	color:#fff;width:100%;padding-left:20px;z-index:99;font-size:16px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',
	 endColorstr='#7F000000');}
.film_focus ul.film_focus_nav{overflow:hidden;width:520px;height:404px;position:absolute;left:0;top:0;z-index:100;}
.film_focus ul.film_focus_nav li{height:98px;background:#003a76;
	margin:0px 0px 0.8% 0;
	color:#fff;
	float:left;
	margin-right:4px;
	position:relative;width:240px;cursor: pointer;
	cursor: hand;font-size:20px;
	overflow:hidden;line-height:98px; text-align:center;}
.film_focus ul.film_focus_nav li.cur{background:#39b46c;
	height:98px;left:0px;word-break:break-all;text-align:center;
	color:#fff;font-size:20px;overflow:hidden;}
.film_focus ul.film_focus_nav li b{display:none}
.film_focus ul.film_focus_nav li b span{display:block; font-size:14px;}
.film_focus ul.film_focus_nav li.cur b {
    display: block;
    vertical-align: middle;
    height: 98px;
    line-height: 98px;
    text-align: center;
    font-size: 20px;
    /* margin-top: 18px; */
}

.film_focus ul.film_focus_nav li.cur span{display:none; font-size:14px;}
.film_focus ul.film_focus_nav li.cur b span{
	font-size:14px;
	display:block;
}
.case .case_main  .qieh{
	width: 100%;
	height: auto;
}
.case .case_main  .qieh ul li{
	width:49%;
	height:229px;
	float:left;
	margin-bottom:10px;
}
.case .case_main .qieh ul li img{
	width:390px;
	height:229px;
	float:left;
}
.film_focus ul.film_focus_nav li span .s1{
    font-size: 14px;
}
.film_focus ul.film_focus_nav li .s{
	display:block;
	margin-top:18px;
}
.film_focus_imgs_wrap .film_focus_imgs  li{
	position:relative;
}
.film_focus_imgs_wrap .film_focus_imgs li a .shadow{
	width:712px;
    height:98px;
 	position:absolute;
	top:305px; 
	background:#000;
	opacity:0.5;
	display:none;
	line-height:98px;
	font-size:20px;
	text-align:center;
	color:#fff;
}
.film_focus_imgs_wrap .film_focus_imgs li a:hover .shadow{
	display:block;
}
.Customer{
	width:100%;
	height:150px;
	background:#003a76;
	margin-top:40px;
}
.Cust{
	margin:0 auto;
	width:1200px;
	height:150px;
	background:url(../images/Customer.png);
	position:relative;
}
.Cust span{
	position:absolute;
	top: 90px;
    left: 306px;
	font-size:26px;
	color:#fff;
}
.Customer1{
	width:100%;
	height:150px;
	background:#003a76;
	margin-top:40px;
}
.Cust1{
	margin:0 auto;
	width:1200px;
	height:150px;
	background:url(../images/Customer1.png);
	position:relative;
}
.Cust1 span{
	position:absolute;
	top: 95px;
    left: 306px;
	font-size:26px;
	color:#fff;
}
.ys{
	    width: 1200px;
    height: 2082px;
    background: url(../images/ys.png);
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
}
.ww1{
	    position: absolute;
    width: 634px;
    height: 372px;
    top: 190px;
    left: 546px;
  
}
.ww2{
	    position: absolute;
    width: 573px;
    height: 432px;
    top: 615px;
    left: 32px;
  
}
.ww3{
	    position: absolute;
    width: 600px;
    height: 428px;
    top: 1138px;
    left: 576px;
  
}
.ww4{
	    position: absolute;
    width: 622px;
    height: 508px;
    top: 1573px;
    left: 29px;
   
}
.yss1{
	        width: 383px;
    /* height: 360px; */
    position: absolute;
    top: 156px;
    left: 181px;
}
.yss1 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.ys1{
	width:494px;
	height:360px;
	position:absolute;
	top: 300px;
    left: 31px;
}
.kk{
	color:#39b46c;
}
.ys1 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.yss1 .p1{
	font-size:26px;
	color:#003a76;
	line-height:24px;
	margin-bottom:10px;
}
.yss1 .p1 span{
	font-size:14px;
	color:#cccccc;
}
.ys1 p b{
	color:#003a76;
	width:6px;
	height:6px;
	margin-right:8px;
}
.ys1 .more{	margin-top:30px;}
.ys1 .group{
	width:132px;
	height:40px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background:#003a76;
	color:#fff;
	display:block;
	float:left;
	margin-right:15px;
}
.ys1 .more .english{
	line-height:45px;
	display:block;
	height:40px;
	font-size:24px;
	color: #003a76;
}
.yss2{
	    width: 377px;
    height: auto;
    position: absolute;
    top: 649px;
    right: 175px;
    text-align: right;
}
.yss2 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.ys2{
	    width: 480px;
    height: auto;
    position: absolute;
    top: 790px;
    right: 30px;
}
.ys2 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.yss2 .p1{
	font-size:26px;
	color:#003a76;
	line-height:24px;
	text-align:right;
}
.yss2 .p1 span{
	font-size:14px;
	color:#cccccc;
}
.ys2 p b{
	color:#003a76;
	width:6px;
	height:6px;
	margin-right:8px;
}
.ys2 .more{	margin-top:30px;
}
.ys2 .group{
	width:132px;
	height:40px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background:#003a76;
	color:#fff;
	display:block;
	float:right;
	margin-left:15px;
}
.ys2 .more .english{
	line-height:45px;
	display:block;
	height:40px;
	font-size:24px;
	float:right;
	color: #003a76;
}
.yss3{
	    width: 415px;
    /* height: 360px; */
    position: absolute;
    top: 1163px;
    left: 173px;
}
.yss3 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.ys3{
	    width: 494px;
    height: 360px;
    position: absolute;
    top: 1285px;
    left: 31px;
}
.ys3 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.yss3 .p1{
	font-size:26px;
	color:#003a76;
	line-height:24px;
	margin-bottom:10px;
}
.yss3 .p1 span{
	font-size:14px;
	color:#cccccc;
}
.ys3 p b{
	color:#003a76;
	width:6px;
	height:6px;
	margin-right:8px;
}
.ys3 .more{	margin-top:30px;}
.ys3 .group{
	width:132px;
	height:40px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background:#003a76;
	color:#fff;
	display:block;
	float:left;
	margin-right:15px;
}
.ys3 .more .english{
	line-height:45px;
	display:block;
	height:40px;
	font-size:24px;
	color: #003a76;
}
.yss4{
	    width: 480px;
    height: auto;
    position: absolute;
    top: 1641px;
    right: 175px;
    text-align: right;
}
.yss4 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.ys4{
	    width: 480px;
    height: auto;
    position: absolute;
    top: 1775px;
    right: 30px;
}
.ys4 p{
	font-size:16px;
	color:#262626;
	line-height:32px;
}
.yss4 .p1{
	font-size:26px;
	color:#003a76;
	line-height: 24px;
    margin-bottom: 10px;
	text-align:right;
}
.yss4 .p1 span{
	font-size:14px;
	color:#cccccc;
}
.ys4 p b{
	color:#003a76;
	width:6px;
	height:6px;
	margin-right:8px;
}
.ys4 .more{	margin-top:40px;
}
.ys4 .group{
	width:132px;
	height:40px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	background:#003a76;
	color:#fff;
	display:block;
	float:right;
	margin-left:15px;
}
.ys4 .more .english{
	line-height:45px;
	display:block;
	height:40px;
	font-size:24px;
	float:right;
	color: #003a76;
}

.custome_case{
	width:100%;
	height:380px;
	margin-top:40px;
	background:url(../images/kh_bg.png);
}
.custome1{
	width:1200px;
	height:380px;
	margin:0 auto;
	/* background:url(../images/kh_case.png); */
	position:relative;
}
.custome1 .custome_top{
	position:absolute;
	top:15px;
	left:30px;
	font-size:16px;
	color:#fff;
	width:97%;
}
.custome1 .custome_top span{
	float:right;
	color:#fff;
}
.custome1 .custome_top span a{
	color:#fff;
}
.custome1 ul{
	width:100%;
	height:320px;
	position:absolute;
	top:54px;
}
.custome1 ul li{
	width:336px;
	height:320px;
	float:left;
	margin:0 auto;
	text-align:center;
}
.custome1 ul li a img{
	width:333px;
	height:215px;
}
.custome1 ul li:nth-child(1){
	margin-left:4.5%;
}
.custome1 ul li:nth-child(2){
	margin-left:3.5%;
}
.custome1 ul li:nth-child(3){
	margin-left:3.4%;
}
.custome1 ul li a p{
	text-align:left;
	margin-left:2em;
	color:#fff;
	font-size:16px;
	line-height:26px;
	margin-top:10px;
}
.tel_border{
	width:100%;
	height:auto;
	margin-top:58px;
}
.tel_border .tel{
	width:1200px;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.tel_border .tel p{
	margin-top:-60px;
	color:#39b46c;
	font-size:18px;
	line-height:26px;
	margin-left:40px;
	margin-bottom:30px;
}
.tel_border .honor{
	width:1200px;
	height:430px;
	margin:0 auto;
	margin-top:30px;
	text-align:center;
}
/* 轮播 */

.scrollBox{
	width:100%;
	margin:0 auto;
	position:relative; 
	overflow:hidden; 
	zoom:1;
}
.scrollBox .piclist{
	overflow:hidden; 
	zoom:1;
}	
.scrollBox .ohbox{
	overflow:hidden;
	position:relative;
	width:100%;
	height:340px;
	left:30px;
	margin:0 auto;
	margin-top: 20px;
}
.scrollBox .piclist li{
	float:left; 
	display:inline;
	width:263px !important;
	height:322px;
	text-align:center;
	margin:0 auto;
	margin:10px;
	border:1px solid #fff;
}

.piclist li a img{
	width:197px;
	height:286px;
}
.scrollBox .piclist li span{
	height:40px;
	line-height:40px;
	font-size:16px;
	display:block;
	color:#2b2b2b;
	text-align:center;  
	margin-top:-6px;
}
.company{
	width:1200px;
	height:416px;
	margin:50px auto 30px auto;
}
.company .company_left{
	width:520px;
	height:416px;
	float:left;
	color:#fff;
	background:url(../images/company_bg.png);
}
.company .company_left p{
	color:#fff;
	font-size:24px;
	text-align:center;
	line-height:34px;
	margin-top:80px;
}
.company .company_left span{
	width:84%;
	display:block;
	line-height:32px;
	font-size:16px;
	margin:0 auto;
	text-indent:2em;
	margin-top:30px;
}
.company .company_right{
	width:680px;
	height:416px;
	float:left;
	position:relative;
}
.company .company_right .t{
	width:680px;
	height:416px;
	
}
.company .company_right .detail{
	position:absolute;top:317px;right:-3px;
}
.company1{
	width:1200px;
	height:282px;
	overflow:hidden;
	margin:0 auto;
}
.demo1 ul{
	width:100%;
	height:210px;
	}
.demo1 .tabbtn li.current a {
    background: #003a76;
    height: 48px;
    line-height: 48px;
    color: #fff;
}
.demo1 .tabbtn li a {
    display: block;
    float: left;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #003a76;
    cursor: pointer;
}
.demo1 .tabbtn li {
    float: left;
    position: relative;
    width:300px;
    background: #e7f2f5;
	
}

.demo1 .tabbtn li a {
    display: block;
    float: left;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #003a76;
    cursor: pointer;
}
.demo1 .tabbtn {
    height: 48px;
    background: none;
    line-height: 48px;
}
.demo1 .tabcon .sublist ul li{
	width:290px;
	height:194px;
	
	float:left;
	margin-left:10px;
	position:relative;
}
.demo1 .tabcon .sublist ul li p{
	position:absolute;
	bottom:0px;
	width:276px;
	heigh:50px;
	line-height:30px;
	color:#fff;
	font-size:18px;
	background: #000;
    opacity: 0.8;
	text-align:center;
	
}
.demo1 .tabcon .sublist ul li img{
	width:276px;
	height:194px;
}
.demo1 .tabcon .sublist {
    padding: 20px 0px;
    /* height: 533px; */
    position: relative;
}
.trends{
	width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
}
.trends_left{
	width:570px;
	height:630px;
	float:left;
	margin-left:2%;
	padding-right:20px;
	border-right:1px solid #ccc;
}
.trends_right{
	width:540px;
	height:630px;
	float:right;
	margin-right:2%;
}
.trends_left .rule{
	width:100%;
	height:360px;
}
.trends_left .rule .rt{
	width:100%;
	/* font-size:20px; */
/* 	color:#003a76; */
	line-height:32px;
	font-weight:700;
	height:32px;
	border-bottom:1px solid #bfc4ca;
}
.trends_left .rule .p1{
	display:block;
	width:16%;
	line-height:32px;
	text-align:center;
	float:left;
	color:#003a76;
	font-size:20px;
	border-bottom:2px solid #39b46c;
}
.trends_left .rule .more a{
	float:right;
	font-size:14px;
	color:#999999;
	line-height: 40px;
	font-weight:normal;
}
.trends_left .rule ul li{
	width:100%;
	height:82px;
	margin-bottom:20px;
}
.trends_left .rule ul {
	margin-top:20px;
}
.trends_left .rule ul li:hover .rule_con{
	background:#e1f4e9;
}
.trends_left .rule ul li:hover .day{
	background:#39b46c;
}
.rule .day{
	width:80px;
	height:82px;
	background:#003a76;
	text-align:center;
	color:#fff;
	font-size:16px;
	float: left;
}
.rule .day .day_1 {
    width: 70%;
    height: 40px;
    font-size: 28px;
    line-height: 58px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.rule ul li .rule_con{
	width:490px;
	height:82px;
	float: left;
	font-size:14px;
	color:#2d3e50;
}
.rule ul li .rule_con span{
	color:#39b46c;
}
.rule ul li .rule_con p {
    
    line-height: 26px;
    width: 92%;
    margin-left: 4%;
}
.rule ul li .rule_con .title{
	font-size: 16px;
	line-height: 30px;
}
.question{
	width:100%;
	height:350px;
	overflow:hidden;
}
.trends_left .question .rt{
	width:100%;
	/* font-size:20px; */
/* 	color:#003a76; */
	line-height:32px;
	font-weight:700;
	height:32px;
	border-bottom:1px solid #bfc4ca;
}
.trends_left .question .p1{
	display:block;
	width:16%;
	line-height:32px;
	text-align:center;
	float:left;
	color:#003a76;
	font-size:20px;
	border-bottom:2px solid #39b46c;
}
.trends_left .question .more a{
	float:right;
	font-size:14px;
	color:#999999;
	line-height: 40px;
	font-weight:normal;
}
.anscon{
	width:100%;
	height:200px;
	overflow:hidden;
	margin-top:30px;
}
.anscon .ans{
	width:100%;
	height:200px;
	overflow:hidden;
}
.anscon .ans ul{
	width:100%;
	height:auto;
	overflow:hidden;
}
.anscon .ans ul li{
	margin-bottom:20px;
	color:#2d3e50;
	line-height: 22px;
    height: 22px;
}
.anscon .ans ul li a {
	color:#2d3e50;
	font-size: 14px;
}
.anscon .ans ul li a:hover{
	color:#39b46c;
}
.anscon .ans ul li a span{
	float:right;
}
.new{
	
}
.trends_right .new .rt{
	width:100%;
	/* font-size:20px; */
/* 	color:#003a76; */
	line-height:32px;
	font-weight:700;
	height:32px;
	border-bottom:1px solid #bfc4ca;
}
.trends_right .new .p1{
	display:block;
	width:16%;
	line-height:32px;
	text-align:center;
	float:left;
	color:#003a76;
	font-size:20px;
	border-bottom:2px solid #39b46c;
}
.trends_right .new .more a{
	float:right;
	font-size:14px;
	color:#999999;
	line-height: 40px;
	font-weight:normal;
}
.trends_right .new .new_pic{
	width:513px;
	margin:0 auto;
	margin-top:20px;
}
.trends_right .new .new_pic img{
	width:513px;
	height:204px;
}
.trends_right .new .new_main{
	width:100%;
	height:114px;
	overflow:hidden;
	margin-top:18px;
}
.trends_right .new .new_main p{
	line-height:24px;
	color:#2d3e50;
}
.trends_right .new .new_main .hot{
	display:block;
	background:#003a76;
	width:46px;
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#fff;
	text-align:center;
	float:left;
	margin-right: 6px;
}
.trends_right .new .new_main .p2 {
    color: #2d3e50;
    font-size: 14px;
    margin-top: 12px;
    line-height: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #bfc4ca;
}
.trends_right .new .new_main .p2 span{
	color:#39b46c;
}
.new_main2 ul{
	margin-top:20px;
}
.new_main2 ul li{
	margin-bottom:20px;
}
.new_main2 ul li a{
	color:#2d3e50;
	font-size:14px;
}
.new_main2 ul li a span{
	float:right;
	padding-top:1px;
}
.trends hr{
	float:left;
	width:2px;
	height:600px;
}
.message{
	margin-top:40px;
	width:100%;
	height:420px;
	background:#e7f2f5;
}
.inform{
	width:1200px;
	height:420px;
	margin:0 auto;
}
.inform .in_pic{
	width:550px;
	height:310px;
	margin-top:54px;
	margin-left:30px;
	float:left;
}
.inform .in_pic img{
	width:550px;
	height:310px;
}
.message .table{
	float:right;
	margin-right:40px;
	width:500px;
	height:300px;
	margin-top:66px;
	position:relative;
}
.message .table input{
	width:245px;
	height:28px;
	line-height:28px;
	padding-left:5px;
	margin-bottom:20px;
	outline:none;
	font-size:12px;
	border:1px solid #ccc;
}
.message .table textarea{
	vertical-align:top;
	width:385px;
	height:70px;
	padding:5px;
	outline:none;
	margin-bottom:20px;
	font-size:12px;
	border:1px solid #ccc;
}
.message .table .yanzheng{
	width:100px;
	height:28px;
	border:1px solid #ccc;
}
.message .table  img{
	position:absolute;
	bottom:19px;
	left:188px;
}
.message .table .submit{
	width:100px;
	margin-left:130px;
	background:#003a76;
	font-size:16px;
	color:#fff;
	border:none;
	cursor:pointer;
}



.frieng_link{
	width:1200px;
	height:auto;
	margin:30px auto;
	overflow:hidden;
	margin-bottom:2%;
}
.frieng_link .f1{
	font-size:18px;
	line-height:48px;
	border-bottom:1px solid #c8c8c8;
}
.frieng_link .f1 .l1{
	color:#0e50ac;
	font-size:20px;
}
.frieng_link .l2{
	width:100%;
	height:auto;
	font-size:16px;
	color:#000;
	margin-top:2%;
}
.frieng_link .l2 li{
	
}

.frieng_link .l2 li a{
	width:auto;
	height:30px;
	line-height:30px;
	float:left;
	color:#000;
	margin:0 1% 0.2% 1%;
	text-align:center;
	font-size:16px;
}
.frieng_link .l2 li a:hover{
	color:#39b46c;
	font-size:16px;
}