html{
	background: #c7e8ff;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	 /*user-select:none;*/
}
body{height: auto;}
.bgt{
	background: url(../img/top-bg.jpg) repeat-x top;
	padding-top: 40px;
}
.container{
	width: 100%;
	margin:0 auto;
}
.e_contenter{
	width:100%;
}
.header{
	width:1010px;
	margin:0 auto;
	height: 46px;
	margin-bottom: 28px;
}
.logo{
	height: 46px;
	width:202px;
	float: left;

	margin-top: 1px;
}
.nav{
	margin-left:115px;
	float: left;
	position: relative;
}
.nav ul{
	overflow: hidden;
	width: 690px;
	padding-bottom: 10px;
	border-bottom: 1px solid #abcce3;
}
.nav li{
	list-style: none;
	float: left;
	font-size: 16px;
	padding:8px 11px;
	border-radius:4px;
	margin:0 20px;
}

.nav li:first-child{
	margin-left:0px;
}
.nav li:hover{
	background: #e1f2ff;
}
.gradient .nav li:hover{
	color: #000;
}
.gradient .nav li a{
	color:#fff;
	font-size: 14px;
}
.nav li a{

	color:#000;

	font-size: 14px;

}
.gradient .nav li a:hover{
	text-decoration: none;

	color: #000;
}
.gradient a span{
	color: #fff;
}
.nav li a:hover{
	text-decoration: none;
	color: #000;
}
.icon-user:hover{
	color:#32C7EE;
}
.nav_active{
	background: #033151 !important;
}

.fr{
	float: right;
	margin-top:5px;
	font-size: 18px;
	font-weight: 800;
}
.fr:hover{
	color:#32C7EE;
}
.nav p{
	font-size: 12px;
	margin-top:15px;
	margin-bottom: 10px;
}
.content{
	width: 980px;
	margin:0 auto;
	background: #033151;
	border-radius:6px;
	padding:45px 0px;
	padding-left:30px;
	position: relative;
}
.c_img{
	position: absolute;
	right: 20px;
	top: -28px;
	width: 440px;
	height: 382px;
}
.c_img .swiper-container{
	width: 100%;
}
.banner_l p{
	color:#00B6E6;
	font-size: 37px;
	text-align: left;
	width: 320px;
	margin-bottom: 30px;
	line-height: 1.2;

	font-family: "宋体"
}
.banner_l span{
	font-size: 14px;
	color:#fff;
	display: block;
	width: 440px;
	text-align: left;
	line-height: 1.8;
}
.banner_l a{
	color:#fff;
}
.main{
	width:1010px;
	overflow: hidden;
	margin:0 auto;
	padding-top:30px ;
	padding-bottom: 30px;
}
/*.btn	{
	background: url(../img/batton-middle.png) center;
	border-radius:3px;
	padding:20px 49px;
	float: left;
	transition: all .5s ease-in-out;
}*/
.btn a{
	font-size: 18px;
	color:#000;
	transition: all .5s ease-in-out;
}
.btn a:hover{
	color:#fff;
	text-decoration:none;
}
.btn:hover a{
	color:#393939;
}
.make{
	font-size: 13px;
	float: left;
	line-height: 54px;
	margin-left:38px;
}
.make a{
	color:#00A4CC;
	font-weight: bold;
}
.wenan{
	overflow: hidden;
	width: 1010px;
	margin:0 auto;
	margin-top:35px;
	padding: 0px;
	padding-bottom: 50px;
}
.t{
	width: 250px;
	text-align: left;
	float: left;
}
.t span{
	font-size: 22px;
	color:#013151;
	line-height: 1;
}
.t p{
	font-size: 13px;
	line-height: 1.7;
	margin-top: 20px;
}
.img{
	overflow: hidden;
	float: right;
}
.m_l,.m_r{
	overflow: hidden;
	float: left;
}
.m_r{
	margin-left:60px;
	width:450px;
}
.m_l{
	width:500px;
}
/*banner*/ 
.banner{
	width: 1010px;
	height:160px;
	margin:0 auto;
	position: relative;
	
}
.banner .swiper-container {
        width: 100%;
        height: 100%;
}
.banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: 165px;
        width: 20%;
        
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.bg{
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
    background: #d7f5ff;
    position: relative;
}
.bt .row{
	width:1010px;
	margin:0 auto;
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	width:20px;
	height:20px;
	background-size: cover;
}
.bg .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right:-30px;
}
.bg .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left:-50px;
}
    /*banner end*/
   
   
   /*banner img*/
.banner_img{
	overflow: hidden;
}
.banner_img img{
	width: 100%;
}
.content_t{
	width:1070px;
	overflow: hidden;
	margin:0 auto;
}
.ab{
	overflow: hidden;
	padding:0px;
	margin-top:40px;
	padding-bottom: 50px;
}
.about{
	width: 169px;
	height: 260px;
	padding:33px;
	text-align: center;
	border:1px solid #d3eaf9;
	transition:all .5s ease-in-out;
	margin:0 10px;
	float: left;
}
.about:hover{
	border:1px solid #26c9ff;
}
.about span{
	display: block;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.2;
}
.about img{
	height:40px;
	margin:30px 0;
}
.ab .about p{
	font-size: 13px;
	text-align: left;
	line-height: 1.7;
	color:#000;
}

.f_ab{

	overflow: hidden;

	padding-top: 44px;
	padding-bottom: 20px;
}
/*.bigimg{
	width: 100%;
	height:500px;
	position: relative;
	margin:0;
	background: url(../img/slide-1.jpg) no-repeat;
	background-attachment: fixed;
}*/
.bigimg .swiper-container1 {
        width: 100%;
        height: 100%;
    }
