@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0; color:#343434;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 arial,\5b8b\4f53;color:#000;outline:0;}
body{background:#fff; font-size:14px; font-family:"微软雅黑";}
address,cite,dfn,em,var {font-style:normal; }
code,kbd,pre,samp {font-family:couriernew, courier, monospace; }
small{font-size:12px;}
ul,ol {list-style:none;}
a{text-decoration:none; color:#343434; }
a:hover{text-decoration:none; }
sup{vertical-align:text-top; }
sub{vertical-align:text-bottom; }
img{vertical-align:bottom;}
.clear{clear:both;}
a,input,button{outline:none; }
::-moz-focus-inner{border:0px;}
/*******************************************初始化完成*******/
.topbar{
	width:100%;
	min-width:1300px;
	box-shadow:2px 2px 5px #ccc;
	background:#fff;
	position:fixed;
	top:0;
	z-index:5;}
.topbar .logo{
	float:left;
	width:20%;
	margin-left:80px;
	padding:25px 0;}
.topbar .logo a{}
.topbar nav{
	float:right;
	width:880px;
	margin-top:40px;
	margin-right:20px;}
.topbar nav li{width:110px;float:left;}
.topbar nav li a{
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	padding-bottom:15px;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;}
.topbar nav li a:hover{color:#0198f1;border-bottom:2px #0198f1 solid;}
.topbar nav .naa a{color:#0198f1;border-bottom:2px #0198f1 solid;}
.header{margin:0 auto; width:1250px !important;}
/*轮播*/
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; min-width:1300px;}
.slides{position:relative;z-index:1;}
.slides li{ width:100%; min-width:1300px; position:relative;}
.slides li .banner_btn{ position:absolute; bottom:7%; left:45%; display:block; width:150px; height:45px;  text-align:center; line-height:45px; color:#fff; font-size:18px; border-radius:5px;}
.slides li .banner_btn:hover{ }
.slides li img{ width:100%; min-width:1300px;}
.slides .li1{ }
.slides .li2{ background:#2C68E1;}
/*圆点*/
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:30%;}
.flex-direction-nav li a{display:block;width:65px;height:165px;overflow:hidden;cursor:pointer;position:absolute; background:#0198f1;}
/*把手*/
.flex-direction-nav li a.flex-prev{left:0; background:url(../images/left.jpg) no-repeat top center;}
.flex-direction-nav li a.flex-next{right:0; background:url(../images/right.jpg) no-repeat top center;}
/*首页案例*/
.home_case{width:100%; min-width:1300px;}
.home_case li{width:25%; float:left; position:relative; overflow:hidden; height:320px;}
.home_case li:hover .hid{bottom:0;}
.home_case li img{height:100%; width:100%;}
.home_case li:hover .black{opacity: 0;filter:alpha(opacity=0);}
.home_case li .black{
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	opacity: 0.55;
	filter:alpha(opacity=55);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;}
.home_case li .hid{
	width:100%;
	background:#1c1c1c;
	height:25%;
	overflow:hidden;
	padding:10px 0 10px 0;
	position:absolute;
	bottom:-35%;
	left:0;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;}
.home_case li .hid h1{
	font-size:20px;
	color:#fff;
	padding-left:15px;}
.home_case li .hid p{
	font-size:14px;
	color:#fff;
	padding-left:15px;
	line-height:30px;}
.home_case .case_more{
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;}
.home_case .case_more:hover{
	opacity: 0.8;filter:alpha(opacity=80);}
/*案例菜单*/
.home_case_menu ul{ width:485px; margin:25px auto; background:url(../images/cur.jpg) no-repeat ; padding-left:45px; background-position-y:20px;}
.home_case_menu li{
	float:left;
	width:125px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#e6e6e6;
	overflow:hidden;
	border-radius:5px;
	margin-right:30px;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
    margin-top:20px;
}
.home_case_menu li a{ color:#343434; border-left:2px #343434 solid; padding-left:5px;}
.home_case_menu li:hover{
	background:#0198f1;}
.home_case_menu li:hover a{
	color:#fff; border-left:2px #fff solid;}
.home_case_menu .al{background:#0198f1;}
.home_case_menu .al a{color:#fff; border-left:2px #fff solid;}
/*container全局*/
.container{
	width:100%;
	min-width:1300px;
	padding:60px 0 0 0;}
.section .container{}
.container .home_title{
	text-align:center;}
.container .home_title h1{
	font-size:30px;
	color:#343434;
	margin-bottom:10px;}
.container .home_title hr{
	background:#c8c8c8;
	height:1px;
	border:none;}
.container .home_title p{
	margin-top:5px;}
.container .home_title .en{
	color:#0198f1;
	font-size:12px;}
.container .home_title .slogan{font-size:15px; font-weight:bold;}
.container section{
	width:1100px;}
/*服务*/
.jpfw{background:url(../images/service_list_bg.jpg) no-repeat top center;}
.service_list{
	margin:60px auto}
.service_list ul{
	width:1125px;}
.service_list ul li{
	width:120px;
	float:left;
	color:#fff;
	cursor:pointer;
	background:#9fb0be;
	text-align:center;
	padding:40px 40px 10px 40px;
	margin-right:25px;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;}
.service_list ul li em{
	font-size:60px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);}
.service_list ul li:hover em{
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);}
.service_list ul li:hover p{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);}
service_list ul li figcaption {
	padding: 3em;}
figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.service_list ul li h2{
	color:#fff;
	margin-top:10px;
	padding-bottom:5px;
	font-size:18px;
	padding: 20% 0 20px 0;}
.service_list ul li p{
	color:#fff;
	font-size:14px;
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}
.service_list ul li:hover{
	background:#0198f1;}
/*首页新闻*/
.home_news_list{
	margin:30px auto;}
.home_news_list ul{}
.home_news_list li{
	width:520px;
	height:150px;
	overflow:hidden;
	background:#e6e6e6;
	position:relative;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;}
.home_news_list li:hover{
	background:#d7d4d4;}
.home_news_list li .news_left_img{
	width:200px;
	float:left;}
.home_news_list li .news_right_title{
	width:260px;
	float:right;
	padding-top:20px;
	padding-right:40px;}
.home_news_list li .news_right_title h3{}
.home_news_list li .news_right_title .news_time{
	font-size:12px;
	color:#999;
	margin-top:5px;
	border-bottom:2px #0198f1 solid;}
.home_news_list li .news_right_title .lead{
	font-size:12px;
	color:#999;
	margin-top:15px;}
.home_news_list li .news_right_title em{
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:28px;
	background:#0198f1;}
.home_news_list li .news_right_title em a{ color:#fff;}
.home_news_list li .news_right_title em:hover{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);		/* IE 9 */
	-webkit-transform: rotate(90deg);	/* Safari and Chrome */
	-o-transform: rotate(90deg);		/* Opera */
	-moz-transform: rotate(90deg);		/* Firefox */
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;}
/*合作伙伴*/
.hzhb{
	background:#f2f2f2;}
.firend_list{
	margin:25px auto;}
.firend_list ul{
	width:1115px;}
.firend_list ul li{
	width:208px;
	margin-bottom:15px;
	margin-right:15px;
	float:left;
	background:#fff;
	border-radius:5px;}
.firend_list ul li a{
	display:block;
	/*height:100%;*/
	padding:35px 0;
	text-align:center;}
/*底部*/
.footer_bg{
	width:100%;
	padding-top:30px;
	min-width:1300px;
	background:url(../images/footer_bg.jpg) no-repeat top center;}
.footer_bg1{
	width:100%;
	min-width:1300px;}
.footer_bg footer{
	width:1100px;
	margin:0 auto;}
.footer_bg footer .footer_top{
	width:525px;
	margin:0 auto;}
.footer_bg footer .footer_top p{
	text-align:center;
	color:#fff;
	margin-top:30px;}
.footer_bg footer .home_contact{
	margin-top:85px;}
.footer_bg footer .home_contact h1{
	font-size:18px;
	color:#fff;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:1px #fff solid;}
.footer_bg footer .home_contact h1 span{
	font-size:14px;
	margin-left:10px;}
.footer_bg footer .home_contact ul{
	margin-top:40px;}
.footer_bg footer .home_contact ul li{
	float:left;
	color:#fff;
	margin-left:45px;}
.footer_bg .bottom_bg{
	width:100%;
	margin-top:55px;
	height:45px;
	background:#0473cc;}
.footer_bg .bottom{
	width:1100px;
	margin:0 auto;}
.footer_bg .bottom li{
	float:left;
	color:#fff;
	line-height:45px;}
.footer_bg .bottom li a{
	color:#fff;
	margin-right:50px;}
.footer_bg .bottom .copy{
	margin-right:250px;}


/**/
.footer_bg1{
	width:100%;
	padding-top:30px;
	min-width:1300px;}
.footer_bg1 .bottom_bg{
	width:100%;
	height:45px;
	background:#0473cc;}
.footer_bg1 .bottom{
	width:1100px;
	margin:0 auto;}
.footer_bg1 .bottom li{
	float:left;
	color:#fff;
	line-height:45px;}
.footer_bg1 .bottom li a{
	color:#fff;
	margin-right:50px;}
.footer_bg1 .bottom .copy{
	margin-right:250px;}
/*侧边*/
/*.go_top{
	width:40px;
	position:fixed;
	bottom:10%;
	z-index:99;
	right:20px;}
.go_top li{
	width:40px;
	height:40px;
	text-align:center;}
.go_top li a{
	display:block;
	font-size:24px;
	line-height:40px;
	color:#fff;}
.go_top li .fa-home{
	background:#d3d3d3;}
.go_top li .fa-angle-up{
	background:#0198f1;}*/
/*********************************************内页开始**/
.case_list_bg{
	margin:55px auto;
	width:1100px;}
.case_list{
	width:1120px;}
.case_list .list{
	width:260px;
	float:left;
	margin-right:20px;}
.case_list .list li{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	box-shadow:2px 2px 5px #ccc;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;}
.case_list .list li:hover{
	box-shadow:2px 2px 10px #b6b4b4;}
.case_list .list li:hover .black{
	opacity: 0.55;
	filter:alpha(opacity=55);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;}
.case_list .list li:hover .hid{ bottom:0;}
.case_list .list li a{
	display:block;}
.case_list .list li a .black{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0;
	filter:alpha(opacity=0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;}
.case_list .list li .hid{
	width:100%;
	background:#1c1c1c url(../images/case_list_bg2.png) no-repeat right 20px center;;
	height:15%;
	overflow:hidden;
	padding:10px 0 10px 0;
	position:absolute;
	bottom:-40%;
	left:0;
	transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;}
.case_list .list li .hid h1{ color:#fff; padding-left:15px;}
.case_list .list li .hid p{ color:#fff; padding-left:15px;}
.case_list .case_list1 li{ height:308px;}
.case_list .case_list2 li{ height:347px;}
.case_list .case_list3 li{ height:386px;}
.case_list .case_list4 li{ height:248px;}
.alzs{ }
/*顶部abnner*/
.top_banner{
	width:100%;
	height:340px;
	padding-top:100px;
	min-width:1300px;}
.top_banner1{
	background:url(../images/top_banner1.jpg) no-repeat bottom center;}
.top_banner2{
	background:url(../images/top_banner2.jpg) no-repeat bottom center;
	height:700px;}
.top_banner4{
	background:url(../images/top_banner3.jpg) no-repeat bottom center;}
.top_banner5{
	background:url(../images/top_banner4.jpg) no-repeat bottom center;}
/*定制开发*/
.dz_list{
	width:1100px;
	margin:0 auto;
	padding-top:30px;}
.dz_list ul{
	width:1140px;}
.dz_list li{
	width:243px;
	border:1px #807f7f solid;
	padding:20px 0;
	margin-right:40px;
	float:left;
	position:relative;}
.dz_list li .pop{
	position:absolute;
	left:10px;
	bottom:-25px;
	width:200px;
	padding:10px;
	border:1px #ddd solid;
	border-radius:3px;
	background:#f1f1f1;
	box-shadow:0 0 5px #f3f3f6;
	transition: all .2s ease-out;
    opacity: 0;}
.dz_list li:hover .pop{
	opacity: 1;}
.dz_list li em{
	display:block;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50%;
	overflow:hidden;
	color:#fff;
	background:#00ccff;
	font-size:42px;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;}
.dz_list li em:hover{
	background:#0198f1;
	border-radius:0%;}
.dz_list li p{
	text-align:center;
	margin-top:25px;}
.dz_bg{
	background:url(../images/dz_bg.jpg) no-repeat top center;
	padding:260px 0;}
.dz_bg .dz_content{
	width:1100px;
	margin:0 auto;}
.dz_bg .dz_content p{
	color:#fff;
	text-align:right;
	font-weight:bold;}
.dz_bg .dz_content p span{
	color:#0198f1;}
.dz_bg .dz_content p a{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	border-radius:5px;
	background:#0198f1;
	color:#fff;
	float:right;
	margin-top:45px;
	margin-right:100px;}
.top_banner3{
	width:100%;
	min-width:1300px;
	height:400px;
	padding-top:100px;
	background:url(../images/contact_bg.jpg) no-repeat bottom center;}
/* adv */
.adv{margin:6px auto 0 auto;}
.adv ul{margin-top:80px;margin-bottom:80px;}
.adv ul li{float:left; width:200px; text-align:center;margin-left:120px;}
.adv_right{margin-top:20px;}
/*联系我们*/
.contact_list{
	width:1100px;
	margin:35px auto;}
.contact_list li{
	float:left;
	margin-left:50px;}
.contact_list li p{
	margin-bottom:20px;}
.contact_list li .contact_title{
	font-weight:bold;
	padding-bottom:10px;
	margin-top:35px;
	border-bottom:1px #d2d2d2 solid;}
.contact_list .li_left{
	width:180px;
	margin-top:35px;
	text-align:center;}
.contact_list .li_left em{
	font-size:48px;}
.contact_list .li_left p{
	font-size:22px;
	margin-top:10px;}
.contact_list .li_cont{
	width:380px;}
.contact_list .li_right{
	width:380px;}
.contact_list .li_right p a{
	padding:3px 15px;
	border:1px #d2d2d2 solid;
	border-radius:10px;}
.contact_list .li_right p a:hover{
	border:1px #333 solid;}
/*关于我们*/
.fp-auto-height{
	height: auto !important;}
.about .about_main{
	margin:0 auto;
	padding-top:60px;}
.about .about_main p{
	text-align:center;
	line-height:25px;}
.about .about_main .about_img_list{
	margin:25px 0;}
.about .about_main .about_img_list ul{
	width:1160px;}
.about .about_main .about_img_list li{
	width:250px;
	height:200px;
	line-height:200px;
	text-align:center;
	background:#c0c0c0;
	float:left;
	margin-right:40px;}
.about .about_main .about_img_list li em{
	font-size:24px;
	color:#fff;}
/*新闻资讯*/
/*资质荣誉*/
.zzry{
	width:1100px;
	margin:0 auto;
	padding-top:10%;}
.zzry li{
	float:left;
	width:275px;}
.zzry li p{
	text-align:center;
	margin-bottom:25px;}
/*专业团队*/
.about_form{
	margin:3% auto;
	width:1040px;}
.about_form .about_from_float input{
	width:285px;
	height:40px;
	border:1px #dadada solid;
	font-family:"微软雅黑";
	padding-left:10px;}
.about_form .about_from_float p{
	font-size:16px;}
.about_form .about_from_float p span{
	color:#f00;}
.about_form .name{
	width:285px;
	float:left;}
.about_form .phone{
	width:285px;
	float:left;
	margin-left:85px;}
.about_form .email{
	width:285px;
	float:right;}
.about_form .cent{
	width:100%;
	margin-top:30px;}
.about_form .cent textarea{
	width:850px;
	padding:10px;
	height:100px;
	border:1px #dadada solid;}
.about_form .about_from_float{ position:relative;}
.about_form .about_from_float .btn{ position:absolute; top:12px; right:-20px; width:120px; height:120px; cursor:pointer;}
/*建站与服务*/
.section1{ background:url(../images/section1.jpg) no-repeat 50%;}
.section2{ background:url(../images/section2.jpg) no-repeat 50%;}
.section3{ background:url(../images/section3.jpg) no-repeat 50%;}
.section4{ background:url(../images/section4.jpg) no-repeat 50%;}
.section5{ background:url(../images/section5.jpg) no-repeat 50%;}
/*软件开发*/
.center_wrap{
	width:1000px;
	margin:0 auto;
	padding-top:17%;}
.center_wrap .introduced_left{
	width:360px;
	float:left;}
.center_wrap .introduced_right{
	float:right;
	width:380px;}
.center_wrap h1{
	font-size:36px;
	font-weight:bold;
	margin-bottom:15px;}
.center_wrap h1 em,span{
	color:#03a5e3;
	font-weight:bold;}
.center_wrap p{
	text-align:justify;
	text-indent:2em;
	line-height:27px;
	font-size:16px;}
.center_wrap a{
	display:block;
	margin-top:15px;
	width:125px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#0198f1;
	overflow:hidden;
	color:#fff;
	border-radius:5px;}
.wrap_bg1{ background:url(../images/section2_11.png) no-repeat right 200px; height:420px;}
.wrap_bg2{ background:url(../images/section4_1.jpg) no-repeat right bottom 30px; height:312px;}
.wrap_bg3{ background:url(../images/section5_1.jpg) no-repeat left bottom; height:310px;}
/*更多服务*/
.wrap_more{
	width:1100px;
	margin:0 auto;
	padding-top:10%;}
.wrap_more h1{
	font-size:34px;
	color:#0198f1;
	font-weight:bold;}
.wrap_more h1 span{
	color:#343434;}
.wrap_more .wrap_more_list{
	margin-top:30px;}
.wrap_more .wrap_more_list .ul_2{
	border-top:1px #8c8c8c dashed;
	padding-top:25px;}
.wrap_more .wrap_more_list li{
	width:33.33%;
	float:left;
	padding-bottom:25px;}
.wrap_more .wrap_more_list li .left_ico{
	width:20%;
	float:left;}
.wrap_more .wrap_more_list li .left_ico em{
	display:block;
	width:65px;
	height:65px;
	background:#ff232e;
	color:#fff;
	line-height:65px;
	text-align:center;
	font-size:32px;
	border-radius:50%;
	overflow:hidden;}
.wrap_more .wrap_more_list li .right_text{
	width:75%;
	float:right;}
.wrap_more .wrap_more_list li .right_text h2{
	font-size:24px;
	margin-bottom:20px;}
.wrap_more .wrap_more_list li .right_text p{
	color:#8c8c8c;
	text-align:justify;}
/*文章内容页*/
.view_main{ width:1100px; margin:20px auto;}
.view_main .view_right{ float:right; width:250px; padding-top:20px;}
.view_main .view_right .v_r_menu{ margin-bottom:25px;}
.view_main .view_right .v_r_menu ul{ border-top:1px #ddd solid;}
.view_main .view_right .v_r_menu li{ border-left:1px #ddd solid; border-right:1px #ddd solid;}
.view_main .view_right .v_r_menu li a{ display:block; width:100%; height:50px; text-align:center; font-size:16px; border-bottom:1px #ddd solid; line-height:50px; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s;}
.view_main .view_right .v_r_menu li a:hover{ background:#038bdb; color:#fff;}
.view_main .view_right .v_r_menu li a em{ margin-right:10px; font-size:18px; color:#ddd;}
.view_main .view_right .v_r_menu .al a{ background:#038bdb; color:#fff;}
.view_main .view_right .v_r_menu2{}
.view_main .view_right .v_r_menu2 ul{ border-top:1px #ddd solid;}
.view_main .view_right .v_r_menu2 li{ border-left:1px #ddd solid; border-right:1px #ddd solid; padding:15px 10px;  border-bottom:1px #ddd solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.view_main .view_right .v_r_menu2 li a:hover{ color:#038bdb;}
.view_main .view_right .v_r_menu2 li em{ border-bottom:2px #038bdb solid; padding-bottom:3px;}
.view_main .view_right .v_r_menu2 .al2{ background:#f1f1f1; font-size:16px;}
.view_main .view_left{ float:left; width:808px; padding:20px;}
.view_main .view_left .view_title{ padding-bottom:10px; border:1px #ddd solid; border-bottom:0; background:#f1f1f1; padding:20px 15px;}
.view_main .view_left .view_title h1{ text-align:center; font-size:26px; margin-bottom:10px;}
.view_main .view_left .view_title p{ font-size:14px;}
.view_main .view_left .view_title p span{ margin-left:10px;}
.view_main .view_left .view_title p em{ float:right;}
.view_main .view_left aside{border:1px #ddd solid; padding:20px 15px;}
.view_main .view_left aside p{ text-indent:2em; line-height:28px;}
.view_main .view_left .page{ margin-top:25px; border:1px #ddd solid; padding:20px; position:relative;}
.view_main .view_left .page p a{ line-height:28px;}
.view_main .view_left .page p a:hover{ color:#038bdb;}
.view_main .view_left .page .back{ position:absolute; right:20px; top:40%; padding:5px 15px; background:#ddd;}

/*绑定菜单锚链接*/
#menu{
	margin: 0;
    padding: 0;
    position: fixed;
    right: 5%;
    top: 30%;
    list-style-type: none;
    z-index: 6;}
#menu li{
	border-radius:5px;
	overflow:hidden;
	margin-bottom:5px;
	border: 1px solid #9d9e9e;}
#menu li a{
	display:block;
	padding:5px;
	text-align:center;
	background:#fff;
	color:#343434;}
#menu li a em{
	color:#ff232e;
	display:block;
	font-size:24px;
	font-weight:bold;
	text-align:center;}
#menu .active a { color: #fff; background-color: #0198f1;;}
/*成功案例*/
	#gallery-wrapper {position: relative;max-width: 100%;width: 100%;margin:50px auto;}
	img.thumb {width: 333px;max-width: 333px;height: auto;}

	.white-panel {width:333px;position: absolute;background: white;border-radius: 5px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	padding: 10px;overflow:hidden;}
    .white-panel .g_zz { position:absolute; top:0; left:0; width:100%; height:100%; background:#000;
	opacity: 0;
	filter:alpha(opacity=0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;z-index:2; left:0; top:0;}
    .white-panel .g_w_img{}
    .white-panel .g_w_title{left:0; width:100%; background:#333; position:absolute; height:50px; bottom:-50px;transition-duration:0.5s;
	-webkit-transition-duration:0.5s; z-index:3;}
	.white-panel h1 {font-size: 1em; padding-left:20px; padding-top:3px;}
    .white-panel p{ padding-left:20px; color:#fff;}
	.white-panel h1 a {color: #A92733; color:#fff;}
	.white-panel:hover .g_zz{ opacity: 0.55;
	filter:alpha(opacity=55);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;}
    .white-panel:hover .g_w_title{ bottom:0;}

	#gallery-wrapper
{ 
	transition-duration:1s;
	-webkit-transition-duration:1s;}

/*软件产品*/
.section6{ background:url(../images/section6.jpg) no-repeat 50% bottom;}
.section7{ background:url(../images/section7.jpg) no-repeat 50%;}
.section8{ background:url(../images/section8.jpg) no-repeat 50%;}
.section9{ background:url(../images/section9.jpg) no-repeat 50%;}
.section10{ background:url(../images/section10.jpg) no-repeat 50%;}
.section11{ background:#eeeff1;}
.soft_bg1{ background:url(../images/section6_1.png) no-repeat right bottom;}
.soft_bg2{ background: url(../images/section7_1.png) no-repeat left bottom;}
.soft_bg3{ background: url(../images/section8_1.jpg) no-repeat right bottom;}
.soft_bg4{ background: url(../images/section9_1.png) no-repeat left bottom;}
.soft_bg5{ background: url(../images/section10_1.png) no-repeat right bottom;}
/*内容*/
.section .soft_main{ width:1100px; margin:0 auto; padding-top:17%;}
.section .soft_main .soft_cont{ width:500px;}
.section .soft_main .soft_cont .s_title{ padding:35px 0 35px 40px; background:url(../images/section_border.png) no-repeat left center;}
.section .soft_main .soft_cont .s_title h1{ font-size:34px; font-weight:bold;}
.section .soft_main .soft_cont .s_title h1 em{ color:#0198f1; font-weight:bold;}
.section .soft_main .soft_cont .s_title p{ font-size:22px;}
.section .soft_main .soft_cont .s_introduce{ font-size:14px; padding-left:40px;}
.section .soft_main .soft_cont .s_btn{ width:160px; height:40px; line-height:40px; background:#0198f1; text-align:center; color:#fff; font-size:16px; display:block; border-radius:5px; margin-top:45px;}
/*盒子左*/
.section .soft_main .soft_left{}
/*盒子右*/
.section .soft_main .soft_right{ float:right;}
/*红边框*/
.section .soft_main .soft_cont .s_red{ background:url(../images/section_border_red.png) no-repeat left center;}
.section .soft_main .soft_cont .s_red h1{ color:#db383e;}
.section .soft_main .soft_cont .s_red h1 em{ color:#fff;}
.section .soft_main .soft_cont .s_red p{ color:#fff;}
/*底部图标列表*/
.section .soft_list_bg{ width:1165px; margin:0 auto; padding-top:12%;}
.section .soft_list_bg .s_m_title{ text-align:center;}
.section .soft_list_bg .s_m_title h1{ font-size:38px; font-weight: bold;}
.section .soft_list_bg .s_m_title p{ font-size:16px; color:#03a5e3;}
.section .soft_list_bg .soft_list{ margin-top:100px;}
.section .soft_list_bg .soft_list ul{ width:1175px;}
.section .soft_list_bg .soft_list ul li{ width:225px; margin-right:10px; float:left; background:#fff; text-align:center; transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s;}
.section .soft_list_bg .soft_list ul li .top_ico{}
.section .soft_list_bg .soft_list ul li .top_ico em{ display:block; width:90px; height:90px; margin:0 auto; line-height:90px; text-align:center; color:#fff; border-radius:50%; font-size:54px; margin-top:-45px; border:7px #fff solid; box-shadow:0 0 5px 5px rgba(0,0,0,0.05); transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s; cursor:pointer;}
.section .soft_list_bg .soft_list ul li h2{ font-size:22px; margin-bottom:25px; margin-top:20px; transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s;}
.section .soft_list_bg .soft_list ul li p{ font-size:12px; padding-bottom:10px; transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s;}
/*动画*/
.section .soft_list_bg .soft_list ul li:hover em{ font-size:14px;}
.section .soft_list_bg .soft_list ul li:hover h2{ opacity:0.5;}
.section .soft_list_bg .soft_list ul li:hover p{ padding-bottom:50px;}

.toolbar{
	position:fixed;
	width:40px;
	right:20px;
	bottom:10%;
	z-index:9999;}
.toolbar .go_top{
	width:40px;
	height:40px;
	background:#0198f1;
	display:block;
	text-align:center;}
.toolbar .go_top em{
	line-height:40px;
	font-size:24px;
	color:#fff;}
.toolbar .ico{
	width:40px;
	height:40px;
	background:#0198f1;
	text-align:center;
	margin-top:2px;
	position:relative;}
.toolbar .ico:hover .hid{
	display:block;}
.toolbar .ico:hover{
	background:#0198f1;
	transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-o-transition-duration:0.4s;}
.toolbar .ico .hid{
	position:absolute;
	display:none;
	padding:5px;
	width:105px;
	height:105px;
	border:1px #ccc solid;
	background:#fff;
	left:-117px;
	top:0;}
.toolbar .ico .hid p{
	font-size:12px;}
.toolbar .ico a{
	display:block;}
.toolbar .ico a em{
	line-height:40px;
	font-size:24px;
	color:#fff;}
.jiu {
	position:absolute;
	right:3%;
	top:0;
	font-size:14px;
	width:110px;
	background:#0198f1;
	text-align:center;
	border-radius:0 0 5px 5px;
}
.jiu a{ color:#fff;}
@media screen and (min-width: 1px) and (max-width : 1100px){/*大于320小于1100分辨率样式*/
.topbar{ min-width:100%;}
.topbar .header{ width:100%;}
.topbar .logo{ margin-left:0;}
.topbar nav{ margin-right:0; width:80%;}

.about{ min-width:100%;}
/*软件*/
.section .soft_main{ width:100%;}
.section6{ background: url(../images/section6.jpg) no-repeat 50% top;}
.soft_bg1{ background: url(../images/section6_1.png) no-repeat right center;}
.section7{ background: url(../images/section7.jpg) no-repeat 50% top;}
.section8{ background: url(../images/section8.jpg) no-repeat 50% top;}
/*底部*/
.footer_bg footer{ width: 100%;}
}