﻿@charset "utf-8";
*{ margin: 0px; padding: 0px; list-style: none; text-decoration: none; font-family: "微软雅黑";}

.cont{ width: 1200px; margin: auto;}
.clear{clear: both;}
.topblack{ height: 36px; background: #393a3b; width: 100%; overflow: hidden;} 
.blakl{ float: left; color: #b0b0b0; font-size: 12px; line-height: 36px;}
.blakr{ float: right;}
.blakr li,.blakr a{color: #b0b0b0; font-size: 12px; text-decoration: none; line-height: 36px;}
.blakr li{ float: left; padding-left: 15px;}
.nav{ height: 58px; width: 1200px; margin: auto;} 
.nav_bg{background: #2d2e30; }
.logo{float: left; margin-top: 18px;}
.nav_cen{ width: 765px; float: left; margin-left: 40px;}
.nav_cen>li{ text-align: center; line-height: 58px; float: left; } 
.nav_cen li>a{ color: #fff; text-align: center; line-height: 58px; float: left;  display:block; padding: 0 20px; }
.nav_cen li a:hover{ color:#0099ff}
.nav_btn{ float: right;}
.nav_btn2 a{ display: block;height: 37px; border-radius: 5px; line-height: 37px; width: 100px; background: #09f; color: #fff; text-align: center;margin-top: 11px;}
.nav_btn2 a:hover{opacity: .8;}
.nav_btn .nav_nologin>a{ display: block; min-width: 85px; height: 37px; border-radius: 5px; float: left; color: #fff; line-height: 37px; text-align: center; margin-top: 11px; margin-left: 10px;}
.nav_log a{ /*display: block;*/ min-width: 85px; height: 37px; border-radius: 10px; /*float: left;*/ color: #fff; line-height: 37px; text-align: center; margin-top: 11px; margin-left: 3px;margin-top:12px;}
.d_nav_btn{ background: #0099ff; margin-bottom: 0;}
.d_nav_btn:hover{color:#fff; background:rgba(0,153,255,0.92)}
.z_nav_btn{ background: #00c568;}
.z_nav_btn:hover{ color:#fff; background:rgba(0,187,0,0.92)} 
.bg{ background: #f2f2f2; overflow:hidden}
.nav_cen .nav_cen_active{color:#0099ff}


.sed_nav li a {
    font-size: 14px;
    display: block;
    width: 100px;
    height: 39px;
line-height: 39px; }

/*login*/
.login_bg{ background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; top: 0px; z-index: 99; display: none; }
.login{ width: 822px; height: 469px; border-radius: 10px; overflow: hidden; margin:240px auto 0; background: #fff;}
.login_l{ width: 299px; height: 469px; float: left;}
.login_r{ width: 522px; height: 469px; float: right;}
.login_r h1{ color: #333333; font-size: 40px; font-weight: normal; text-align: center; margin: 79px 0 39px;}
.login_r input{ width: 380px; height: 41px; display: block; margin: auto; border-radius: 8px;  }
.login_r .login_r_text{ border: 1px solid #ddd; background: #f4f4f4; text-indent: 20px; font-size: 15px; margin-bottom: 14px;}
.login_r .login_r_btn{background: #0099ff; border: 1px solid #0099ff; color: #fff; font-size: 22px; margin-top: 25px; height: 44px; overflow: hidden; }
.login_last span,.login_last a{ display: block; float: left; color: #666; font-size: 14px;}
.login_last{ float: right; margin-right:71px; /*margin-top: 10px;*/}
.login_last span{ margin: 0 5px;}
.close{ float: right; width: 20px; margin: 10px 15px 0 0; border-radius: 50%; border:1px solid #999; padding: 5px; cursor: pointer;}
/*banner*/
.banner{ width: 100%; margin: auto;}
/*轮播*/

.m-carousel {
	position: relative;
	overflow: hidden
}

.m-carousel-list {
	overflow-y: hidden;
	width: 100%;
	height: 500px;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease
}

.m-carousel-list li {
	float: left;
	width: 100%;
	height: 100%;
	/*padding-bottom: 120px;*/
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 100%
}

.m-carousel-list li a {
	display: block;
	height: 100%
}

.m-carousel-list .m-carousel-title {
	font-size: 56px;
	font-weight: 700;
	padding-top: 220px;
	text-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.m-carousel-list .m-carousel-note {
	color: hsla(0, 0%, 100%, .8);
	font-size: 24px;
	text-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.m-carousel-list .m-carousel-btn {
	display: inline-block;
	width: 218px;
	height: 40px;
	line-height: 40px;
	background: -webkit-linear-gradient(right, #36e4ff, #5bbdff);
	background: linear-gradient(-90deg, #36e4ff, #5bbdff);
	border-radius: 4px;
	margin-top: 32px
}

.c-carousel-dot {
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 100%;
	text-align: center
}

.c-carousel-dot span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	border-radius: 6px;
	background: #4d4d4d;
	background: hsla(0, 0%, 100%);
	cursor: pointer;
	-webkit-transition: width .3s ease, background .3s ease;
	transition: width .3s ease, background .3s ease
}

.c-carousel-dot span:hover {
	background: #666;
	background: hsla(0, 0%, 100%, .8)
}

.c-carousel-dot span.active {
	width: 23px;
	background: #0099ff;
	cursor: default
}





/* flexslider */
.flexslider{position:relative;height:500px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.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:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.flexslider .slides a{ display:block; width:100%; height:500px}
/*data*/  
.data{  width: 100%;   overflow:hidden;background:#0099ff url(../images/sz.png) center no-repeat; margin:0 0 0 0 ; height:500px}
.data ul li{ width: 299px; float: left;  height: 74px;}
.data1topl{ font-size: 46px; color: #0066cc; font-weight: bolder; text-align: center;}
.data1topr{font-size: 16px; color: #fff;font-weight: bolder; float: left;}
.data1t{ overflow: hidden;display: -webkit-flex;    display: flex;  -webkit-justify-content: center; justify-content: center; margin-top: 8px;} 
.data1topr span{display: block;}
.data1b{ text-align: center; color: #fff; font-size: 14px; margin-top: 5px;}
.data ul{ overflow:hidden; padding-top:23px}
.data .titlebig,.data .titlesmall{color:#fff}
.data .title{ margin-bottom:80px; margin-top:60px}
.data_cont {width:1000px; margin:auto}
.data_cont dl{ width:253px; float:left; margin-left:120px}
.data_cont dl dt{  margin:auto; width}
.data_cont dl dt img {  display:block; margin:auto}
.data_cont dl dd{ margin-top:26px}
.data_cont dl dd h1{ font-size:20px; text-align:center;  color:#fff;margin:10px 0;  }
.data_cont dl dd p{ color:#fff; font-size:14px; text-align:center}
.data_cont dl:nth-child(1){ margin-left:0px}

#total{float: left;}
#total .t_num {
    display: inline-block;
    line-height: 13px;
    margin: 2px 1px 0 4px;
}

#total .t_num i {
    width: 30px;
    height: 37px;
    display: inline-block;
    background: url(../images/num.png) no-repeat;
    background-position: 0 0;
    text-indent: -999em;
}


#total .t_num2 {
    display: inline-block;
    line-height: 13px;
    margin: 2px 1px 0 4px;
}

#total .t_num2 i {
    width: 30px;
    height: 37px;
    display: inline-block;
    background: url(../images/num.png) no-repeat;
    background-position: 0 0;
    text-indent: -999em;
}

#total .t_num3 {
    display: inline-block;
    line-height: 13px;
    margin: 2px 1px 0 4px;
}

#total .t_num3 i {
    width: 30px;
    height: 37px;
    display: inline-block;
    background: url(../images/num.png) no-repeat;
    background-position: 0 0;
    text-indent: -999em;
}
#total .t_num4 {
    display: inline-block;
    line-height: 13px;
    margin: 2px 1px 0 4px;
}

#total .t_num4 i {
    width: 30px;
    height: 37px;
    display: inline-block;
    background: url(../images/num.png) no-repeat;
    background-position: 0 0;
    text-indent: -999em;
}
.datap{ margin-top: 20px;}
.cont .data4{ border-right: none;}
/*cont1*/
.cont1_bg{background:#f9f9f9;}
.cont1{ height: 497px; overflow: hidden;  }
.title{ text-align: center; margin-top: 60px;}
.titlebig{ color: #333333; font-size: 32px;}
.titlesmall{ color: #666; font-size: 20px; margin-top: 14px;}
.cont1box{ margin: 43px 0 0;}
.cont1box li{ width: 222px; height: 248px; border: 1px solid #e6e7e6; border-radius: 10px; float: left; margin-right: 16px;}
.cont1box li img{ display: block; margin:42px auto 0;}
.cont1box li div{ font-size: 18px; color: #121212; text-align: center; margin-top: 15px;}
.cont1box li p{ font-size: 14px; color: #909090; text-align: center; line-height: 18px; margin-top: 5px ;}
.cont1box li:hover{-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15); cursor: pointer;}
.cont1boxlast{ margin-right: 0px;}
.cont1btn{ width: 174px; height: 51px; display: block; background: #F5F5F5; color: #333; font-size: 16px; text-align: center; line-height: 51px; border-radius: 50px; margin:43px auto 0;}
.cont1btn:hover{ background: #0099ff; color:#fff}
/*cont2*/
.cont2{  overflow: hidden; padding-bottom: 60px;}
.cont2box{ margin-top: 21px;}
.cont2box dl{float: left; margin-right: 20px; margin-top: 20px;border-bottom:1px solid #fff }
.cont2box dl:nth-child(4n){ margin-right: 0px;}
.cont2box dl dt a{ display: block; height: 285px; width: 285px;}
.cont2box dl dd{ background: #fff; width: 285px; overflow: hidden;}
.cont2box dl dd>a{ font-size: 14px; color: #000;display:block; overflow:hidden; width:285px; height:50px; white-space: nowrap;  text-overflow: ellipsis; text-align:center; line-height:50px; overflow:hidden }
.cont2box dl dd div span a{ display: block; font-size: 14px; float: left; color: #666;}
.cont2icont{ float: right; color: #999; font-size: 12px;}
.cont2icont img,.cont2icont span{ display: block; float: left;}
.cont2icont1,.cont2icont2,.cont2icont3{  float: left;}
.cont2icont span{ font-size: 14px; color: #999; margin-left:3px;}
.cont2icont2{ margin: 5px 10px 0 10px ;}
.cont2icont1 img{ margin-top: 4px;}
.cont2icont3 img{ margin-top: 2px;}
.cont2box dl dd>div{ margin-top: 12px;}
.cont2btn{ background: #fff;}
.cont2box dl:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
	
	}
/*cont3*/
.cont3{ margin-bottom: 50px;}
.fl{ float: left;}
.fr{ float: right;}
.index-designer { margin-top: 57px;}
.index-designer ul .list { width: 24%; float: left;  margin-left: 5px; cursor:pointer; padding-bottom:18px }
.index-designer ul .list .pic { width:62px; height: 62px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 10px;margin-top:18px;}
.index-designer ul .list .pic a, .index-designer ul .list .pic a img { width: 62px; height: 62px; display: block;}
.index-designer ul .list h3 { font: bold 14px/24px "Microsoft YaHei"; margin-bottom: 10px; margin-top:18px; width:200px; height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis }
.index-designer ul .list h3 a { width: 200px; display: block;}
.index-designer ul .list:hover { background: #f7f7f7}
.index-designer ul .list .details { background: url(../images/icon-vr-address.png) left center no-repeat; padding-left:28px;width: 160px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.ellipsis a{ color: #333; font-size: 14px;}
/*cont4*/
.cont4{ background: #0099ff url(../images/sz2.png) center no-repeat; overflow: hidden; padding-bottom: 60px;}
.cont4 ul li a img{ display: block; width: 160px; /*height: 80px;*/ }
.cont4 ul li a img:hover{opacity:0.7;}
.cont4 ul li:nth-child(7n){ margin-right: 0px;}
.cont4 ul li{ margin-right: 13px;float:left; margin-bottom: 20px;}
.cont4 ul{ margin-top: 50px;}
.cont4 .titlebig{ color:#fff}
.cont4 .titlesmall{ color:#fff}
/*cont5*/
.cont5{background:#1c1f26; height: 200px; overflow: hidden;}
.cont5 p{ font-size:28px; text-align:center; color:#fff; margin-top:50px}
.cont5 .t_btn a:hover{ background:#0066cc; }
.cont5 .t_btn a{ display: block; width: 144px; height: 40px; border-radius: 50px; background: #0d81f4; font-size: 14px; color: #fff; text-align: center; line-height: 40px; margin:40px auto 0;  }
.cont5 .t_btn { width:316px; margin:auto}
.cont5 .t_btn a:nth-child(n){ float:left}
.cont5 .t_btn a:nth-child(2n){ float:right}
.cont5 .t_btn a:hover{ background:#0066cc; }

.cont5 .t_btn_222 a{ display: block; width: 200px; height: 46px; border-radius: 50px; background: #0d81f4; font-size: 16px; color: #fff; text-align: center; line-height: 46px; margin:20px auto 0;  }
.cont5 .t_btn_222 a:hover{ background:#0066cc; }

/*footer*/
.gfootbg{ background: #161719; overflow: hidden; height:475px }
#ClCache{ display: none}
*{ margin: 0px; padding: 0px; font-family: "微软雅黑";text-decoration: none; list-style: none;}
.gfooterw{ background: #161719; overflow: hidden; padding: 50px 0px; height:267px}
.gfooterwc{ width: 1200px; margin: auto;}
.gfootrtop dl{ float: left; width: 179px;}
.gfootrtop dl dt{ color: #fff; font-size: 18px; font-weight: 400;padding-bottom: 19px}
.gfootrtop dl dd a{ color: #ccc; font-size: 14px; line-height: 35px;}
.gfootrtopl{ width: 716px; overflow: hidden; float: left}

.gfootrtopc{ float: left; height: 154px;  border-left: 1px solid #2A2B2D; padding:0px 61px;}
.gfootrtopc .p1 .imgph{ width: 20px; display: inline-block; margin-right: 3px}
.gfootrtopc h5{color: #fff; font-size: 18px;  font-weight: normal;}
.gfootrtopc .p1{ font-size: 22px; color: #0099ff; height:29px; margin-top:24px; overflow:hidden; margin-bottom:18px}
.gfootrtopc .p2{ font-size: 12px; color: #ccc;margin-bottom:9px  }
.gfootrtopr{ float: left; height: 154px;  border-left: 1px solid #2A2B2D; padding-left:65px;  text-align: center;}
.gfootrtopr h5{color: #fff; font-size: 18px; padding-bottom: 12px ; font-weight: normal;}
.gfootrtopr img{ display: block; margin: auto;}
.gfootrtopr .p3{ color: #fff; font-size: 12px ;margin-top: 10px;}
.clear{ clear: both}
.box .you{ color: #646464; font-size: 12px; display:block; float:left; line-height:24px}
#friendly{width:1200px;height:auto;overflow:hidden;margin:0 auto; border-top:1px solid #2A2B2D; padding: 20px 0px;border-bottom:1px solid #2A2B2D;}
#friendly .title{width:auto;height:30px;overflow:hidden;border-bottom:1px solid #dbdbdb;font:15px/26px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;font-weight: bold;}
#friendly .box{width:1200px;height:auto;overflow:hidden;margin-top:6px;}
#friendly .box a{font:12px/22px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#646464;margin:0 5px; display:block; float:left; }
#footer{width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
#footer .line{width:auto;height:24px;overflow:hidden;text-align:center;font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;}
#footer .line a{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#666;margin:0 10px;}
#footer .line span{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;margin:0 0px;}
#footer .line a{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;margin:0 0px;}
#footer .line a:hover{text-decoration:none;color:#666;}
#footer .imgbag{width:auto;height:47px;overflow:hidden;text-align:center;margin-top:6px;}
#footer .imgbag a{margin:0 4px;}

#friendly .box a:hover{ color: #a9a9a9;}

/*产品界面*/
.pro_banner{background: url(../images/probanner_02.jpg) top center;  height: 300px;overflow: hidden;}
.sy_banner{ height: 425px;overflow: hidden ;display:block;  width:100%; z-index: 100; top:0;  background: url(../images/casebanner1.png) top center  no-repeat;  background-size:cover}
.sy_bannerw{ width:100%; height:425px; overflow:hidden}
.form{ width: 519px; height: 48px; background: #fff; border-radius: 50px; margin:162px auto 0; }
.form input,.form img,.form a{ display: block; float: left;}
.form input{ height: 43px; width: 430px;margin-left: 20px; outline:none;
    margin-top: 3px; line-height: 46px; border: none;border-radius: 50px; border: 0px ;}


.form>img{ display: block;   margin: 13px 15px 0 10px;}
.form>a{ display: block; margin-top: 11px;}
.au_titile2 .se_nav .cont .se_navl{ color: #333; float: left; margin-left:0px;}
.se_nav .cont .se_navl a{ font-size: 14px; color: #333; line-height: 45px;}
.se_nav .cont .se_navl{ color: #333; float: left; margin-left:24px;}
.se_navr{float: right; background: url(../images/jiao_03.png) center right no-repeat; color: #333; margin-right:30px; font-size: 14px; padding-right: 15px; line-height: 45px; position: relative; cursor: pointer;}

.pro_cont h1{ color: #333; font-size: 14px; font-weight: normal; margin-top: 15px;}
.pro_cont h1 a{  font-size: 14px;}
.pro_cont a dl dd h1 a{ color: #333;}
.pro_contb p,.pro_contb img{ display: block; float:left;}
.pro_cont{ overflow: hidden; }
.pro_contb p{ font-size: 13px; color: #666;}
/*.pro_contb img{ float: right; margin-bottom: 10px;}*/
.pro_contb h1 a{color: #333;font-size: 15px;font-weight: normal; margin-top: 15px; display:block; overflow:hidden; margin-bottom:12px; width:270px; height:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_cont a dl{ width: 282px;  overflow: hidden;  margin-right: 24px; margin-bottom: 26px;height: 341px;} 
.pro_cont a dl:nth-child(3n){ margin-right: 0px;}
.pro_cont dl dd{ padding: 5px;}
/*.pro_contbp2{ margin-left: 22px;}*/
/*.pro_contb{ margin-top: 22px; }*/
.pro_name a{ width:95px; height:20px; overflow:hidden;text-overflow:ellipsis; display:block;white-space:nowrap }
.pro_contsp{ width: 280px; background: rgba(0,0,0,0.2); position: absolute; top: 0px; height: 280px; left: 0px; z-index: -1; display: none;z-index:1000 }
.pro_contsp img{ display: block; margin:40px auto 0;border: 8px solid white;}
.pro_hover{ cursor: pointer; position: absolute; z-index: 999; right: 5px;z-index:1001;    margin-top: -6px;}
.pro_link{width: 282px; height: 345px; display: block; position: relative; border: 1px solid #f1f1f1;  float: left; margin: 10px 24px 10px 0px; background:#fff}
.pro_link:nth-child(4n){ margin-right:0px}
.pro_link:hover{ -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;}
.pro_hover:hover .pro_contsp{ display: block;}
.pro_link dt img{ /*position: absolute;*/ z-index: -1;}
.pro_link dt{ height: 265px;width: 280px; overflow:hidden}
/*.pro_link:nth-child(3n){ margin-right: 0px;}*/
.se_navrdown{ width: 354px; height: 156px; background:#fff  no-repeat ; position: absolute;  right: 0px;z-index: 999;  padding: 0px 0px 10px 35px; border: 1px solid #E6E7E6; border-radius: 5px; display: none; }
.se_navrdown ul li a{ display: block; color: #333; float: left;  width: 79px; line-height:43px} 
.se_navrdown ul li a:hover{ color:#0099ff}
.se_navrdown ul{ margin-top:12px}
.se_navrdownj{ width: 25px; margin-top: -13px; display: block; float:right; margin-right: 25px;}
.se_navr:hover .se_navrdown{ display: block;}
.se_nav #se_navr_conlor{color: #0066cc;}

.pro_fenye{ width: auto; margin:0 auto 0px; overflow: hidden; padding: 20px 0 30px; text-align:center;}
.pro_fenye a,.pro_fenye img{ /*display: block; float: left;*/ line-height: 29px;text-align: center;}
.pro_fenye a:nth-last-child(1){ /*float: right;*/ margin-right: 0px;}
/*.pro_fenye a,.pro_fenye img{ display: block; float: left;}*/
.pro_fenye_list{ width: 29px; height: 29px; color: #333;  }
.pro_fenye .prol{ margin-left: 0px;}
.pro_fenye .pror{ margin-right: 0px;}
.pro_fenye a{ margin: 0 5px;
    padding: 4px 10px;}
/*.pro_fenye img{ margin-top: 9px;}*/
.pro_fenye_list:hover{ background: #0066cc; color: #fff;}
.pro_fenye .pro_fenye_active{background: #0066cc; color: #fff;}
.pro_fenye .pro_fenye .stop{ background:#fff; bolder:1px solid #ccc}
/*全景作者*/
.au_top{ text-align: center; padding-top: 33px; margin-bottom: 26px; }
.au_top h1{ font-weight: normal; color: #505050; font-size: 30px;margin-bottom: 6px; margin-top:0px}
.au_top p{ color: #8c8b8b; font-size: 16px;}
.au_banner .iframe{border: none;}
.au_banner{ height: 400px; width: 1200px; overflow: hidden; background: url(../images/aubanner_03.jpg); display: block;}
.au_banner_source{background: url(../images/au_banner_sourcebg_03.png) no-repeat; width: 325px; height: 66px; margin-top: 314px; overflow: hidden;}
.au_banner_source p{ color: #fff; margin-left: 31px;}
.au_banner_source p:nth-child(1){ margin-top: 13px;}

/*au_titile*/
.au_titile2{ margin:4px auto 10px ; }
.au_titile2 .se_navr{float: right; background: url(../images/jiao_03.png) center right no-repeat; color: #333; margin-right:0px; font-size: 14px; padding-right: 15px; line-height: 45px; position: relative; cursor: pointer;}
.au_titile{ height: 45px; background: #fff; width: 1200px; margin:20px auto 10px ; }
.au_titileg2{ margin:20px auto 20px ;  }
.au_titileg2 .se_navl{ color: #333; float: left;margin-left: 24px;}
.au_titileg2 .se_navl{ font-size:14px; line-height:45px}
.se_navl .se_navr_conlor{color:#0099ff}
.bg_padding{ padding-top:34px}
.au_titilel { float: left; margin-left: 24px;}
.au_titilel span{ display: block; color: #666; font-size: 12px; float: left; line-height: 45px;}
.au_titilel .au_tui{ color: #333; font-size: 14px; line-height: 45px; float: left; margin-left:10px; } 
.au_titilelb{ float: left;  background:url(../images/jiao_03.png) no-repeat right center ;  line-height: 45px; font-size: 14px; color: #333; margin-left: 15px; cursor: pointer; position: relative; height: 45px; padding-right: 15px; }
.au_titilel_sanv{ width: 520px; margin-top: -11px; position: absolute; display: none;}
.au_titilel_sanv img{ width: 25px; display: block; margin-left: 20px;}
.au_titilel_sanv ul li{ float: left; margin: 0px 10px;}
.au_titilel_sanv ul li a{ color: #333;}
.au_titilel_sanv ul{background: #fff; border-radius: 5px; border: 1px solid #E6E7E6; overflow: hidden; padding: 5px 10px; margin-top: -1px; }
.au_titilelb:hover .au_titilel_sanv{ display: block;}
.au_titiler{ float:right; line-height: 45px;}
.au_titiler span{ display: block; float: left;color: #333; font-size: 14px; }
.au_titiler .au_titilerlei{ float: left; font-size: 14px; color: #333; height: 45px; margin-right: 30px; background: url(../images/jiao_03.png) no-repeat center right; padding-right: 15px;}
.au_titilerlei div { position: absolute;  margin-top: 30px; display: none; cursor: pointer;z-index:10}
.au_titilerlei div a{ color: #333; }
.au_titilerlei div img{ width: 25px; display: block; margin-left: 10px;}
.au_titilerlei div ul{ width: 101px; height: 91px; background: #fff;text-align: center; border-radius: 5px; border: 1px solid #E6E7E6; margin-top: -1px;}
.au_titilerlei div ul li a:hover{ color:#0099ff}
.au_titilerlei:hover .au_div { display: block;}
/*au_main*/
.au_main{ width: 1200px; margin: auto; background: #fff; padding: 30px 30px 10px; overflow: hidden; margin-bottom: 10px;}
.au_mainl div img{ border-radius: 50%; display: block;}
.au_mainc,.au_mainl,.au_mainr{ float: left;}
.au_mainl{ margin-right: 20px;}
.au_mainl{ color:#666; font-size:12px}
.au_mainc { width: 310px;}
.au_mainc dt{ font-weight: bold; font-size: 16px; color: #000;}
.au_maincadd{ background: url(../images/au_main_09.png) no-repeat center left; padding-left: 15px; color: #666; font-size: 12px; margin: 12px 0;}
.au_maincnum p{ float: left; margin-right: 15px; font-size: 14px;}
.au_maincnum p span{ font-weight: bold;}
.au_maincnum{ overflow: hidden;}
.au_mainc>dd>p{ width: 310px; height: 110px; overflow: hidden; font-size: 14px; color: #666; margin-top: 13px; line-height: 24px;}
.au_mainr{ width: 660px; float: right;}
.au_mainr li{ float: left; margin-right: 15px;}
.au_mainr li:nth-last-child(1){margin-right: 0px;}
.au_main>div{ border-bottom:1px solid #e6e7e6; overflow: hidden; padding: 20px 0; }
.au_main>div:nth-last-child(1){ border-bottom: none;}
/*author_Inner*/
.ln_banner{ height: 400px; background: url(../images/ln_bannerbg.jpg) no-repeat center top;  width: 100%; overflow:hidden}
.ln_bannercont{ color: #fff; width:1200px; margin: 170px auto 0}
.ln_bannercont dt{ width: 98px; height: 98px; overflow: hidden; border-radius: 50%; float: left;}
.ln_bannercont dd{ float: left; margin-left: 30px;}
.ln_bannercont dd p{ width: 861px; font-size: 12px; line-height: 20px; }
.ln_bannercont dd div{ font-size: 14px; margin-bottom: 8px;}
.ln_bannercont dd h1{ font-size: 22px; font-weight: normal; margin-bottom: 15px;}
/*material*/
.ma_top{ width: 1200px; margin:20px auto; background: #fff; }
.ma_top_category{ padding: 10px 30px; font-size: 14px; color: #333; overflow: hidden;}
.ma_top_category a{ color: #333; display: block; float: left; margin: 0 8px ;}
.ma_top_category span{ float: left; display: block; width: 45px; float: left;}
.g_more{ float: right; cursor: pointer;}
.ma_top_mian{ float: left; width: 1000px; height: 28px; overflow: hidden; }
.ma_top_mian a{ display: block; float: left; margin-bottom: 10px;  }
.ma_top_sort{padding: 0px 30px; font-size: 14px;line-height: 44px;border-top: 1px solid #f1f1f1;}
.ma_top_sort a{ color: #333;}
.ma_top .ma_a_active{ color:#0066CC ;}
.ma_cont{ overflow: hidden;}
.ma_cont dl{ width: 284px; height: 322px; background: #fff; border-radius: 6px; overflow: hidden; float: left; margin-right: 21px; margin-bottom: 20px;}
.ma_cont dl:nth-child(4n){ margin-right: 0px;}
.ma_cont dl dd{ line-height: 40px;}
.ma_cont dl dd a{font-size: 14px; color: #333; display: block; padding: 0 10px; overflow: visible; font-weight: bold;}
/*equipmentl*/
.eq_title{ text-align:center; font-size:32px; color:#333; margin:60px 0 3px}
.eq_heng{height:3px; width:30px; display:block; margin:auto; background:#0099ff;  margin-bottom:45px}
.eq_cont{ overflow: hidden;}
.eq_cont dl{background: #fff; overflow: hidden; width: 284px; height: 354px;float: left; margin-right: 21px; margin-bottom: 20px;}
.eq_cont dl:hover {-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;}
.eq_cont dl dd{ padding: 0 10px; text-align:center }
.eq_cont dl dd a{ color: #333; font-size: 14px; display: block; width: 264px; overflow: hidden; line-height: 24px; height: 24px;}
.eq_cont dl dd p{ color: #0066CC; font-size: 14px; font-weight: bold; margin-top: 8px;}
.eq_cont dl:nth-child(4n){ margin-right: 0px;}
.fac_more{    width: 199px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    border-radius: 50px;
    display: block;
    background: #286efa;
    color: #fff;
    margin-top: 65px;
	margin:60px auto
	
	}
.fac_more:hover{ color:#fff; background:#0099ff; }

/*修改密码*/
.passworld_bg{ background: url(../images/register_bg.jpg) no-repeat center center fixed; background-size:cover; width: 100%; height: 100px; overflow: hidden;}
.pass_logo{  margin-top: 60px; margin-left: 90px; overflow: hidden; display: block;}
.pass_main{ width: 800px; margin:120px auto 0; background: #fff; padding: 55px 0; }
.pass_main h1{ font-size: 30px; color: #424242; text-align: center; font-weight: normal; border-bottom: 1px solid #d7d3d3; width: 702px; margin: auto; padding-bottom: 15px; margin-bottom: 44px;}
.pass_miantext,.pass_mianbtn{ width: 334px; height: 41px; display: block; margin: auto; border-radius: 8px;}
.pass_miantext{ font-size: 16px;border: 1px solid #ddd; background: #f4f4f4; text-indent: 20px;  margin-bottom: 14px;}
.pass_mianbtn{background: #0099ff; border: 1px solid #0099ff; color: #fff; font-size: 22px; margin-top: 25px; height: 44px; overflow: hidden; cursor: pointer;}
/*找回密码*/
.retpass_main{width: 800px; margin:120px auto 0; background: #fff; padding: 55px 0;}
.retpass_main h1{ font-size: 30px; color: #424242; text-align: center; font-weight: normal; border-bottom: 1px solid #d7d3d3; width: 702px; margin: auto; padding-bottom: 15px; margin-bottom: 44px;}
.retpass_main1{ width: 334px; margin: auto; overflow: hidden;border-radius: 8px;height: 41px;font-size: 16px;border: 1px solid #ddd; background: #f4f4f4;  line-height: 41px; }
.retpass_main1 div,.retpass_main1 span,.retpass_main1 input{ display: block; float: left; }
.retpass_main1 div{text-indent: 10px;}
.retpass_main1 span{ margin: 0 12px ;}
.retpass_main1 input{ width: 260px; height: 40px; border: none; background: #f4f4f4; font-size: 16px;}
.retpass_main2{width: 334px; margin: auto; overflow: hidden; }
.retpass_main2 input{display: block; float: left;}
.retpass_main2 .retpass_main2_text {width:119px; height: 41px;border-radius: 8px;border: 1px solid #ddd; background: #f4f4f4;  line-height: 41px; font-size: 16px;text-indent: 20px;}
.retpass_main2 .retpass_main2_btn{ width: 101px; height: 41px; background: #0099ff; border: 1px solid #0099ff; margin-left: 12px; font-size: 16px; color: #fff; border-radius: 8px;  cursor: pointer; }
.retpass_main3{width: 334px; margin: auto; overflow: hidden;border-radius: 8px;height: 41px;font-size: 16px;border: 1px solid #ddd; background: #f4f4f4;  line-height: 41px; display: block; text-indent: 20px;}
.retpass_main4{background: #0099ff; border: 1px solid #0099ff; color: #fff; font-size: 22px; margin: 25px auto 0; height: 44px; overflow: hidden; cursor: pointer; width: 334px; display: block; border-radius: 8px; }
.retpass_main1,.retpass_main2,.retpass_main3{ margin-bottom: 14px;}
.retpass_main5{ width: 334px; margin: auto; font-size: 14px; color: #666;}
.retpass_main5 a{ color: #c03030;}
.retpass_mainend img{ display: block; margin: auto;}
.retpass_mainend p{ text-align: center; color: #848484; font-size: 16px; padding: 25px 0 10px;}
/*VIP*/
.vip_mian{ width: 1200px; margin: auto; border:1px solid #E6E7E6; background: #fff; overflow: hidden;}
.vipm_top dl{ width: 283px; height: 555px; border: 1px solid #E6E7E6; background: #fff; border-radius: 10px; float: left;}
.fpro_fenye{ padding-top:10px}
.yj_banner{width: 100%; height: 400px; background: url(../images/yingjian.jpg) center center;overflow: hidden; margin-bottom:20px}

/*20190403首页新添加 app栏目*/
.appbg{ background: #0099ff url(../images/appbg.png) center center; height: 560px; overflow: hidden;}
.appbg_cont{ width: 1200px; margin: auto;}
.appbg .banner{ background: url(../images/ic_phone.png) no-repeat; width: 284px; height: 512px; padding: 0 20px; margin-top: -50px; margin-left: 45px; float: left;}
.appbg .banner img{ display: block; width: 100%;  margin-top: 78px; }
.app_r h1{ font-size: 20px; color: #fff; font-weight:700}
.app_r{ float: left; width: 470px; margin-top: 60px; margin-left: 184px;}
.app_r span{ width: 40px; height: 4px; background: #fff; border-radius: 50px;  margin: 5px 0;display:block}
.app_r>p{ font-size: 16px; color: #fff; margin-top: 40px;}
.app_hang{ overflow:hidden}
.app_hang p{ width:70px; height:70px; border:1px solid #fff; float:left; margin-right:30px; margin-bottom:30px} 
.app_hang p:nth-child(5){margin-right:0px}
.appbg .titlebig{ color:#fff}
.appbg .titlesmall{ color:#fff}
.app_rbtn{    width: 174px;
    height: 51px;
    display: block;
    background: #fff;
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 51px;
    border-radius: 50px;
	margin-top:40px;
	color:#0099ff
    }
.app_rimg{ width:479px;height:104px}
.js-silder{
	position: relative;	
	
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 512px;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
	display: none;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

.znew{ width: 1200px; margin: auto; padding-bottom:50px}
.znew .znew_cont {margin-top:50px}
.znew .znew_cont dl .info { padding-top: 20px; color: #999; font-size: 12px;}
.znew .znew_cont dl{ width: 360px; float: left; margin-left: 60px;}
.znew .znew_cont dl .form {padding: 7px 7px 4px 7px;  margin-right: 12px;  color: #B4B4B4; background: rgba(244, 244, 244, 1); border-radius: 3px;}
.znew .znew_cont dl dd .ntitle a{width:360px;text-decoration: none;color: #666; font-size: 14px; display: block; margin-top: 16px; height: 20px;white-space:nowrap;overflow:hidden;
    text-overflow : ellipsis;}
.znew .znew_cont dl:nth-child(1){ margin-left: 0px;}
.znew .znew_cont dl dt{ width:360px; height:246px; overflow:hidden}
.znew .znew_cont dl dt a img{ width:360px; height:246px}
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
.banner_btn{ width:134px; height:36px; border-radius:50px; font-size:16px;line-height:32px; text-align:center; display:block; border:2px solid #fff; margin:24px auto 0; color:#fff}
.banner_btn:hover{ background:#fff; color:#222}


.banner_btn:visited {color:#fff;}/* 已被访问的链接 */
.banner_btn:hover {color:#222;}/* 鼠标指针移动到链接上 */
.banner_btn:active {color:#fff;}/* 正在被点击的链接 */
.banner_text{ overflow:hidden}
/*.banner_text p:nth-child(1){ font-size:16px;color:#fff;text-align:center; margin-top:134px}*/
.banner_text p:nth-child(1){ font-size:48px;color:#fff;text-align:center; line-height: 425px;}

/*20190416晚添加*/
.data2{ height:124px;}
.contbg{background: #f9f9f9;}
.cont1_x{ height: 577px;}
.cont2box_x{ overflow:hidden; padding:0 10px 10px;}
.cont5_btn_x{width: 144px;height: 40px;display: block; color: #fff;background:#0099ff; font-size:14px;line-height: 40px;text-align: center; margin: auto; border-radius: 50px; margin-top: 50px;}
.cont5_btn_x:hover{ color: #fff; background: #0490ee;}


.beian { width:330px;margin:0 auto; padding:3px 0 20px;}
.beianl p{float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393; font-size:12px}
.beianr{color:#939393; font-size:12px;float:right; line-height: 20px;}
.beian .beianl p:hover{ opacity: .8;}
.beian .beianr:hover{ opacity: .8;}
