﻿@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family: "微软雅黑",'Microsoft YaHei', "Helvetica Neue", Arial, "Microsoft Yahei", "Lantinghei SC", "STHeiti", sans-serif;
	}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,iinput,ttextarea,img{
	margin: 0;
	padding:0;
	list-style: none;
	border: 0;
	}

/*********public*********/
.float_l{float:left;}
.float_r{float:right;}
.clear{clear:both;}
.text-center{text-align: center;}
input,textarea,button,a,p{font-family:"微软雅黑";}	
input,textarea{outline: none;}

/*********圈圈广告首页*********/
	.header{height: 100px;position: fixed;top: 0;left: 0;right: 0;background: #ffffff;box-shadow: 0 1px 6px #cccccc;z-index: 3;}
		.header_con{height: 100px;width: 1080px;margin: auto;}
			.logo{}
				.logo img{float:left;height: 60px;margin-top: 20px;margin-right: 24px;}
				.logo h1{float:left;font-size: 24px;color: #444444;line-height: 100px;font-weight: normal;}
			.header_an{padding-top: 35px;}
				.tfgg{float:left;display: block;width: 80px;line-height: 30px;border-radius: 3px;font-size: 13px;color: #ffffff;background: #5b9df1;text-align: center;text-decoration: none;}
				.yhdl{float:left;display: block;width: 80px;line-height: 30px;border-radius: 3px;font-size: 13px;color: #ffffff;background: #ffa421;text-align: center;text-decoration: none;margin-left: 20px;}
				.tfgg:hover{background: #3e85e0;}
				.yhdl:hover{background: #f99506;}
			.nav{margin-right: 60px;}
				.nav a{float:left;width: 80px;display:block;font-size: 14px;color: #999999;line-height: 100px;margin-left: 40px;text-decoration: none;text-align: center;}
				.nav a:hover{font-size: 16px;color: #3E85E0 !important;}
				.nav_xz{color: #3E85E0;}
	
	.pyqgg{padding-top: 100px;}
		.banner{height: 620px;background: url(../img/1.png) center top no-repeat;}
			.pyqgg_con{width: 980px;height: 100%;padding: 0 50px;margin: auto;}
				.banner_p{margin-top: 234px;}
					.banner_p h2{font-size: 68px;color: #ffffff;line-height: 96px;text-shadow: 0 4px 4px #666666;}
					.banner_p p{font-size: 26px;color: #ffffff;line-height: 40px;text-shadow: 0 2px 2px #bbbbbb;}
				.banner_img{width: 286px;height: 405px;padding: 75px 17px 0;overflow: hidden;background: url(../img/iphone.png) no-repeat;margin-top: 140px;}
					.banner_img video{border: 1px #dedede solid;}
		.pyqgg_box{height: 620px;}
		.pyqgg_box:nth-child(2n-1){background: #f4f4f4;}
				.pyqgg_con img{float:left;box-shadow: 0px 1px 10px #999999;margin-top: 140px;}
				.ewm_img{width: 320px;height: 320px;box-shadow: 0px 1px 10px #999999;margin-top: 140px;background: url(../img/4.png) center no-repeat;}
					.ewm_img p{font-size: 12px;color: #888888;line-height: 24px;text-align: center;margin-top: 240px;}
					.ewm_img h4{font-size: 14px;color: #33a311;line-height: 36px;text-align: center;font-weight: normal;}
				.puqqq_r{width: 520px;padding-top: 130px;margin-right: -5px;}
					.puqqq_r h3{font-size: 30px;color: #444444;line-height: 122px;font-weight: normal;}
					.puqqq_r p{font-size: 20px;color: #888888;line-height: 36px;}
					.lxwm_a{margin-right: 20px;margin-top: 38px;display: block;width: 118px;line-height: 42px;border: 1px #e09403 solid;border-radius: 3px;font-size: 20px;color: #ffffff;background: url(../img/lxwm_a_back.png);text-align: center;text-decoration: none;}
					.lxwm_a:hover{background: #ffa421;}
					.zzzx_a{margin-right: 20px;margin-top: 38px;display: block;width: 118px;line-height: 42px;border: 1px #4483d3 solid;border-radius: 3px;font-size: 20px;color: #ffffff;background: url(../img/zzzx_a_back.png);text-align: center;text-decoration: none;}
					.zzzx_a:hover{background: #5b9df1;}
				
				.puqqq_l{width: 520px;padding-top: 95px;}
					.puqqq_l h3{font-size: 30px;color: #444444;line-height: 122px;font-weight: normal;margin-bottom: -13px;}
					.puqqq_l h4{font-size: 20px;color: #666666;line-height: 38px;font-weight: normal;padding-left: 25px;margin-top: 13px;background: url(../img/h4_back.png) 2px center no-repeat;}
					.puqqq_l p{font-size: 14px;color: #999999;line-height: 20px;font-weight: normal;padding-left: 25px;}
	
				.lunbotu{box-shadow: 0px 1px 10px #999999;margin-top: 110px;}
					.lunbotu img{margin-top: 0 !important;box-shadow: 0px 0px 0px #ffffff;}
					.lunbotu a{text-decoration: none;}
					/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
					.demo {width: 320px;height: 400px;font-size: 14px;position:relative;}
					.demo a.control {position:absolute;display: block;top: 352px;width: 48px;height: 48px;cursor: pointer;z-index: 2;}
					.demo a.prev {left: 0;background-position: 0 0}
					.demo a.next {right: 0;background-position: -76px 0}
					.demo a.prev:hover {background-position: 0 -112px}
					.demo a.next:hover {background-position: -76px -112px}
					/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
					.num{display: none !important;}
					
	.footer{width: 100%;background: #161719;}
		.footer_con{width: 980px;margin: auto;}
			.footer_t{padding: 65px 0 45px;}
				.footer_box{width: 233px;margin-left: 80px;padding-left: 40px;}
				.footer_box:first-child{margin-left: 0;}
					.footer_box h5{font-size: 14px;color: #666666;line-height: 28px;}
					.footer_box p{font-size: 14px;color: #999999;line-height: 28px;}
			.footer_d{border-top: 1px #292a2c solid;}
				.footer_d p{font-size: 12px;color: #666666;line-height: 73px;text-align: center;}
