@charset "utf-8";
/* CSS Document */
html{
	width:100%;
}
body {
	font-family:"微软雅黑";
	padding:0;
	margin:0;
	width:100%;
	margin:0 auto;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
	/*color:black;
	*/
	margin:0;
}
a {
	text-decoration:none;
	color:black;
}
h1 {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	display:block;
	text-align:center;
}
h2 {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	display:block;
}
h3 {
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	display:block;
}
.clearfix {
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both
}
img {
	padding:0;
	margin:0;
	border:0;
	/*display:block;
	*/
}
p {
	margin:0;
}
.header {
	width:100%;
}
.header_box {
	width:1224px;
	margin:0 auto;
}
.logo{
	float:left;
}
.logo a {
	display:block;
}
.nav box {
	width:100%;
	higt:100px;
}
.first_li {
	margin-left:276px;
}
.nav li {
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:400;
}
.banner {
	width:100%;
	height:auto;
	float:left;
}
.banner_pro {
	width:100%;
	margin:0 auto;
}

.index_main {
	width:100%;
	margin:0 auto;
	background:#fafafa;
	position:relative;
	z-index:99;
}
.main_top {
	width:1224px;
	margin:0 auto;
	height:100px;
	background:#ffffff;
	position:absolute;
	left:0;
	right:0;
	margin-top:-50px;
	-webkit-box-shadow:#ccc 0px 8px 16px;
	-moz-box-shadow:#ccc 0px 8px 16px;
	box-shadow:0px 8px 16px 0px rgba(36,102,239,0.15);
}
.main_top li {
	float:left;
	display:block;
	width:180px;
	font-size:16px;
	font-weight:400;
	margin-top:30px;
	margin-left:64px;
	/*margin-left:108px;
	*/
}
.main_top .first_li2 {
	margin-left:0px;
}
.main_top .first_li2 {
	margin-right:0px;
}
.main_top span {
	float:left;
}
.em_all {
	float:left;
	width:40px;
	height:40px;
	/*background:url(img/icon_7+.png) no-repeat;
	*/
	display:block;
	margin-right:6px;
	cursor:pointer;
}
.main_top ul>li>span {
	font-weight:bold;
	color:#0D75DB;
	margin-top:-6px;
}
.product {
	width:100%;
	height:676px;
	background:#ffffff;
	text-align:center;
}
h1 {
	font-size:30px;
	font-weight:400;
	line-height:120px;
	margin-bottom:20px;
	color:#333;
	padding-top:10px!important;
}
h2 {
	font-size:30px;
	font-weight:400;
	line-height:106px;
	color:#333;
	padding-top:10px!important;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.news_pro_refresh a {
	display:block;
}
.product_pro {
	width:1180px;
	margin:0 auto;
}
.product_pro .product_main {
	width:370px;
	height:480px;
	float:left;
	background:#ffffff;
	border-radius:4px;
	box-shadow:0px 8px 16px 0px rgba(117,117,117,0.16);
	margin:0 10px;
}
.product_pro .product_tit p {
	width:370px;
	height:110px;
	line-height:110px;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	background:linear-gradient(to right,#175CF3,#4B8DFF);
}
.product_pro .product_main_cp h3 {
	position:relative;
	padding-top:10px;
	line-height:30px;
	text-align:left;
	padding-left:36px;
	font-size:16px;
}
.product_pro .product_main_cp h3 em {
	width:4px;
	height:4px;
	display:inline-block;
	background:#1A5EF3;
	margin:12px 0 12px 24px;
}
.product_shadow:hover {
	transition-duration:0.5s;
	-webkit-box-shadow:#ccc 0px 8px 16px;
	-moz-box-shadow:#ccc 0px 8px 16px;
	box-shadow:0px 8px 16px 0px rgba(36,102,239,0.2);
	transform:scale(1.05)
}
.pro_pro_p em {
	width:45px;
	height:45px;
	position:absolute;
	left:0;
}
.pro_pro_p em img {
	width:100%;
	height:auto;
}
.product_main_cp .main_cp_p {
	width:88%;
	text-align:left;
	height: 78px;
	color:#9999A1;
	font-size:14px;
	line-height:20px;
	word-break:break-word;
	text-overflow:ellipsis;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient:vertical;
	margin:0 auto;
	padding:10px 0 0 0;
}
.product_main_cp .ts_ul {
	width:100%;
	height:138px;
	float:left;
	padding-top:10px;
}
.product_main_cp .ts_ul li {
	position:relative;
	width:150px;
	height:50px;
	float:left;
}
.product_main_cp .ts_ul li .ts {
}.product_main_cp .ts_ul li .ts em {
	 width:24px;
	 height:24px;
	 float:left;
	 position:absolute;
	 left:24px;
 }
.product_main_cp .ts_ul li .ts span {
	width:182px;
	height:50px;
	float:left;
	position:absolute;
	left:58px;
	line-height:24px;
	text-align:left;
}
.product_pro .pro_mian_contact {
	display:block;
	width:100px;
	height:35px;
	margin:0 auto;
	background:#3275F9;
	text-align:center;
	line-height:35px;
	color:#ffffff;
	border-radius:6px;
}
/*shouyou_index start*/
.shouyou_advantage_pr {
	width:100%;
	height:732px;
	background:#F7F9FC;
	background-size:100%;
}
.shouyou_advantage {
	width:1200px;
	margin:0 auto;
}
.shouyou_advantage .ul_indexApp li {
	width:260px;
	background:#ffffff;
	border-radius:0 5px 5px 0;
	cursor:pointer;
	float:left;
	margin:0 19px 20px 19px;
	box-shadow:0px 8px 16px 0px rgba(117,117,117,0.16);
}
.shouyou_advantage .ul_indexApp .bg_adv {
	background:#FFFFFF;
	width:220px;
	height:310px;
	border-radius:0 5px 5px 0;
	cursor:pointer;
	float:left;
	margin:32px 6px;
}
.shouyou_advantage .ul_indexApp li .indexAppTop {
	width:260px;
	height:120px;
	position:relative;
}
.shouyou_advantage .ul_indexApp li .indexAppTop_adv {
	width:100%;
	height:126px;
	position:relative;
}
.shouyou_advantage .ul_indexApp li .indexAppTop h2 {
	height:120px;
	line-height:120px;
	font-size:20px;
	color:#fff;
	font-weight:400
}
.shouyou_advantage .ul_indexApp li .indexAppTop  .app_icon {
	display:block;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-26px;
}
.shouyou_advantage .ul_indexApp li .indexAppTop  .app_icon_adv {
	display:block;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-63px;
}
.shouyou_advantage .ul_indexApp li:hover .indexAppTop  .app_icon {
	-webkit-animation:bounce 1s ease 0s 1 both;
	animation:bounce 1s ease 0s 1 both;
}
.shouyou_advantage .ul_indexApp li .indexAppBottom {
	font-size:14px;
	color:#888888;
	line-height:28px;
	padding:0 0 18px 0;
	width:230px;
	text-align:center;
	margin:0 auto;
	height:72px;
}
.shouyou_advantage .ul_indexApp li:hover {
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	transform:translate3d(0,-10px,0);
	transition:all .2s linear;
}
.shouyou_advantage .ser_h3 {
	font-size:18px;
	color:#3C4441;
	line-height:50px;
	height:50px;
	text-align:center;
	font-weight:600;
}
/*shouyou_index end*/

.shouyou_center {
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.shouyou_center>span {
	font-size:30px;
	line-height:106px;
}
.main-page {
	margin:0 auto;
	width:1200px;
	position:relative;
}
.main-page .left {
	padding-right:25px;
	margin-top:15px;
	position:relative;
	z-index:99;
}
.main-page .left,.main-page .right {
	float:left;
}
.main-page .nav-back {
	height:300px;
}
.main-page .nav {
	position:relative;
	margin-top:-300px;
	width:766px;
	height:120px;
	text-align:center;
	font-size:18px;
	font-family:"微软雅黑";
	color:#fff;
}
.main-page .nav div {
	width:152px;
	height:120px;
	line-height:30px;
	margin-bottom:8px;
	border-radius:2px;
	cursor:pointer;
	float:left;
	background:#fff;
	color:#333;
	border-right:1px solid #EEEEEE;
}
.main-page .nav div.on {
	border-bottom:5px solid #175CF3;
}
.main-page .right {
	width:766px;
	height:310px;
	position:absolute;
	top:15px;
}
.main-page .content {
	position:relative;
	width:1200px;
	height:570px;
	overflow:hidden;
}
.main-page .content .con-ggh {
	width:1200px;
	height:670px;
	position:relative;
}
.con-ggh ul {
	display:block;
	background:#292D3B;
}
.con-ggh ul li {
	cursor:pointer;
	padding-top:40px;
	margin-right:36px;
	float:left;
}
.list-pic {
	background-color:rgba(255,255,255,0.1);
	padding:19px;
	width:110px;
	height:110px;
}
.list-pic img {
	width:110px;
	height:110px;
	display:block
}
.con-ggh .item-name {
	padding:20px 0;
	height:48px;
	width:150px;
	font-size:16px;
	text-align:center;
	color:#333;
	line-height:48px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:#fff;
	border-radius:12px;
}
.b-intro {
	margin-top:45px
}
.b-intro span {
	font-size:24px;
	margin-bottom:12px;
	color:#fff
}
.ck-m {
	width:160px;
	height:36px;
	line-height:36px;
	margin-top:25px;
	background:#00a8ff
}
.zcinfo {
	width:766px;
	margin-top:130px;
}
.b-intro > p {
	line-height:20px;
}
.ptpic-dl {
	margin-top:0;
	position:absolute;
	right:72px;
	top:0;
}
.b-intro a {
	color:aliceblue
}
.ck-m:hover {
	background:#2eb6fc;
}
.list-pic img:hover {
	width:10px;
	height:158px;
	transform:scale(1.2);
}
.sy_ul {
	margin-bottom:40px;
}
.sy_ul>li {
	float:left;
	width:260px;
	height:268px;
	font-size:20px;
	padding:30px 20px 0 20px;
	font-weight:400;
	cursor:pointer;
	/*border:1px solid #C5D8DB;
	*/
}
.sy_ul>li>p {
	margin-top:30px;
	line-height:30px;
	font-size:16px;
	width:182px;
	text-align:left;
	padding-left:48px;
}
.sy_ul>li>img:hover {
	-webkit-transform:scale(1.1);
}
.td_ul {
	margin-top:-40px;
}
.td_ul>li {
	float:left;
	width:240px;
	height:350px;
	font-size:16px;
	border:1px solid #C5D8DB;
	margin-left:76px;
	cursor:pointer;
}
.td_ul>li:first-of-type {
	margin:0;
}
.td_ul>li>img {
	margin-top:20px;
}
.td_ul>li>img:hover {
	-webkit-transform:scale(1.1);
}
.td_ul>li>span {
	display:block;
	color:#333333;
	padding:24px 20px;
	height:28px;
	border-bottom:1px solid #C5D8DB;
	font-weight:500;
	font-size:18px;
	width:180px;
	margin:0 auto;
}
.td_ul>li>p {
	color:#999999;
	font-size:14px;
	display:block;
	padding:15px;
	margin-top:20px;
	word-wrap:break-word;
	text-align:justify;
}
.sence {
	width:100%;
	background:#F7F9FC;
	height:676px;
}
.sence_pro h2 {
	color:#333333;
}
.sence_pro {
	width:1200px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.sence_pro_line .line-mian {
	float:left;
	width:88px;
}
.sence_pro_line .line-mian-b {
	float:left;
	width:400px;
}
.sence_pro_line li {
	width:490px;
	height:88px;
	transition:0.1s;
}
.sence_pro_line {
	margin:0 auto;
	float:left;
	margin-left:60px;
	margin-top:20px;
}
.sence_pro_line li {
	color:#333333;
	font-size:16px;
	margin-bottom:12px;
	border-radius:2px;
}
.sence_pro_line img {
	float:left;
	width:54px;
	height:auto;
	padding:16px;
}
.sence_pro_line p {
	float:left;
	font-size:18px;
	line-height:46px;
	color:#333333;
	width:60%;
	text-align:left;
}
.sence_pro_line span {
	float:left;
	font-size:14px;
	line-height:22px;
	color:#888888;
	text-align:left;
	width:400px;
}
.sence_pro_line .on {
	background:#131A34;
	border-left:3px solid #238EFA;
}
.sence_pro_box{
	width:565px;
	float:left;
}
.sence_pro_line2 {
	width:565px;
	height:455px;
	float:left;
}
.sence_pro_line2 span {
	display:block;
	margin-top:80px;
	font-size:16px;
	color:#666;
	margin-left:146px;
}
.sence_pro_line2_img {
	width:538px;
	height:394px;
	display:block;
	float:left;
	padding-top:50px;
}
.sence_pro_line2_img img {
	width:100%;
	height:auto;
}
.sence_pro_line2 a {
	display:block;
	text-align:left;
	margin-left:180px;
	width:455px;
	color:#666;
	float:left;
	font-size:14px;
}
.ck-m {
	width:160px;
	height:36px;
	line-height:36px;
	margin-top:25px;
	background:#00a8ff;
}
.tc {
	text-align:center;
	border-radius:5px;
	border:0;
	font-size:18px;
	font-weight:normal
}
.tc2 {
	margin-left:60px;
}
.btn0 {
	width:152px;
	height:40px;
	background:linear-gradient(to right,#175CF3,#4B8DFF);
	display:block;
	float:left;
	margin-right:32px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	border-radius:6px;
	margin-top:40px;
}
.btn0-l {
	margin-left:88px;
}
.link_yanshi .btn-c {
	color:#ffffff;
}
.xq {
	background:linear-gradient(to right,#FF6710,#FFBF03);
}
.main-page .nav div em {
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin:24px 56px 8px;
}
.ui-tabs .ui-tabs-nav li {
	background:#ffffff;
	width:195px;
	height:80px;
	line-height:80px;
}
.tabs_b {
	width:100%;
	height:654px;
	background:#3A3B47;
}
.tabs_b .tabs_t .tabs-1-img {
	width:360px;
	height:286px;
	padding:70px;
	float:left;
}
.tabs_b .tabs_t .tabs-1-img img {
	width:100%;
	height:auto;
}
/*.tabs_b .tabs_t .tabs-1 {
	width:100%;
	height:auto;
	float:left;
}
*/
.tabs_b .tabs_t .tabs_con {
	float:left;
	width:600px;
	margin:60px 0 0 32px;
}
.tabs_con .tabs_con_tit {
	line-height:60px;
	height:60px;
	font-size:26px;
	color:#ffffff;
	text-align:left;
	background:none;
	border:none;
}
.tabs_con .tabs_con_tit u {
	font-size:12px;
	text-decoration:none;
}
.tabs_con .guan_ind {
	font-size:12px;
	line-height:30px;
	height:90px;
	color:#ffffff;
}
.tabs_con .guan_ind_b {
	font-size:12px;
	line-height:30px;
	color:#cfcfcf;
	height:60px;
}
.tabs_con .link_yanshi .link_yanshi_a {
	display:block;
	width:96px;
	height:34px;
	background:rgba(66,206,158,1);
	border-radius:21px;
	text-align:center;
	line-height:34px;
	color:#FFFFFF;
	float:left;
	margin:30px 5px 0;
	font-size:16px;
}
.tabs_con .link_yanshi .link_yanshi_b {
	display:block;
	width:96px;
	height:34px;
	background:rgba(255,255,255,1);
	border-radius:21px;
	border:1x solid rgba(151,151,151,1);
	text-align:center;
	line-height:34px;
	color:#3C4441;
	float:left;
	margin:30px 5px 0;
	font-size:16px;
}
.customer {
	background:#F7F9FC;
}
.customer_log {
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.customer_log li {
	width:20%;
	float:left;
	padding-top:10px;
}
.daili {
	width:100%;
	height:680px;
}
.daili .daili_main {
	width:1200px;
	margin:0 auto;
}
.daili .daili_main .daili_main_ul {
	width:890px;
	float:left;
	box-shadow:0px 8px 16px 0px rgba(117,117,117,0.16);
	margin-bottom:40px;
	margin-left:40px;
}
.daili .daili_main .daili_main_ul ul {
	width:890px;
}
.daili_main_ul ul li {
	float:left;
	width:395px;
	height:148px;
	border:1px dashed #eee;
	padding:24px;
}
.daili_main_ul ul li h3 {
	line-height:56px;
	padding-bottom:12px;
}
.daili_main_ul ul li h3 span {
	padding-left:12px;
}
.daili_main_ul ul li em {
	line-height:56px;
	font-weight:bold;
}
.daili_main_ul ul li p {
	line-height:22px;
	font-size:14px;
	color:#888888;
	width:342px;
}
.btn300 {
	margin-left:300px;
	margin-top:0!important;
}
.btn301 {
	margin-top:0!important;
}
button {
	text-decoration:none;
}
.cx-tg {
	float:left;
	width:16px;
	height:197px;
	margin-left:40px;
}
.btng {
	width:16px;
	height:197px;
	border:none;
	text-decoration:none;
	border-radius:4px;
	outline: none;
}
.cx {
	margin:10px auto;
	display:none;
}
.btng.active {
	background-color:#1A5FF3;
	text-decoration:none;
	border:none;
}
.cx.show {
	display:block;
}
.cx-gx {
	float:left;
	width:60px;
	margin-left:20px;
}
.cx-gx p {
	color:#333333;
	line-height:47px;
	font-size:14px;
}
.cx-gx .cx-sg {
	margin:0 0 9px;
}

/*bar*/
.boxbar{
	position: relative;
	height: 76px;
	width: 100%;
	z-index: 999;
	background: #ffffff;
}

.box-active{
	position: fixed;
	top: 0;
	box-shadow:0px 8px 16px 0px rgba(117,117,117,0.16);
}
/*bar*/

.pro-gj{width:1903px;margin:0 auto;}
.btn-and{margin-left:0;}