body{ background-color:#edf2f5;}
@media screen and (min-width: 320px) and (max-width: 1024px){
	body{
		width:1300px;}
	}
.top{ width:100%; height:42px; background-color:#333638;}
.daohang{ width:100%; height:100px; background-color:#fff;}
.daohang .nav{ width:1190px; height:100px; margin:auto; overflow:hidden;}
.daohang .nav .logo{ width:45%; height:100px; float:left;line-height:100px;font-size:28px;}
.daohang .nav .nav_ul{ float:right; width:47%; height:100px; overflow:hidden;}
.daohang .nav .nav_ul li{ float:left; padding:0px 25px;}
.daohang .nav .nav_ul li a{ font-size:16px; display:block; height:100px; line-height:100px; text-decoration:none; color:#61656a;}
.daohang .nav .nav_ul li a:hover{ color:#27a6e0;}

.banner{ width:100%; height:550px; overflow:hidden; position:relative; overflow:hidden;}
.banner .b-img{ height:550px;  position:absolute; left:0; top:0;}
.banner .b-img a{ display:block; height:550px; float:left; margin:auto;}
.banner .b-img a img{ margin:0 auto;}
.banner .b-list{ height:50px; padding-top:515px; position:relative; margin:0 auto;z-index:1;}
.banner .b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.banner .b-list .spcss{border:3px solid #999;}
.banner .bar-left{ position:absolute; z-index:1; display:block; width:240px; height:550px; left:0px; background:none; top:0px; }
.banner .bar-right{ position:absolute;z-index:1; display:block; width:240px; height:550px; right:0px; background:none; top:0px; }
.banner .bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:230px;}
.banner .bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:230px;}
.banner .bar-left .emcss{ background-position:0px -100px;}
.banner .bar-right .emcss{ background-position:-50px -100px;}


/*产品案例开始*/
.chanpin{ width:1190px; overflow:hidden; margin:auto; padding-top:50px;}
.chanpin h2{ text-align:center; font-size:30px; color:#333539;}
.chanpin h3{ text-align:center; font-size:16px; color:#9ea1a1; margin-top:15px;}
.chanpin .cp_lb{ margin:auto; width:1190px; overflow:hidden; padding-top:40px;}
.chanpin .cp_lb li{ width:360px; height:380px; float:left; background-color:#fff; overflow: hidden; margin:0px 18px; margin-bottom:36px;}
.chanpin .cp_lb li .cp_img{ height:225px; overflow:hidden;}
.chanpin .cp_lb li .cp_img img{ width:100%;}
.chanpin .cp_lb li .cp_bt{ font-size:24px; text-align:center; margin-top:20px; padding:0px 20px; line-height:44px; color:#2496cb;}
.chanpin .cp_lb li .cp_js{line-height: 26px; color: #91969b; font-size: 16px; margin-top: 5px; height:75px;padding: 0px 25px; overflow: hidden;}
/*产品案例结束*/



/*我们的服务开始*/
.fuwu{ width:1190px; margin:auto; overflow:hidden; margin-top:50px;}
.fuwu h2{ text-align:center; font-size:30px; color:#fff;}
.fuwu h3{ text-align:center; font-size:16px; color:#fff; margin-top:15px;}
.fuwu ul{ margin:auto; width:1190px; overflow:hidden; padding-top:40px;}
.fuwu ul li{ width:360px; height:420px; float:left; background-color:#fff; overflow: hidden; margin:0px 18px; margin-bottom:36px;}
.fuwu ul li .cp_img{ height:225px; overflow:hidden;}
.fuwu ul li .cp_img img{ width:100%;}
.fuwu ul li .cp_bt{ font-size:24px; text-align:center; margin-top:20px; padding:0px 20px; line-height:44px; color:#2496cb;}
.fuwu ul li .cp_js{text-indent:2em;line-height:26px; color: #91969b; font-size: 16px; margin-top: 5px; height:105px;padding: 0px 25px; overflow: hidden;}
/*我们的服务结束*/


/*产品功能概览开始*/
.indexmain2{ background:#2384bd url(../images/indexbg.gif) no-repeat 50% 0; background-attachment:fixed;margin-top:50px; padding-bottom:75px;}
.indexmain2 .bt_gn{ overflow:hidden; padding-top:50px;}
.indexmain2 .bt_gn h2{text-align:center; font-size:30px; color:#fff;}
.indexmain2 .bt_gn h3{text-align:center; font-size:16px; color:#fff; margin-top:15px;}
.indexmain2 .mainbox{ width:1190px; margin:0 auto; overflow:hidden;}
.indexmain2 ul{width:1230px;}
.indexmain2 ul li{width:360px;float:left;margin-right:50px; background:#fff;margin-top:50px;height:322px; overflow:hidden; padding-bottom:45px; text-align:center; display:none;}
.indexmain2 ul li .icon{height:110px;border-radius:50%; display:block;width:110px;margin:0 auto;margin-top:50px;}
.indexmain2 ul li .icon img{ display:block;margin:0 auto;height:64px; padding-top:23px;}
.indexmain2 ul li .icon1{ background:#6abfe7;}
.indexmain2 ul li .icon2{ background:#4ee1ab;}
.indexmain2 ul li .icon3{ background:#689ded;}
.indexmain2 ul li .icon4{ background:#eeb355;}
.indexmain2 ul li .icon5{ background:#6aabe7;}
.indexmain2 ul li .icon6{ background:#79df71;}
.indexmain2 ul li .icon7{ background:#6adf72;}
.indexmain2 ul li .icon8{ background:#f37676;}
.indexmain2 ul li .icon9{ background:#f3c365;}
.indexmain2 ul li .icon10{ background:#f34d4d;}
.indexmain2 ul li .tit{height:44px; line-height:44px; text-align:center;font-size:24px;margin-top:20px;}
.indexmain2 ul li .info{ line-height:20px;font-size:16px; padding:0px 30px;color:#91969b; line-height:26px;height:78px; overflow:hidden;margin-top:10px;}
.indexmain2 ul li.myindexli{animation:myindexli 0.6s both;-moz-animation:myindexli 0.6s both; /* Firefox */
-webkit-animation:myindexli 0.6s both; /* Safari and Chrome */
-o-animation:myindexli 0.6s both; /* Opera */
}
@keyframes myindexli
{
0%   {margin-top:25px;}
100% {margin-top:50px;}
}

@-moz-keyframes myindexli /* Firefox */
{
0%   {margin-top:25px;}
100% {margin-top:50px;}
}

@-webkit-keyframes myindexli /* Safari and Chrome */
{
0%   {margin-top:25px;}
100% {margin-top:50px;}
}

@-o-keyframes myindexli /* Opera */
{
0%   {margin-top:25px;}
100% {margin-top:50px;}
}
.indexmain2 ul li.myindexli .tit{animation:myindextit 0.3s linear 0.3s both;-moz-animation:myindextit 0.3s linear 0.3s both; /* Firefox */
-webkit-animation:myindextit 0.3s linear 0.3s both; /* Safari and Chrome */
-o-animation:myindextit 0.3s linear 0.3s both; /* Opera */
}
@keyframes myindextit
{
0%   {line-height:24px;}
100% {line-height:44px;}
}

@-moz-keyframes myindextit /* Firefox */
{
0%   {line-height:24px;}
100% {line-height:44px;}
}

@-webkit-keyframes myindextit /* Safari and Chrome */
{
0%   {line-height:24px;}
100% {line-height:44px;}
}

@-o-keyframes myindextit /* Opera */
{
0%   {line-height:24px;}
100% {line-height:44px;}
}

.indexmain2 ul li.myindexli .info{animation:myindexinfo 0.3s linear 0.3s both;-moz-animation:myindexinfo 0.3s linear 0.3s both; /* Firefox */
-webkit-animation:myindexinfo 0.3s linear 0.3s both; /* Safari and Chrome */
-o-animation:myindexinfo 0.3s linear 0.3s both; /* Opera */
}
@keyframes myindexinfo
{
0%   {margin-top:0px;}
100% {margin-top:10px;}
}

@-moz-keyframes myindexinfo /* Firefox */
{
0%   {margin-top:0px;}
100% {margin-top:10px;}
}

@-webkit-keyframes myindexinfo /* Safari and Chrome */
{
0%   {margin-top:0px;}
100% {margin-top:10px;}
}

@-o-keyframes myindexinfo /* Opera */
{
0%   {margin-top:0px;}
100% {margin-top:10px;}
}
.indexmain2 ul li.myindexli .icon img{animation:myindexicon 0.6s both;-moz-animation:myindexicon 0.6s both; /* Firefox */
-webkit-animation:myindexicon 0.6s both; /* Safari and Chrome */
-o-animation:myindexicon 0.6s both; /* Opera */
}
@keyframes myindexicon
{
0%   {padding-top:0px;}
100% {padding-top:23px;}
}
@-moz-keyframes myindexicon /* Firefox */
{
0%   {padding-top:0px;}
100% {padding-top:23px;}
}
@-webkit-keyframes myindexicon /* Safari and Chrome */
{
0%   {padding-top:0px;}
100% {padding-top:23px;}
}

@-o-keyframes myindexicon /* Opera */
{
0%   {padding-top:0px;}
100% {padding-top:23px;}
}
/*产品功能概览结束*/


/*产品动态开始*/
.dongtai{ width:1190px; margin:auto; overflow:hidden; margin-top:50px;}
.dongtai h2{ text-align:center; font-size:30px; color:#333539;}
.dongtai h3{ text-align:center; font-size:16px; color:#9ea1a1; margin-top:15px;}
.dongtai .dt_nr{ width:1190px; height:700px; overflow:hidden; margin-top:50px;}
.dongtai .dt_nr .l{ float:left; width:535px; height:700px; background:url(../images/dt_bg.jpg) no-repeat; padding-left:40px;}
.dongtai .dt_nr .l h6{ font-size:24px; line-height:64px; font-weight:normal;}
.dongtai .dt_nr .l ul{ width:533px; overflow:hidden;}
.dongtai .dt_nr .l ul li{ width:502px; height:142px; border-bottom:1px solid #ccc; padding-right:30px; margin-top:15px;}
.dongtai .dt_nr .l ul li .rz_bt{ font-size:21px; color:#e42828;}
.dongtai .dt_nr .l ul li .rz_bt a{ text-decoration:none;}
.dongtai .dt_nr .l ul li .rz_bt a:hover{ color:#27a6e0;}
.dongtai .dt_nr .l ul li .rz_bth a{ font-size:21px; color:#e42828; text-decoration:none;}
.dongtai .dt_nr .l ul li .rz_nr{color: #91969b;line-height: 26px;height: 52px; overflow: hidden; font-size: 16px; margin-top: 5px;}
.dongtai .dt_nr .l ul li .rz_sj{ width:495px; text-align:right;color: #a2a8ad;font-size: 14px; line-height:50px;}
.dongtai .dt_nr .r{ float:right; width:532px; height:700px; background-color:#fff;padding-left:33px;}
.dongtai .dt_nr .r ul{overflow:hidden;}
.dongtai .dt_nr .r h6{ font-size:24px; line-height:64px; font-weight:normal; }
.dongtai .dt_nr .r ul li{padding:10px 30px 10px 0px;height:137px; border-top:1px solid #ccc; } 
.dongtai .dt_nr .r .qy_logo{ width:170px;float:left;}
.dongtai .dt_nr .r .qy_logo img{width:100%;height:85px; display:block; overflow:hidden;margin-top:25px;}
.dongtai .dt_nr .r .qy_nj{width:310px;float:right;}
.dongtai .dt_nr .r .qy_nj a{ font-size:21px; display:block;height:31px;height:62px; overflow:hidden;margin-top:25px; text-decoration:none;}
.dongtai .dt_nr .r .qy_nj .date{height:34px; line-height:34px; overflow:hidden;color:#a2a8ad; font-size:14px; text-align:right;margin-top:5px;}
/*产品动态结束*/ 


/*申请体验开始*/
.tiyan{ width:1190px; overflow:hidden; margin:auto; margin-top:50px; margin-bottom:75px;}
.tiyan h2{ text-align:center; font-size:30px; color:#333539;}
.tiyan h3{ text-align:center; font-size:16px; color:#9ea1a1; margin-top:15px;}
.tiyan .ty_bt{ width:1190px; height:100px; background: url(../images/tiyan.jpg) no-repeat; overflow:hidden; margin-top:50px;}
.tiyan .ty_bt h5{ padding-top:40px; padding-left:75px; font-size:24px;}
.tiyan .ty_bt h5 span{ font-size:16px; margin-left:10px;}
.tiyan .ty_bt h5 span b{ color:#F00;}
.tiyan .txnr{ background-color:#fff; padding-bottom:20px;}
.tiyan .txnr li{ overflow:hidden; margin-bottom:20px;}
.tiyan .txnr li span{ display:block; width:330px; height:36px; line-height:36px; text-align:right; float:left;}
.tiyan .txnr li .txt{ width:357px; height:36px; border:1px solid #ccc; background:#fff; line-height:36px; margin-right:10px; margin-left:10px; font-size:16px;}
.tiyan .txnr li b{ color:#F00;}
.tiyan .txnr li select{width:357px; height:36px; border:1px solid #ccc; background:#fff; line-height:36px; margin-right:10px; margin-left:10px;font-size:16px;}
.tiyan .txnr li textarea{ width:580px; height:140px; border:1px solid #ccc; background:#fff; margin-left:10px;font-size:16px; }
.tiyan .txnr li .submit{width:357px;height:48px; line-height:48px;border-radius:3px; background:#ff4a00;color:#fff;font-size:16px; border:none;}
/*申请体验结束*/


/*详情页开始*/
.list{ width:100%; background: url(../images/list_bg.jpg) no-repeat; background-attachment: fixed; padding: 15px 0px;}
.list .list_nr{ width:1190px; margin:0 auto; overflow:hidden;}
.list .list_nr .list_img{ width:1190px; height:160px;} 
.list .list_nr .dtxq{ width:1140px; background-color:#fff; margin-top:15px; padding:30px 25px;}
.list .list_nr .dtxq .dao_h{ overflow:hidden;}
.list .list_nr .dtxq .dao_h .p_a{ display:block; width:870px; height:20px; line-height:20px; float:left;}
.list .list_nr .dtxq .dao_h .p_a a{ color:#666; font-size:15px;}
.list .list_nr .dtxq .dao_h .p_a a b{ font-weight:normal; color:#999;}
.list .list_nr .dtxq .dao_h .p_a span{ margin:0px 5px;}
.list .list_nr .dtxq .dao_h .p_b{ display:block; width:245px; float:right; font-size:12px; color:#999; text-align:right; height:20px; line-height:20px;}
.list .list_nr .dtxq h2{ text-align:center; font-size:24px; margin-top:30px; margin-bottom:30px;}
.list .list_nr .dtxq .p_c{text-indent:2em; margin-bottom:30px; font-size:14px; color:#666; line-height:22px;}
.list .list_nr .dtxq .p_d{ color:#666; margin-bottom:10px; font-size:15px;}
.list .list_nr .dtxq .p_d a{ color:#2396dc;}
.list .list_nr .dtxq .p_f{ overflow:hidden; text-align:center; margin-bottom:30px;}
/*详情页结束*/


/*列表页开始*/
.xq_nr{ overflow:hidden; }
.xq_nr li{ height:130px; padding:0px 25px; border-bottom:1px dashed #ccc; overflow:hidden;margin-top:50px;}
.xq_nr li .l{ float:left; width:930px; overflow:hidden;}
.xq_nr li .l h3 a{ font-size:22px; color:#5C5C5C; font-weight:bold;}
.xq_nr li .l h3 a:hover{ color:#d31c25;}
.xq_nr li .l p{ line-height:30px; margin-top:15px; color:#666;}
.xq_nr li .r{ float:right; width:60px;}
.xq_nr li .r .riqi{height: 35px; width:60px;font-size: 22px; line-height: 35px; background: #ff4a00; display: inline-block; color: #FFF;text-align: center; border-radius: 5px 5px 0 0;}
.xq_nr li .r .nianf{height: 35px; width:58px;font-size: 12px; line-height: 35px; background: #fff; display: inline-block; color: #666;text-align: center; border:1px solid #d7d8d9;}
.fanye{ overflow:hidden; margin-top:35px;}
.fanye p{ margin:auto; display:block;  height:35px; width:230px; border:1px solid #ccc; overflow:hidden; border-left: none; line-height:35px;text-align:center; }   
.fanye p span{ display:block; float: left; width:45px; height:35px;border-left:1px solid #ccc;}
.fanye p span:hover{ color:#D31C25; background-color:#EBEBEB;}   
/*列表页结束*/


/*详情页开始*/
/*焦点图*/
.indextitle{margin-top:50px; text-align:center;}
.indextitle .title{font-size:30px;height:50px; line-height:50px; overflow:hidden;}
.indextitle .info{line-height:26px; overflow:hidden;font-size:16px;margin-top:5px;text-align:left;}
.indextitle .info p{text-indent:2em;}
.titstyle1 .info{color:#91969b;}
.titstyle2 .title{color:#fff;}
.titstyle2 .info{color:#fff;}

/*帮助*/





/*单用户网校*/




.single{margin-top:40px;}
.single_l{ width:541px; float:left; background:#059de6; height:290px; padding:20px; }
.single_l h2{ color:#fff; margin-bottom:20px; margin-top:20px; }
.single_l p{ color:#fff; line-height:32px; font-size:15px;}
.single_c{ width:284px; float:left; margin-left:15px; height:290px;}
.single_c .top1{ height:157px; margin-bottom:15px;}
.single_r{ width:244px; float:right; background:#ed2b2f; height:245px; padding:75px 20px 10px 20px; font-size:15px; color:#fff;line-height:30px;}

.systeminfo{ overflow:hidden; padding-bottom:15px; }
.systeminfo .title{height:44px; line-height:44px; font-size:24px;margin-top:40px;}
.systeminfo ul{width:1196px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;}
.systeminfo ul li{width:284px;float:left;margin-right:15px; background:#fff; padding:30px 0px 20px 0px;margin-top:15px; cursor:pointer;}
.systeminfo ul li .icon{width:130px;height:113px; padding-top:17px; background:#edf2f5;border-radius:50%; display:block;margin:0 auto; -webkit-transition:0.3s; transition:0.3s;}
.systeminfo ul li .icon img{ display:block;margin:0 auto;height:96px;}
.systeminfo ul li:hover .icon{ background:#e4f2f8;transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.systeminfo ul li .text{ font-size:21px; text-align:center;color:#61656a;height:41px; line-height:41px; overflow:hidden;margin-top:15px;}
.systeminfo .systemul{opacity: 1;margin-top:0px; }


.intromain{ padding:75px 0px; height:420px; overflow:hidden;}
.intromain .text{padding:75px 620px 0px 25px; display:none;}
.intromain .text .tit{ font-size:30px;height:50px; line-height:50px; overflow:hidden;}
.intromain .text .red{color:#fb3e3e;font-size:24px;height:44px; line-height:44px; overflow:hidden;margin-top:10px;}
.intromain .text .info{ font-size:16px; line-height:26px;color:#90969a;margin-top:15px;}
.intromain .text .info p{padding-top:10px;}

.intromain .img{ position:absolute;right:25px;top:0; display:none;}
.intromain .img img{height:420px; display:block; overflow:hidden;}
.intromain .noright{right:0px;}
.introstyle1{background:#fff;}
.introstyle2 .img{ right:inherit;left:25px;}
.introstyle2 .text{padding:75px 25px 0px 670px;}

.introstyle3{ height:510px; padding-top:65px; background:#fff;}
.introstyle3 .text{ padding:0px; text-align:center; }
.introstyle3 .img{ position:relative;left:inherit;margin-top:20px;}
.introstyle3 .img img{ display:block;margin:0 auto; overflow:hidden;height:430px;}



.intromain .noleft{ left:0px;}



.epstyle{ background:url(../images/bg1.png) no-repeat 50% -150px;}
.epstyle .text{color:#fff;}
.epstyle .text .info{color:#fff;}





.intro-animation .text{ display:block;animation:myintrotext 0.6s both;-moz-animation:myintrotext 0.6s both; /* Firefox */
-webkit-animation:myintrotext 0.6s both; /* Safari and Chrome */
-o-animation:myintrotext 0.6s both; /* Opera */
}
@keyframes myintrotext
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}
@-moz-keyframes myintrotext /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}
@-webkit-keyframes myintrotext /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}

@-o-keyframes myintrotext /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; margin-top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:0px;}
}

.intro-animation .img{ display:block;animation:myintroimg 0.6s linear 0.3s both;-moz-animation:myintroimg 0.6s linear 0.3s both; /* Firefox */
-webkit-animation:myintroimg 0.6s linear 0.3s both; /* Safari and Chrome */
-o-animation:myintroimg 0.6s linear 0.3s both; /* Opera */
}
@keyframes myintroimg
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}
@-moz-keyframes myintroimg /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}
@-webkit-keyframes myintroimg /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}

@-o-keyframes myintroimg /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;top:-50px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;top:0px;}
}

.gnqdmain{ background:#094375 url(bg02.gif) no-repeat; padding-bottom:75px;}
.menutab dl{height:38px; border-radius:5px;margin-top:30px;border:1px solid #27a6e0;}
.menutab dl dt{ font-weight:normal; font-size:18px; line-height:38px;color:#fff;width:50%;float:left; text-align:center; cursor:pointer}
.menutab dl dt.curr{background:#27a6e0;color:#fff;}
.gongneng .mainbox{padding-top:30px;}
.gongneng table tr td{ padding:5px;}
.gongneng table{border-width: 1px;border-color: #e1e1e1;border-collapse: collapse;}	
.gongneng table tr td{border-width: 1px;padding:10px;font-size:13px; line-height:20px;border-style: solid;background:#fff;border-color: #e1e1e1;color:#818181;}
.gongneng table .oddrowcolor{background-color:#f5f5f5;font-size:18px;color:#414141;}
.gongneng table .evenrowcolor{color:#666;font-size:16px;}
.mainbox{width:1190px;margin:0 auto;}
.show { display: block !important; }
.hide { display: none !important; }
.pos { position: relative; z-index:100;}

.summary{ width:1180px; margin:0px auto; background:url(../images/jiren_probg.png) no-repeat 0px 22px;}
.summary ul li{ width:590px; height:200px; float:left}
.summary .sum1{ margin-top:55px;}
.summary .sum_left{ width:230px; float:left}
.summary .sum_left img{ width:200px; height:180px;}
.summary .sum_right{ width:300px; float:left}
.summary .sum_right p{ padding:30px 0px 10px 0px; font-size:16px; color:#61656a}
.summary .sum_right span{ font-weight:bold}
.summary .sum_left1{ width:200px; padding-left:30px; float:right}
.summary .sum_left1 img{ width:200px; height:180px; }
.summary .sum_right1 p{ padding:30px 0px 10px 0px; font-size:16px; color:#474747}
.summary .sum_right1 span{ font-weight:bold}
.summary .sum_right1{width:300px; float:right}

#order_nav {margin-top:20px; padding-bottom:15px;}
#order_nav .lists { width: 1200px; }
#order_nav .lists li { width: 180px; height: 70px; float: left;position: relative; padding: 0 20px 48px 20px; background:#fff; margin:20px 20px 0px 0px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .lists li:hover{ background:#39F; color:#fff;}
#order_nav .lists li:hover span{ color:#fff;}
#order_nav .lists li a { display: block; width: 100%; height: 100%; }
#order_nav .lists li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .lists li .ico { width: 50px; height: 50px; position: absolute; left: 85px; top: 15px; background:url(../images/74641345641.png);z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .lists li ._1 { background-position:-13px -164px; }
#order_nav .lists li ._2 { background-position:-178px -15px; }
#order_nav .lists li ._3 { background-position:-179px -164px; }
#order_nav .lists li ._4 { background-position:-13px -93px; }
#order_nav .lists li ._5 { background-position:-348px -18px; }
#order_nav .lists li ._6 { background-position:-266px -91px; }
#order_nav .lists li ._7 { background-position:-95px -17px; }
#order_nav .lists li ._8 { background-position:-13px -17px; }
#order_nav .lists li ._9 { background-position:-94px -93px; }
#order_nav .lists li ._10 { background-position:-348px -92px; }
#order_nav .lists li ._11 { background-position:-265px -15px; }
#order_nav .lists li ._12 { background-position:-93px -164px; }
#order_nav .lists li ._13 { background-position:-179px -323px; }
#order_nav .lists li ._14 { background-position:-263px -164px; }
#order_nav .lists li ._15 { background-position:-348px -164px; }
#order_nav .lists li p { width: 100%; position: absolute; left: 0; top: 75px; text-align: center; }
#order_nav .lists li p span { font-size: 16px;height:26px; line-height:26px; overflow:hidden; display: block;color:#61656a;}

#order_nav .lists li.on {}
#order_nav .lists li.on .ico { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
/*详情页结束*/


/*网站介绍页开始*/
.wangzhan{ overflow:hidden;width:1140px; height:133px; margin-top:40px;}
.wangzhan .wz_logo{ width:245px; height:95px; border:1px solid #CCC; float:left; padding:18px 18px; margin-right:20px;}
.wangzhan .wz_logo img{ width:100%;}
.wangzhan h4{ color:#5c5c5c; font-size:18px; line-height:38px;}
.wangzhan h4 a{ color:#2da0dc;}
.wangzhan h4 a:hover{ text-decoration:underline;}
.dtxq .p_v{ font-size:14px; margin-top:30px; margin-bottom:30px;}
.dtxq .p_f img{ width:60%;}
/*网站介绍页结束*/


/*案例列表开始*/
.lists{ width:100%; background-color:#edf2f5; padding: 15px 0px;}
.lists .list_nrs{ width:1190px; margin:0 auto; overflow:hidden;}
.lists .list_nrs .list_img{ width:1190px; height:160px;}
.lists .list_nrs .list_l ul li a{ color: #000;font-size: 16px; }

.cp_list{ width:890px; overflow:hidden;}
.cp_list ul li{ width:890px; height:225px; overflow:hidden; margin-bottom:20px; background-color:#fff;}
.cp_list ul li .anli_img{ width:232px; height:170px; float:left; padding:15px;}
.cp_list ul li .anli_img img{ width:100%;}
.cp_list ul li h6{ font-size:18px; font-weight:bold; line-height:45px;}
.cp_list ul li p{ line-height:30px; text-indent:2em; padding-right:15px;}
.dtxqs_box{ width:1190px; overflow:hidden;}
.dtxqs_box .list_l{ float:left; width:280px; padding-bottom:20px; margin-top:15px; background-color:#fff;}
.dtxqs_box .list_l h3{ width:280px; height:40px; line-height:40px; text-align:center; background-color:#2B77C3; color:#FFF;}
.dtxqs_box .list_l .dh_nr{ width:280px;}
.dtxqs_box .list_l .dh_nr li{ width:280px; height:40px;  text-align:center; line-height:40px;}
.dtxqs_box .list_l .dh_nr li:hover{ background-color:#C4DCF5; border-bottom:1px solid #2B77C3;}
.dtxqs_box .list_l .dh_nr .ch{ background-color:#C4DCF5; border-bottom:1px solid #2B77C3;}



.dtxqs{ width:890px; margin-top:15px; float:right; }
.dtxqs .dao_hs{ overflow:hidden; background-color:#fff; margin-bottom:20px; padding:10px 0 10px 20px;}
.dtxqs .dao_hs .p_a{ display:block; width:870px; height:20px; line-height:20px; float:left;}
.dtxqs .dao_hs .p_a a{ color:#666; font-size:15px;}
.dtxqs .dao_hs .p_a a b{ font-weight:normal; color:#999;}
.dtxqs .dao_hs .p_a span{ margin:0px 5px;}

/*案例列表结束*/






/*底部开始*/
.footer{ width:100%; height:275px; background-color:#36393e; font-size:14px; padding-top:65px;}
.footer .footer_nr{ width:1190px; height:275px; margin:auto; overflow:hidden;}
.footer .footer_nr .l{ float:left; width:525px; overflow:hidden;}
.footer .footer_nr .l .p_dh{ line-height:34px;}
.footer .footer_nr .l .p_dh a{ color:#c1c9cf; text-decoration:none;}
.footer .footer_nr .l .p_dh a:hover{ color:#fff;}
.footer .footer_nr .l .p_dh span{ color:#c1c9cf; margin:0px 15px;}
.footer .footer_nr .l .p_bq{color:#c1c9cf; line-height:34px;}
.footer .footer_nr .l .p_bq a{ color:#e5f41f;}
.footer .footer_nr .l .dhhm{margin-top:25px; overflow:hidden;}
.footer .footer_nr .l .dhhm .dhhm_l{ float:left;}
.footer .footer_nr .l .dhhm .dhhm_l input{width:390px; height: 42px; font-size:14px; line-height:42px; border: none; padding-left: 15px;}
.footer .footer_nr .l .dhhm .dhhm_r{ float:left; background:#ff4a00; height:44px; color:#fff; line-height: 44px; padding: 0px 25px; margin-left:10px; }
.footer .footer_nr .r{ float:right; width:410px; overflow:hidden;}
.footer .footer_nr .r .dianhua{ width:355px; height:46px; background:url(../images/dianhua.jpg) no-repeat; font-size:30px; color:#fff;font-weight:bold; line-height:46px;overflow: hidden; padding-left:55px;}
.footer .footer_nr .r p{ margin-left:55px; color:#c1c9cf; margin-top:10px;}
.footer .footer_nr .r ul li{ float:left; margin-right:25px; margin-top:20px;}
.footer .footer_nr .r ul li .qy_logo{ width:}
/*底部结束*/  
 
 
 
    
/*返回顶部开始*/  
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.yb_conct{position:fixed;z-index:9999999; top:350px; right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_purchase{text-indent:0;background:#ff4a00 url(../images/fixCont.png?v=1) no-repeat  0 -226px ;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff!important;}
.yb_QQ a:hover{ color:#fff!important;}

.yb_purchase a{display:block;text-indent:54px;width:100%;height:100%;color:#fff!important;}
.yb_purchase a:hover{ color:#fff!important;}
/*返回顶部结束*/  
   


/*新的模板2017-05-17 start */

    .jdgg {
        width: 1190px;
        height: 490px;
        padding-top: 30px;
        margin: auto;
        overflow: hidden;
    }

.jdgg .left {
    float: left;
    width: 805px;
    height: 450px;
    border-radius: 8px;
    background-color: #82d1f3;
    padding-top: 5px;
}

.jdgg .left .nr {
    width: 795px;
    height: 445px;
    border-radius: 8px;
    margin-left: 5px;
    overflow: hidden;
}
    /*焦点图代码开始*/
.focus {
    position: relative;
    width: 795px;
    height: 445px;
    background-color: #000;
    float: left;
}

.focus img {
    width: 795px;
    height: 445px;
}

.focus .shadow .title {
    width: 260px;
    height: 65px;
    padding-left: 30px;
    padding-top: 20px;
}

.focus .shadow .title a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden;
}

.focus .btn {
    position: absolute;
    bottom: 34px;
    left: 510px;
    overflow: hidden;
    zoom: 1;
}

.focus .btn a {
    position: relative;
    display: inline;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    margin: 0 5px;
    color: #B0B0B0;
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #D9D9D9;
}

.focus .btn a:hover, .focus .btn a.current {
    cursor: pointer;
    background: #fc114a;
}

.focus .fPic {
    position: absolute;
    left: 0px;
    top: 0px;
}

.focus .D1fBt {
    overflow: hidden;
    zoom: 1;
    height: 16px;
    z-index: 101;
}

.focus .shadow {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 100;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,0.6);
    display: block;
    text-align: left;
}

.focus .shadow a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑","宋体";
    overflow: hidden;
    margin-left: 10px;
}

.focus .fcon {
    position: relative;
    width: 100%;
    float: left;
    display: none;
    background: #000;
}

.focus .fcon img {
    display: block;
}

.focus .fbg {
    bottom: 10px;
    right: 10px;
    position: absolute;
    height: 20px;
    z-index: 200;
}

.focus .fbg div {
    margin: 4px auto 0;
    overflow: hidden;
    zoom: 1;
    height: 14px;
    width: 100px;
    height: 25px;
    float: right;
}

.focus .D1fBt a {
    position: relative;
    display: inline;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    margin: 0 5px;
    color: #B0B0B0;
    text-decoration: none;
    outline: 0;
    float: left;
    background: #D9D9D9;
}

.focus .D1fBt .current, .focus .D1fBt a:hover {
    background: #fc114a;
}

.focus .D1fBt img {
    display: none;
}

.focus .D1fBt i {
    display: none;
    font-style: normal;
}
    /*焦点图代码结束*/

.jdgg .right {
    float: right;
    width: 360px;
    height: 444px;
    border-radius: 8px;
    background: #fff;
    padding-top: 5px;
    overflow: hidden;
    padding: 5px 5px;
}

.jdgg .right h4 {
    display: block;
    width: 350px;
    height: 35px;
    line-height: 35px;
    border-bottom: 3px solid #03a2e7;
    font-size: 20px;
    color: #F00;
    font-weight: bold;
    padding-left: 10px;
}

.jdgg .right p {
    display: block;
    width: 340px;
    height: 35px;
    background: url(images/7bg.png) no-repeat;
    overflow: hidden;
    line-height: 35px;
    padding-left: 20px;
}

.jdgg .right p a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.jdgg .right p a:hover {
    color: #F00;
}

.jdgg .right h5 {
    display: block;
    width: 350px;
    height: 25px;
    text-align: right;
    padding-right: 5px;
}

.jdgg .right h5 a {
    font-size: 14px;
    color: #03a2e7;
    font-weight: bold;
}


#callboard {
    width: 1175px;
    margin: 100px auto 0;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    margin: auto;
    padding-left: 15px;
}

#callboard ul {
    padding: 0;
}

#callboard li {
    padding: 0;
}

#callboard li img {
    float: left;
}

#callboard li a {
    color: red;
}  

/*新的模板2017-05-17 end*/