.bigimg .swiper-slide {
		width: 100%;
		height:100%;
        background-position: center;
        background-size: cover;
        text-align: center;
        display: block;
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-pagination-bullet{
	width: 20px;
	height:20px;
	border:5px solid #000;
}
.bigimg .swiper-slide h1{
	display: block;
	font-size: 50px;
	color:#fff;

	line-height:1;
}
.bigimg .swiper-slide span{
	display: inline-block;
	margin:40px 15px;
	font-size: 21px;
	color:#fff;
}
.center{
	text-align: center;
	overflow: hidden;
	margin:20px 0;
}
#bigimg .swiper-slide{
	padding-top:70px;
	padding-top:0px;
	
}
.btn_t,.btn_r{
	display: inline-block;
	color:#fff ;
	padding: 16px 40px;
	font-size:15px;
	border-radius: 20px;
	margin:0 10px;
	transition:all .5s ease-in-out;
}
.btn_t{
	background: #fff;
	color: #000;
}
.btn_r a{
	color: #fff;
}
.btn_t:hover{
	background: #ccc;
}
.btn_t:hover a{
	color: #000;
}
.btn_r:hover a{
	color: #fff;
}
.btn_r{
	background:#1db8ea;
}
.btn_r:hover{
	background: #1297c2;
	color:#fff;
}
.f_ab{
	width: 100%;
	background: #1BA9E1;
	margin:0 auto;
	color: #fff;
	text-align: left;
}
.d_c{
	width: 1010px;
	overflow: hidden;
	margin: 0 auto;
}
.d_c a{
	color: #fff;
	transition: .5s;
}
.d_c a:hover{
	color:#ddd;
}
.f_ab h1{
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.f_ab ul{
	float: left;
	margin:0 50px;
	padding: 0;
}
.f_ab li{
	list-style: none;
	font-size: 13px;
	line-height: 1.8;
}
.aboutus{
	float: right;
	overflow: hidden;

	width: 218px;
}
.tel{
	padding:20px 0px;
	text-align: center;
	border:1px solid #26c9ff;
	border-radius:40px;
	font-size: 16px;
	color:#000;
	
	background: #fff;
}
.icon{
	width: 180px;
	overflow: hidden;
	margin:0 auto;
}
.icon .xl,.icon .wx,.icon .in,.icon .wi{
	width: 35px;
	height:35px;
	border-radius:50%;
	float: left;
	margin:0 5px;
	margin-top:20px;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	color:#fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background: #3B5A6F;
	transition: .5s;
}
.icon .xl i,.icon .wx i,.icon .in i,.icon .wi i{
	font-size: 14px;
}
.xl:hover{
	background: #F16412;
}
.wx:hover{
	background: #27B11E;
}
.icon .in:hover{
	background: #0676B5;
}
.wi:hover{
	background: #26c9ff;
}




/*for example*/
.headerT{
	width: 100%;
	padding-top:25px;
}
.e_nav ul{
	border:0px;
	padding:0px;
	height:46px;
}
.e_nav li{
	margin-top: 12px;
}
.e_fr{
	margin-top:17px;
}

.banner_text{

	margin:0 auto;
	text-align: center;
}
.banner_e h1{
	font-size: 36px;
	line-height: 1 ;
	color:#fff;
	display: block;
	margin-bottom: 20px;
}
.banner_e p{
	font-size: 16px;
	color:#fff;
	line-height: 1.9;
}
.menu{
	width:1010px;
	height:45px;
	margin:0 auto;
	background: #E8F6FF;
}
.mt{
	float: left;
	
	margin-left: 50px;
}
.mt>li{
	width:136px;
	float: left;
	line-height: 45px;
	text-align: center;
	margin:0 1px;
	transition: all .5s ease-in-out;
	position: relative;
}
.li_list{
	padding-left: 10px;
	
	position: absolute;
	left: 0;
	top:45px;
	z-index: 2;
	width: 1000px;
	height:50px;
	background: #E0F3FF;
	display: flex;
	align-items: center;
	display: none;
}
.li_list li{
	float: left;
	padding:0px 6px;
	margin:3px;
	line-height: 24px;
	color:#000;
	
	background: #fff;
}

.mt>li:nth-child(1) ul li,.mt>li:nth-child(2) ul li{
	border-radius:3px;
	transition: .3s;
}
.mt>li:nth-child(1) ul li:hover{
	background: #000;
	color: #fff;
}
.mt>li:nth-child(2) ul li:hover{
	background: #000;
	color: #fff;
}
.mt>li:hover{
	background: #fff;
}
.mt>li a{
	font-size: 13px;
}
.mt>li a:hover{
	color:#000;
}
.mi{
	float: right;
	padding-top:15px ;
	height:31px;
}
.mi li{
	float: left;
	margin:0 10px;
	width:16px;
	height:16px;
}
.mi li:nth-child(1){
	background: url(../img/liston-2.png) no-repeat;
	background-size: contain;
}
.emain{
	width:1010px;
	
	transition: all .3s ease-in-out;
	margin:0 auto;
	
	overflow: hidden;
	
}
.mt50{
	margin-top: 50px;
}
.main_left{
	overflow: hidden;

	margin: 0 auto;
	float: left;
	margin-bottom: 25px;

	border-right: 1px solid #ABCCE3;
}
.lie{
	overflow: hidden;
	border-bottom:1px solid #ABCCE3;
	padding: 10px 0 23px;
	
}
.main_left .lie:last-child{
	border-bottom: none;
}
.neirong{
	width: 330px;
	overflow: hidden;
	float: left;
	margin-top: 13px;
	margin-left: 40px;
}
.neirong img{
	display: block;
	margin-bottom: 20px;
}
.neirong p{
	font-size: 14px;
	font-weight: 800;
	margin-bottom: 20px;
}
.neirong p a:hover{
	color: #000;
}
.neirong span{
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 20px;

	display: block;
}
.nbtn{
	float: left;
	margin-top: 12px;
    width: 102px;
    height: 35px;
    text-align: center;
    background: #45B0DC;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #fff;
    transition: all .5s ease-in-out;
}
.nbtn:hover{
	background: #2594C2;
}
.nbtn a{
	color: #fff;
	width: 100%;
	display: block;
	height: 100%;
	line-height: 37px;
}
.nbtn a:hover{
	color: #fff;
}
.neirong .color{
	width: 20px;
	height: 20px;
	margin-top:18px;
	float: left;
	border: 1px solid #fff;
}
.emain .main_left:nth-child(1){
	display: block;
}
.emain .main_left:nth-child(2){
	display: none;
}
.emain .main_left:nth-child(3){
	display: none;
}
.main_img{
	width: 330px;
	overflow: hidden;
	float: left;

	margin: 0 11px;
	margin-top: 42px;
	text-align: center;
	position: relative;
	
}
.main_img img{
	width:100%;
	height:226px;
	transition: all 1s ease-in-out;
}
.main_img .img:hover{
	transform: scale(1.2,1.2);
}
.main_img p{
	font-size: 14px;
	line-height: 1.2;
	margin-top:29px;
}
.main_img:hover .zhezhao{
	top: 0px;
}
.zhezhao{
	position: absolute;
	top:-243px;
	left:0;
	width: 100%;
	height: 81%;
	background: #fff;
	font-size: 14px;
	transition: all .5s ease-in-out;
}
.bat{
	display: flex;
	text-align: center;
	align-items: center;
	
	position: absolute;
	
	bottom: 30px;
}
.main_left .main_img .bat{margin-left: 30px;}
.zhezhao i{
	color:#999;
	display: block;
	float: left;
	margin-left: 50px;
}
.zhezhao span{
	display: block;
	float: left;
	padding:9px 20px;
	border-radius: 30px;
	background: #1BA9E1;
	color:#fff;
	margin:0 20px;
	
	margin-left: 50px;
}
.zhezhao a{
	color:#fff;
}
.zhezhao a:hover{
	color:#fff;
}
.color{
	width:20px;
	height:20px;
	border-radius:50%;
	float: left;
	margin:0 2px;
}
.zhezhao img{

	width: auto;
	height:auto;
	margin:40px 0;
}

.main_img .zhezhao{
	height: 83.5%;
}
.main_menu{
	margin-top:20px;
	padding-bottom: 40px;
	float: right;
	width: 250px;
	
	height: 1100px;
}
.page{
	width:1010px;
	overflow: hidden;
	margin:40px auto;
	margin-top: 80px;
}
.active_page{
	background: #000 !important;
	color:#fff !important;
}
.page span,.page a{
	float: left;
	width:52px;
	height:52px;
	line-height: 52px;
	text-align: center;
	background: #fff;
	margin: 0 0.5px;
	transition: .3s;
	font-size: 14px;
}

.page a:hover{
	color: #000;
	background: #E2F0F9;
}
.current{
	background: #333 !important;
	color: #fff;
}
.jieshao{
	width: 100%;
	overflow: hidden;
	background: #083040;
	padding-top:50px;
	padding-bottom: 40px;
	text-align: center;
}
.jieshao h1{
	font-size: 31px;
	color:#fff;
	line-height: 1;
	margin-bottom: 40px;
}
.jieshao p{
	font-size: 15px;
	line-height: 2;
	color: #fff;
}
.btn_e span{
	display: inline-block;
	font-size: 20px;
	color:#fff;
	margin-top: 40px;
	
	line-height: 1.2;
}

.btn_e a>span:hover{
	text-decoration: underline;
}
.btn_e .icon-ctrl:nth-child(3){
	margin-left: 15px;
	font-weight: bold;
	color:#fff;
	display: inline-block;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.btn_e .icon-ctrl:nth-child(1){
	margin-right: 15px;
	font-weight: bold;
	color:#fff;
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*for qq*/
.qq,.qqt{
	width:60px;
	
	height: 49px;
	padding: 10px 0;
	background:#70DE1D;
	background-size: contain;
	position: fixed;
	right:0px;
	bottom:300px;
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
       	justify-content: center;
       	
       	align-items: center;
	z-index: 3;
}

.qqt{
	bottom:372px;
}
.qqtext{
	float: left;
}
.qqtext h1{
	font-size: 15px;
	line-height: 1;
	color:#fff;
	margin-bottom: 4px;
	margin-top: 8px;
}
.qqtext p{
	font-size: 12px;
	line-height: 1;
	color:#fff;
	
	margin-bottom: 5px;
	text-align: center
}
.qqicon{
	text-align: center;
	line-height: 1.2;
	font-size: 22px;
	color: #fff;
}
.input_p{
	width:200px;
	height:30px;
	margin:0 auto;
	position: relative;
}
.input_p i{
	position: absolute;
	top:11px;
	left:0px;
}
.main_menu input{
	width:200px;
	height:30px;
	outline: none;
	text-indent: 2em;
	background: none;
	border:0px;
	border-bottom: 1px solid #00B6E6;
	font-size: 12px;
}
.input_p .icon-search{
	position: absolute;
	top:10px;
	left:5px;
}
.main_menu h1{
	padding-left:25px;
	font-size: 17px;
	font-weight: bold;
	margin-top:40px;
	margin-bottom:30px;
}
.main_menu li{
	padding:15px 0;
	padding-left:50px;
	line-height: 14px;
	position: relative;

	list-style: none;
}
.main_menu li a:hover{
	color:#1BA9E1;
}
.main_menu li::before{
	content: "";
	width:5px;
	height:5px;
	border-radius: 50%;
	background: #1BA9E1;
	position: absolute;
	left:35px;
	top:20px;
}
.main_menu li:hover{
	background: #D8EFFF;
}
.icon-ctrl{
	display: inline-block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	font-size: 20px;
	color:#1BA9E1;
}


/*for question*/
.gradient{
	width: 100%;
	padding-top:40px;
	background: url(../img/qbg.png) repeat-y center;
	background-size:contain;
}
.gradient .nav li{
	color: #fff;
}
.text_q{
	width:1010px;
	overflow: hidden;
	margin:0 auto;

	padding-bottom: 40px;
}
.center_t{
	width:534px;
	overflow: hidden;
	margin:0 auto;
	padding-top: 65px;
}
.center_t p{
	font-size: 30px;
	line-height: 1;
	color:#fff;
	font-weight:normal;
}
.center_t input{
	display: block;
	float: left;
	width: 489px;
	height: 47px;
	border: none;
	border-top-left-radius: 6px;
	margin-top:28px;
	background: #eee;
	opacity: 0.8;
	text-indent: 1em;
	font-size: 16px;
	
}

.center_t i{
	display: block;
	float: left;
	width:41px;
	height:49px;
	background: #fff;
	border-top-right-radius:6px;
	text-align: center;
	line-height: 51px;
	margin-top:28px;

}
.main_q{
	background: #C7E8FF;
	overflow: hidden;
	width: 100%;
	padding:35px 0px;
	padding-bottom: 90px;
}
.q_img{
	width: 230px;
	overflow: hidden;
	margin:20px 10px;
	text-align: center;
	float: left;

	border-radius: 6px;
}
.icon_img{
	width:100%;
	height:100px;
	margin-bottom: 40px;
	display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.icon_img img{
	display: block;
	margin:0 auto;
}
.gradient .header{
	margin-bottom: 30px;
}
.q_img span{
	font-size: 18px;
	color:#5D86C5;

	display: block;
	margin-bottom: 30px;
}
.time{
	width:100%;
	background: #083040;
	overflow: hidden;
	padding:50px 0;
}
.tm_content{
	width:1010px;
	overflow: hidden;
	margin:0 auto;
}
.c_top,.c_bottom{
	
	clear: both;
	width: 1010px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 40px;
}
.c_bottom{
	margin-top: 20px;
}
.puman{
	width: 100%;
	margin-top: -40px;
	background: #fff;
}
.c_top .q_img,.c_bottom .q_img{
	width: 200px;
	margin:20px 26px;
	padding-bottom: 10px;
}
.c_top .icon_img,.c_bottom .icon_img{
	margin-bottom: 46px;

	margin-top: 40px;
}
.c_top .q_img:hover,.c_bottom .q_img:hover{
	background: #fff;
	box-shadow: 0px 0px 15px #999;	
}
.zhankai,.b_zhankai{
	width: 1010px;
	margin: 0 auto;
	overflow: hidden;
	background:#FFF;
	transition: all .2s ease-in-out;
	padding: 60px;

	display: none;
}
.zhankai p,.b_zhankai p{
	font-size: 14px;
	line-height: 2;
}
.zhankai P:last-child,.b_zhankai P:last-child{
	text-align: center;
    font-size: 16px;
    line-height: 54px;
    color: #333;
    width: 228px;
    height: 54px;
    margin: 60px auto;
    border: 1px solid #878787;
    border-radius: 54px;
    transition: all .3s ease-in-out;
}
.zhankai P:last-child:hover,.b_zhankai P:last-child:hover{
	background: #1BA9E1;
	color: #fff;
	border: 1px solid #1BA9E1;
}
.zhankai p:first-child,.b_zhankai P:first-child{
	font-size: 18px;
	line-height: 1;
	margin-bottom: 30px;
}
.q_t{
	float: left;
	overflow: hidden;
	padding-left: 20px;
	margin:0 8px;
	margin-bottom: 40px;
}
.q_t li{
	list-style: disc;
	margin:26px 0px;
	color:#006B8A;
	font-size: 16px;
	text-decoration: underline;
}
.line{
	clear: both;
	height:1px;
	margin-right: 60px;
	margin-bottom: 40px;
	background: #006B8A;
}
.q_text{
	overflow: hidden;
	margin-bottom: 80px;
	display: none;
}
.question_q{
	overflow: hidden;
	margin:20px 0;
}
.q_text h1,.question_q h1{
	font-size: 16px;
	color: #6BC1EB;
	line-height: 1;
	margin-bottom: 20px;
}
.q_text p,.question_q p{
	font-size: 12px;
	line-height: 1.8;
}
.timer{
	display: block;
	width: 100px;
	overflow: hidden;
	font-size: 24px;
	color:#fff;
	line-height: 1.2;
	float: left;
}
.tm_text{
	display: block;
	width: 240px;
	font-size: 14px;
	line-height: 2;
	overflow: hidden;
	float: left;
	margin-left: 40px;
	color:#fff;
}
.wit{
	width:130px;
}
.left80{
	margin-left: 130px;
}
.time img{
	display: block;
	float: right;
	margin-left: 40px;
}





/*for case*/
.case_content{
	width:1010px;
	margin:0 auto;
}
.c_logo{
	width: 400px;
	margin:40px auto;
	text-align: center;
}
.c_logo img{
	display: block;
	margin:0 auto;
	margin-bottom: 40px;
}
.c_logo h1{
	font-size: 23px;
	line-height: 1;
}
.case_txt{
	width: 930px;
	overflow: hidden;
	padding:40px;
	background: #D8EFFF;
	position: relative;
}
.case_txt p{
	font-size: 13px;
	line-height: 2.07;
}
.case_txt p a:hover{
	color: #000;
	
}
.case_txt a{
	margin-left: 20px;
}
.case_txt b{
	font-weight:800;
	font-size: 13px
}
.dingwei{
	position: absolute;
	top:40px;
	right: 40px;
	width: 200px;
	overflow: hidden;
}
.case_txt .color{
	display: inline-block;
	width: 20px;
	height:20px;
	float: right;
	border:1px solid #fff;
}

.dingwei .color:nth-child(1){
	background: red;
}
.dingwei .color:nth-child(2){
	background: green;
}
.dingwei .color:nth-child(3){
	background: orange;
}
.case_main_img{
	position: relative;
	height: 433px;
}
.case_main_img img{
	display: block;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}
.case_banner{
	overflow: hidden;
	width: 1010px;
	margin:0 auto;
	background: url(../img/ss.jpg) no-repeat center;
	background-size: contain;
	position: relative;
	margin-bottom: 30px;
}
.case_banner .img{
	position: absolute;
	left: 0;


	width:100.5%;
}
.case_main_zan{
	width: 1010px;
	margin:0 auto;
	text-align: center;
}
.iconbg .case_main_zan img{
	display: block;
	width: 843px;
	
	height: 228px;

	margin:5px auto;
	margin-bottom: 10px;
}
.about_example{
	width:1010px;
	margin:0 auto;
	overflow: hidden;
	margin-bottom: 60px;
}
.about_example h1{
	font-size: 18px;
	line-height: 1;
	margin:20px 0; 
}
.about_example .main_img{
	margin:0;
}
.about_example .main_img:nth-child(3){
	margin:0 10px;
}

/*swiper*/
.case_main_img .swiper-container {
        width: 100%;
        height: 100%;
    }
.case_main_img .swiper-slide {
        text-align: center;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/*翻心效果*/
.box{
	height:58px;
	width:64px;
}
.hezi{
	height: 65px;
	width:64px;
	margin:0 auto;
	position: relative;
	margin-bottom: 20px;
}
.hezi h1{
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1;
}
.list {
    position: absolute;
}






.abpadding{
	padding:55px 0px;
}
.abpadding span{
	font-size: 16px;
	line-height: 2.2;
	color:#fff;
	display: block;
}
.center_ab{
	width: 1010px;
	overflow: hidden;
	margin:0 auto;
	padding: 60px 0;
	text-align: center;
}
.center_ab h1{
	font-size: 24px;
	line-height: 1;
	margin-bottom: 20px;
}
.center_ab p{
	font-size: 13px;
	line-height: 2.2;
	margin-bottom: 40px;
}
#cla{
	font-family: Arial;
	color: #BBBBBB;
}
.center_ab .img{
	width: 1010px;
	overflow: hidden;
	margin-bottom: 40px;
}
.center_ab .img img{
	display: block;
	float: left;
	margin:0 20px;
}
.center_ab h2{
	font-size: 16px;
	line-height: 1;
	color:#777;
}
.center_ab a{
	color:#0089FF;
}
.center_ab a:hover{
	color:#0089ff;
}

.case_main_zan select{
	width: 200px;
	height:40px;
	background: #0089ff;
	display: block;
	margin: 60px 0;
}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  /*appearance:none;*/
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background:url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.center_ab span{
	font-size: 14px;
	line-height: 1.9;
}
#bgcolor{
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.xuanze{
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
}
.gaodu{
	height: auto;
	background: #fff;
}
.clearp{
	padding-bottom: 0;
	margin-bottom: 50px;
}
.clearp img{
	display: block;
	margin:0 auto;
}




/*for service*/
.sT{
	width: 230px;

	float: left;
	margin:60px 10px;
	position: absolute;

	transition: .3s;
}
.sT img{
	display: block;
	margin:0 auto;
	margin-bottom: 40px;
}
.sT h1{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 20px;
	
	
}
.sT ul{
	padding-left: 80px;
	color:#0089FF;
	list-style: disc;
}
.sT li{
	margin:10px 0px;
	font-size: 13px;
	line-height: 1;
	text-align: left;
	color:#535353;
}
.iconbg{
	padding:80px 0;
	background: #f6f8f8;
}
.sbanner{
	width: 1010px;
	height: 260px;
	margin:0 auto;
	position: relative;
}
.sbanner .swiper-container {
    width: 100%;
    height: 100%;
    text-align:center;
}
.sbanner img{
	margin-bottom: 20px;
}
.sbanner .swiper-slide>img{
	width: 100%;
	height: 208px;
	border: 1px solid #eee;
}
.sbanner h1{
	font-size: 13px;
	color: #878787;
}
.sbanner .zhezhao{
	width: 100%;
	height: 208px;
	top: -225px;
}
.sbanner .swiper-slide:hover .zhezhao{
	top: 1px;
	left: 1px;
}
.sbanner .swiper-button-next,.sbanner .swiper-button-prev{
	width:50px;
	height:50px;
	opacity: .3;
	transition: all .3s ease-in;
}
.sbanner .swiper-button-prev:hover{
	opacity: 1;
}
.sbanner .swiper-button-next:hover{
	opacity: 1;
}
.sbanner .swiper-button-next{
	right:-50px;
}
.sbanner .swiper-button-prev{
	left:-50px;
}
.more{
	text-align: center;
	font-size: 16px;
	line-height: 54px;
	color:#878787;
	width: 228px;
	height:54px;
	margin:60px auto;
	border:1px solid #878787;
	border-radius: 54px;
	transition: all .3s ease-in-out;
}
.more a{
	transition: all .3s ease;
}
.more:hover{
	background: #1BA9E1;
	color:#fff !important;
}
.more:hover a{
	color:#fff;
}
.btm{
	padding-bottom:0;
}
.btm img{
	display: block;
	margin: 0 auto;
	margin-top: 40px;
}
.tit1,.tit2,.tit3,.tit4{
	width:0px;
	overflow: hidden;
	text-align: left;
	background: rgba(179,224,255,0.8);
	padding: 40px 40px 0px 40px;
	transition: all .3s ease-in-out;
	padding: 0;
	position: absolute;
	top: -60px;
	bottom: -60px;
	transition: .3s;
	left: 240px;
	color:#000;
}
.xiangdui{
	height: 469px;
	position: relative;
	
}
.center_n{
	margin:  0 auto;
	width: 1010px;
	overflow: hidden;
}
.weizhi_n{
	overflow: hidden;
	background: #0089ff;
	padding: 15px;
	width: 270px;
	opacity: 0.85;
	padding-bottom: 50px;
}
.n_top{
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.n_top svg{
	float: left;
	width: 50px;
	height: 50px;
}
.n_top p{
	font-size: 16px;
	line-height: 1;
	float: left;
	margin:20px;
	
}
.weizhi_n p{
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
}
.tit1 h1,.tit2 h1,.tit3 h1,.tit4 h1{
	font-size: 22px;
	line-height: 1;

	display: block;
	
	width: 392px;
}
.tit1::before,.tit2::before,.tit3::before,.tit4::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 49%;
	
}
.tit1::before,.tit2::before{
	left: 0;
	border-left: 10px solid #c7e8ff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.tit3::before,.tit4::before{
	right: 0;
	border-right: 10px solid #c7e8ff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.tit1 p,.tit2 p,.tit3 p,.tit4 p{
	font-size: 14px;
	line-height: 1.3;
	margin:10px 0;
}
.xx{
	overflow: hidden;
}
.clearm{
	padding: 0px;
}
.clearm h1,.clearm span{
	color:#fff;
}
.clearm h1{
	font-size: 42px;
}
.clearm span{
	font-size: 18px;
}
.dingweif{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	background:rgba(3, 123, 162, 0.64);
}
#video{
	width: 100%;
	height: 800px;
	position: relative;
	background: url(../img/pat.png);
	margin-top: -350px;
}
/*.gundong{
	position: absolute;
	left:0px;
	top:0px;
	bottom: 0px;
	right: 0;
	z-index: 3;
	background: url(../img/gg.png) no-repeat;
	background-position:  center 800px;
	background-size: cover;
}*/
#video video{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 800px;
	 object-fit: fill;
}
.about_input{
	width: 622px;
	overflow: hidden;
	margin:0 auto;
	margin-top: 30px;
}
.about_input input{
	width:300px;
	height:50px;
	margin:5px;
	float: left;
	font-size: 14px;
	border:none;
	outline: none;
	text-indent: 1em;
	border:1px solid transparent;
}
/*
.about_input select{

	font-size: 14px;

	width: 303px;

	height:50px;

	margin:5px;

	background:#fff;

	border-radius:0px;

	border:none;

	color:#bbb;

	float: left;

	text-indent:1em;

	outline: none;

}*/
.bj select{
	width: 100%;
	height: 50px;
	background: none;
	padding-left: 20px;
	border-radius:0px;

	border:none;

	color:#bbb;

	float: left;

	outline: none;
	font-size: 14px;
}
.about_input input:nth-child(2n-1){
	margin-left:0px;
}
.about_input input:nth-child(2n){
	margin-right:0px;
}
.hang{
	overflow: hidden;
	width:100%;
}
.about_input textarea{
	width: 612px;
	height:200px;
	border:none;
	margin-left:0px;
	margin-top: 5px;
	float: left;
	text-indent:1em;
	font-size: 14px;
	line-height: 50px;
	outline: none;
}
.btn_input{
	width:475px;
	height:56px;
	background: #1BA9E1;
	text-align: center;
	margin:0 auto;
	margin-top:40px;

	transition: .3s;
}
.btn_input:hover{
	background: #0089ff;
}
.btn_input a{
	font-size: 16px;
	color:#fff;
	line-height: 56px;
}
.btn_input a:hover{
	color:#fff;
}
.select_menu{
	float: left;
	margin:5px;
	margin-left:0px;
	width:301px;
	border:1px solid #fff;
	height:48px;
	background: #fff;
	position: relative;
	text-align: left;
	text-indent:1em;
	line-height: 50px;
	color:#999;
	font-size: 14px;
}
.sactive{
	border:1px solid #007AFF !important;
}
.select_list{
	position: absolute;
	width: 300px;
	height: 150px;
	left:0px;
	top:49px;
	background: #fff;
	text-indent: 0;
	overflow-x: hidden;
	display: none;
	font-size: 12px;
	line-height: 40px;
	border: 1px solid #ccc;
}
.select_list span{
	margin:0 8px;
}
.clearp .i{
	color:#1BA9E1;
}

/*for tiyan*/
.new_contenter{
	width: 100%;
	background: #fff;
}
.newbg{
	background: #fff;
}
.tiyan_menu{

	padding:20px 0px;

	border-bottom: 1px solid rgba(255,255,255,.27);
}
.tiyan_menu .content_t{margin:0 auto;width: 1200px;}
.tiyan_menu .content_t ul{
	float: left;
}
.tiyan_menu .content_t li{
	float: left;
	font-size: 14px;
	color:#fff;
	line-height: 2;
	padding:4px 15px;
	margin:0 2px;
}
.tiyan_menu .content_t li:hover{
	background: rgba(0,0,0,0.2);
}
.tiyan_menu .content_t .lactive{
	background: rgba(0,0,0,0.2);
}
.tiyan_menu .content_t li:first-child{
	margin-left:0px;
}
.search_input{
	float: right;
	width: 193px;
	height:34px;
	position: relative;
}
.search_input img{
	position: absolute;
	right: 10px;
	top:10px;
}
.search_input input{
	width: 100%;
	height:34px;
	text-indent:1em;
	border:none;
	outline: none;
}
.tiyan_menu .content_t h1{
	font-size: 52px;
	color:#fff;
	line-height: 1;
	margin:60px 0;
	text-align: center;
}
.tiyan_menu .content_t p,.tiyan_menu .content_t span{
	font-size: 16px;
	color:#fff;
	line-height: 2;
}
.tiyan_menu .content_t span{
	margin-top:50px;
}
.t90{
	margin: 90px auto;
	width: 1010px;
	overflow: hidden;
}
.tiyandiv{
	width: 415px;
	overflow: hidden;
	padding:40px;
	float: left;
	margin:20px 5px;

	transition: .3s;
	
	position: relative;
}
.tiyandiv h1:first-child,.tiyandiv p:first-child{
	font-size: 22px;
	line-height: 1;
	text-align: left;
	margin-bottom: 20px;
}
.tiyandiv p{
	font-size: 14px;
	line-height: 1.7;
}
.bigdiv{
	height: 0px;
	width: 100%;
	background: #D3A0FF;
	transition: all .3s ease-in-out;
	overflow: hidden;
	position: relative;
}
.tuichubtn{
	font-size: 20px;
	line-height: 1;
	color:#fff;
	overflow: hidden;
	position: absolute;
	right: 30px;
	top: 15px;
	
	display: none;
}
.bigdiv h1{
	font-size: 22px;
	margin-bottom: 20px;
}
.bigdiv p{
	font-size: 14px;
	line-height: 1.6;
}
.tubiaol{
	width: 100px;
	height:28px;
	padding-top: 12px;
	text-align: center;
	background: rgba(0,0,0,0.43);
	line-height: 1;
	float: left;

	position: absolute;
	
	left: 40px;
	
	bottom: 20px;
	color: #fff;
	transition: all .3s ease-in-out;
}

.lt150{
	left: 150px;
}
.share h1{
	font-size: 52px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin: 65px 0;
}
.share p{
	font-size: 16px;
	line-height: 1.9;
	color: #fff;
}
.share span{
	font-size: 16px;
	line-height: 1.9;
	color: #fff;
}
.brtm .tiyandiv{
	width: auto;
}
.tubiaol:hover{
	background: rgba(0,0,0,1);
}

.tiyandiv img{
	margin:0 5px;
}
.tiyandiv i{
	margin:0 5px;
}
.footerbg{
	width: 100%;
	overflow: hidden;
	background: #C6E8FF;
}
.footerbg .f_ab{
	border-top:0px;
}
.denglu{
	width:296px;
	height: 270px;
	background: #fff;
	box-shadow: 0px 0px 8px #ccc;
	position: absolute;
	right: -80px;
	top:43px;
	z-index: 2;
	text-align: center;
	display: none;
}
.denglu .icon-ctrl{
				font-size: 50px;
				font-weight: bold;
				transform:rotate(0deg);
				color:#fff;
				position: absolute;
				right: 60px;
				top: -10px;
			}
.denglu input,.denglu button{
	outline: none;
	border: 1px solid #ccc;
	width: 258px;
	height: 42px;
	margin:20px auto;
	display: block;
	border-radius: 4px;
	
	background: #fff;
	font-size: 17px;
	line-height: 1;
	text-indent:1em;
}
.denglu input:focus{
	background: #F2F7F9;
}
.denglu input:first-child{
	margin-top: 55px;
}
.denglu .button{
	width: 258px;
	height: 42px;
	margin:20px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #30A8D9;
	border:1px solid #30A8D9;
	color:#fff;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}
.denglu span{
	display: block;
	width: 258px;
	margin:0 auto;
	text-align: center;
	cursor: pointer;
}
.denglu span a:hover{
	color:#30A8D9;
	text-decoration: underline;
}
/*for order*/
.o_header{
	width:100%;
	height: 235px;
	padding-top: 20px;
	
}
.o_nav{
	width:1130px;
	height: 44px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.nav_left{
	overflow: hidden;
	margin-top: 8px;
	float: left;
}
.nav_left li{
	float: left;
	margin:10px 8px;
}
.nav_left a,.nav_right span{
	color:#ececec;
	font-size: 16px;
	line-height: 1.2;
}
.nav_right span:hover{
	color: #fff;
}
.nav_left a:hover{
	color: #fff;
}
.o_logo{
	float: left;
	margin-left:280px;
	width: 196px;
	margin-top: 15px;
}
.nav_right{
	float: right;
	margin-top: 16px;
	height: 22px;
	position: relative;
}
#user{
	width: 150px;
	height: 110px;
	position: absolute;
	left: -35px;
	top: 30px;
	border-radius:3px;
	background: #fff;
	text-align: center;
	text-indent: 1.5em;
	box-shadow: 0px 2px 6px #ccc;
	display: none;
}
#user ul{
	overflow: hidden;
	z-index: 1;
}
#user li{
	border-bottom: 1px solid #ccc;
	margin:10px auto;
	padding:6px 0;
	text-align: left;
}
#user li a{
	font-size: 15px;
}
#user li:last-child{
	border: none;
}
#user .icon-ctrl{
	color: #fff;
	transform: rotate(0deg);
	position: absolute;
	left: 35px;
	top: -5px;
	font-size: 20px;
	font-weight: 800;
	height: 10px;
	width: 10px;
}
.nav_right .icon-ctrl{
	color:#ececec;
	transform: rotate(180deg);
}
.huiyuan{
	position: absolute;
	top: 110px;
	left:0px;
	overflow: hidden;
	text-align: center;
	width: 350px;
	padding-bottom: 10px;
}
.userinfo{
	width: 339px;
	height: 333px;
	margin:0 auto;
	padding-top: 60px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 6px #ccc;
}
.userinfo h1{
	font-size: 18px;
	line-height: 1.2;
	margin:0px auto 20px;
}
.userinfo span{
	font-size: 14px;
	color:#2790EA;
	line-height: 1.2;
}
.userinfo ul{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #ddd;
	margin: 40px auto;
}
.userinfo li{
	padding:15px 0 15px 30px;
	overflow: hidden;
	border-bottom:1px solid #DDDDDD;
	text-align: left;
}
.userinfo i{
	display: inline-block;
	width: 65px;
	font-size: 16px;
	line-height: 1;
}
.userinfo p{
	display: inline;
	color:#868686;
	margin-left: 10px;
}
.userinfo li:nth-child(3) p{
	color: red;
}
.huiyuan .tuichu{
	width: 341px;
	height: 46px;
	margin:0 auto;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 2px 6px #ccc;
	background: #fff;
	transition: all .3s ease-in-out;
	margin-top: 40px;
}
.huiyuan .tuichu a{
	font-size: 16px;
	line-height: 46px;
	transition: all .3s ease-in-out;
	color: #F17777;
}
.huiyuan .tuichu:hover{
	background: #F17777;
}
.huiyuan .tuichu:hover a{
	color:#fff;
}
.o_header .biaoti{
	width: 1130px;
	margin:0 auto;
	font-size: 46px;
	color:#fff;
	line-height: 1;
	text-indent: 8.2em;
	margin-top: 90px;
}
.o_content{
	width: 1130px;
	overflow: hidden;
	margin:0 auto;
}
.o_content_lf{
	margin-left:380px;
	margin-top: 30px;
	width: 750px;
}
.o_content_lf .o_content{
	width: 100%;
	overflow: hidden;
}
.o_menu{
	width: 100%;
	overflow: hidden;
}
.o_menu li{
	float: left;
	padding:0 16px 20px;
	border-bottom: 1px solid #ddd;
}
.o_menu li:hover{
	border-bottom: 1px solid #2990EA;
}
.o_menu a{
	font-size: 16px;
	line-height: 1;
	color: #545454;
}
.o_menu a:hover{
	color:#2990EA;
}
.o_container{
	width: 100%;
	overflow: hidden;
	margin-top:30px;
	display: none;
}
.o_top{
	width: 390px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.ul_menu{
	width: 60px;
	overflow: hidden;
	float: left;
	padding-left:20px;
}
.ul_menu li{
	font-size: 14px;
	line-height: 1;
	margin:40px 0;
	color:#2890EA;
}
.o_menu .active{
	border-bottom: 1px solid #2690EA;
}
.o_menu .active a{
	color:#2690EA;
}
.ul_menu li:nth-child(1){
	margin-top: 0px;
}
.o_input{
	width: 300px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
}
.o_input h1{
	font-size: 14px;
	line-height: 1;
}
.o_input span{
	font-size: 12px;
	line-height: 1;
	color:#2690EA;
}
.o_input input{
	width: 288px;
	height: 37px;
	margin:20px auto 20px;
}
.o_input input:nth-child(2){
	margin-bottom: 0;
}
.btom0{
	border: none;
}
.btom0 li:nth-child(1){
	margin-top: 40px;
}
#sub{
	width: 294px;
	height: 43px;
	background: #fff;
	outline: none;
	border: 1px solid #ddd;
	font-size: 16px;
	color: #F17777;
	transition: all .3s ease-in-out;
}
#sub:hover{
	background: #F17777;
	color: #fff;
}
footer{
	width: 100%;
	overflow: hidden;
	padding:30px 0;
	background: #fff;
	margin-top:40px;
}
footer .f_content{
	width: 1130px;
	overflow: hidden;
	margin:0 auto;
}
footer .icon .xl, footer .icon .wx, footer .icon .in,footer .icon .wi{
	margin-top: 0;
}
footer img{
	display: block;
	float: left;
	margin-top:10px;
}
footer .icon{
	float: right;
}
#select{
	overflow: hidden;
	margin-bottom: 15px;
}
#select span{
	color: #888;
	font-size: 12px;
	margin-right: 20px;
}
#select select{
	width: 74px;
	height: 36px;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #777;
	padding-left: 20px;
}
#select select option:hover{
	background: #2890EA;
}
.o_container table{
	width: 100%;
	overflow: hidden;
	padding-left: 20px;
	border: 1px solid #ccc;
}
.o_container table tr{
	border-bottom: 1px solid #ccc;
}
.content_list{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.content_list:hover{
	background: #EEF4FA;
}
.content_list input{
	margin-left:10px;
}
.fuwu_content{
	width: 748px;
	height: 330px;
	border:1px solid #ccc;
	font-size: 12px;
	line-height: 1;
}
.fwnr,.fwlx,.times,.timeo,.tishic,.doll,.caoz{
	display: inline-block;
	color: #000;
	margin:0 12px;
	text-align: center;
	width:82px;
}

.doll{
	color:#EE6426;
}
.caoz{
	color: #2890EA;
}
.dibu_list{
	height: 58px;
	width: 100%;
	background: #EEF4FA;
	display: flex;
	align-items: center;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}
.dibu_list input{
	margin-left: 10px;
}
.dibu_list span{
	padding:8px;
	border:1px solid #ccc;
	margin-left:15px;
}
.dibu_list p{
	color:#777;
	margin-left:200px;
	margin-right: 10px;
}
.dibu_list .pagelist{
	height: 32px;
	width: 32px;
	border:1px solid #ccc;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dibu_list input[type='text']{
	width:60px;
	height:32px;
	border:1px solid #ccc;
	outline: none;
	margin:0 20px;
}
.fuwu_content .content_list:first-child span{
	color: #888;
}
.o_content .o_container:nth-child(1){
	margin-top: 15px;
	display: block;
}
.user_select{
	width: 292px;
	height: 36px;
	margin-top: 27px;
	text-indent: .4em;
	background: #fff;
	position: relative;
	line-height: 36px;
	border:1px solid #ddd;
}
.user_select span,.usercity span{
	line-height: 36px;
	margin-left:10px;
	color: #000;
}
.user_select ul{
	width: 296px;
	line-height: 36px;
	background: #fff;
	position: absolute;
	left: -1px;
	top: 36px;
	z-index: 1;
	border: 1px solid #ddd;
	display: none;
}
.user_select li{
	padding-left: 10px;
	border-bottom: 1px solid #ddd;
}
.user_select li:hover,.usercity li:hover{
	color: #fff;
	background: #2890EA;
}
.user_select li:last-child{
	border: none;
}
.jiantou{
	width: 12px;
	height: 9px;
	background:url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
	position: absolute;
	right: 10px;
	top: 15px;
}
.usercity{
	width: 140px;
	height: 36px;
	text-indent: .4em;
	background: #fff;
	float: left;
	position: relative;
	border:1px solid #ddd;
}
.usercity ul{
	width: 140px;
	overflow: hidden;
	position: absolute;
	left: -1px;
	top: 36px;
	border:1px solid #ddd;
	background: #fff;
	display: none;
}
.usercity li{
	line-height: 36px;
	border-bottom: 1px solid #ddd;
}
.usercity li:last-child{
	border: none;
}

.o_menu .o_content{
	width: 100%;
	overflow: hidden;
}




@media screen and (min-width: 320px) and (max-width: 720px) {
	.o_nav{
		width: 100%;
	}
	.nav_left{
		display: none;
	}
	.o_logo{
		margin-left: 10px;
		width: 45%;
	}
	.o_logo img{
		width: 100%;
	}
	.nav_right{
		width: 21%;
		margin-right: 10%;
	}
	#user{
		left: -45%;
	}
	.o_header .biaoti{
		text-indent: 2em;
		margin-top: 1em;
	}
}



/*搜索下拉框*/
#p_in{
	width: 530px;
	clear: both;
	background: #FFF;
	color: #000000;
}
#p_in p{
	font-size: 16px;
	color: #000000;
	padding: 5px 0 5px 20px;
}