﻿@charset "utf-8";
/* CSS Document */

a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{font-family: "Helvetica Neue", Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:12px; color:#666; line-height:1.6; background:#fff;}
/*@font-face{font-family: "Helvetica Neue"; src: url("../font/Helvetica Neue.otf");}*/
a:hover{ color:#3ab7e7}
a:hover img,img{border:none; vertical-align: bottom;}
img{transition: all 0.6s;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family:"微软雅黑",Arial,"宋体"; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family:"微软雅黑";}
th{font-weight: normal;}

.fl{float: left}
.fr{float: right}
.w_1200{width:1200px;margin: 0 auto}
.animation{
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;	
}
/*-------------------------结束公用样式--------------------------*/

/*main*/
.container-f5{ width:100%; background:#f5f5f5; overflow:hidden;    border: none !important;}
.main{width:100%;overflow:hidden;}

/*head*/
#main .head{
	position: relative
}

/*top*/
.head .top{
	height: 35px;
	line-height: 35px;
	background: #f6f6f6;
}
.head .top span{
	color: #888;
}

.head .top a{
	display:inline-block;
	text-align: center;
	height: 35px;
	line-height: 35px;
	width: 60px;
	position: relative
}
.head .top a i{
	display: inline-block;
	height: 10px;
	width: 1px;
	overflow: hidden;
	background: #c3c3c3;
	position: absolute;
	right: 0;
	top: 12px
}

/*logo*/
.logo{
	height: 110px;
	position: relative
}
.logo .logo-ico{
	position: absolute;
	top: 20px
}

.menu{
	position: absolute;
	left:470px;
	height: 42px;top:30px;
}
.menu a{
	font-size: 16px;
	color: #333;
	line-height: 42px;
	display: inline-block;
	padding: 0px 25px;
	position: relative
}
.menu a:hover{
	color:#3ab7e7;}
.menu a i.tag{
	position: absolute;
	width: 38px;
	height: 23px;
	background:url('../../images/tag-bg.png') no-repeat center;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	line-height: 18px;
	text-align: center;
	top: -10px
}
.menu i{
	display:inline-block;
	width: 1px;
	height: 8px;
	background: #d1d1d1
}

.Sell-Company { float:left;    width: 150px;
    top: 35px; background:#3ab7e7;
    padding-left: 20px;}
	
.sell-button {
    width: 120px;
    height: 42px;
    background: url(../../images/zhuanrang/sell-ico.png) no-repeat 15px center #3ab7e7;
    line-height: 43px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    float: right;
    margin-top: 30px;
    margin-right: 10px;
	border-radius: 25px;
}	
.sell-buttons {
    width: 120px;
    height: 42px;
    background: url(../../images/zhuanrang/sell-ico.png) no-repeat 15px center #FF6600;
    line-height: 43px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    float: right;
    margin-top: 30px;
    margin-right: 10px;
	border-radius: 25px;
}	
	
/*banner*/
.banner-box{min-width:100%;height:360px;position:relative;overflow:hidden;box-shadow: 0px 2px 11px 0px rgba(0, 87, 255, 0.41);}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:360px;}
.banner-box .bd li a{display:block;background-size:auto;width: 100%;height: 360px;}
.banner-box .bd li img{width:100%;height:360px}
.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../../images/zhuanrang/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../../images/zhuanrang/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:200px;left:585px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner-box .hd ul li.on{background:#3ab7e7;}

/*content*/
.content{padding:20px 0px;overflow: hidden;}
.content-l{ width:100%; float:left;}
.content-r{ width:280px; float:right;}


/*搜索*/
.searchbar{padding: 20px;background:#fff;position:relative; width:520px; height:40px;border: 1px solid white;border-radius: 10px;padding-left: 362px;}
.statistics{
	background: #fff;
	text-align:left;
	position: relative;
}
.statistics span{
	font-size: 14px;
	display: inline-block;
	margin: 0px 10px;
	color: #666;
}
.statistics span.digital{
	margin: 0px 5px;
	font-size: 18px;
	color: #3ab7e7;
	font-weight: bold;
}
.search{ width:400px; float:left; border:solid 1px #e83d3d;border-radius: 3px;}
.search-cont{width:109px;background: #fff; border:none; padding:0 10px; line-height:32px; font-size:14px;}
.search-btn{ width:60px; background:#e83d3d; line-height:32px; text-align:center; color:#fff; font-size:14px; border:none;}
.dynamic{ width:860px; float:left; color:#333;}
.dynamic span{ color:#ff6600;}

/*公司转让*/
.title{ width:900px; float:left; padding-top:20px; background:url(../../images/zhuanrang/title_bg.jpg) no-repeat bottom; padding-bottom:5px;}
.title h1{font-size:18px;color:#333; float:left; font-weight:bold;}
.title span{color: #666;font-size: 14px; float:left; padding:3px 0 0 10px;}
.title a{ float:right; color:#ff6600; font-weight:bold; padding-top:3px; font-size:14px;}
.title a:hover{ color:#ff3300;}

/*公司列表*/
.company-list{
	
}
.company-list .list{
	background: #fff;
	height: 125px;
	margin: 21px 0px 0px;
	position: relative;
	cursor: pointer;
	border: 2px solid #fff
}
.company-list .list .tips{
	position: absolute;
	height: 129px;
	background: #e73a3a;
	width:40px;
	text-align: center;
	top: -2px;
	left: -2px;
	box-shadow: 0px 2px 11px 0px rgba(0, 87, 255, 0.41);
}
.company-list .list .tips span{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	width: 15px;
	margin-top:35px;
	line-height: 19px;
}
.company-list .list .summary{
	position: absolute;
	left:70px;
	width:85%;
	padding: 20px 0px;
}
.company-list .list .summary a{
	font-size: 16px;
	color: #333;
	margin-left: -7px
}
.company-list .list .summary span.digital{
	color: #3ab7e7;
}
.company-list .list .summary div.introduction{
	font-size: 14px;
	margin: 8px 0px 6px;
	color: #888
}
.company-list .list .summary div.introduction span{ padding-right:25px;}
.company-list .list .summary div.supplement{
	font-size: 14px;
	width:94%;
	color: #888
}
.company-list .list .time{
	width: 110px;
	border-left: 1px solid #e7e7e7;
	position: absolute;
	right: 0px;
	height: 100%;
}
.company-list .list .time span{
	display:block;
	padding-left: 20px;
	color: #666;
	line-height: 23px;
}
.company-list .list .time span.years{
	font-size: 26px;
	margin-top:40px;
}
.company-list .list .time i{
	display: block;
	position: absolute;
	width: 3px;
	height: 15px;
	background: #3ab7e7;
	top: 55px;
}

.company-list .list:hover{
	box-shadow: 1px 1px 15px #3ab7e7;
	border: 2px solid #3ab7e7;
	behavior: url(PIE.htc);
}
.company-list .list:hover a{
	color: #3ab7e7;
}

.company-list .more{font-size: 16px;text-align: center;	color: #333;margin-top:30px; padding-bottom:20px;}
.company-list .more a:hover{color: #3ab7e7;}

/*right*/
.advertising{ width:280px; float:left;}
.advertising ul{ float:left; width:280px;}
.advertising li{width:280px; float:left; padding-bottom:20px;}
.advertising dl{width:280px; float:left; text-align:center;}
.advertising dl dt{ width:280px; float:left;}
.advertising dl dd{ width:280px; float:left;}
.advertising dl dd span{ font-weight:bold; font-size:16px; color:#000; padding:10px 0 5px 0; width:280px; float:left; border-bottom:solid 2px #3ab7e7;}
.advertising dl dd p{ padding-top:10px; font-size:15px; color:#333; width:280px; float:left; line-height:24px;}


/*底部copyright*/
.copyright{
	background: #424242;
	padding:30px 0px 50px 0;
	width: 100%;
	overflow: hidden;
}
.copyright .Links{
	border-bottom: 1px solid #585858;
	padding-bottom:15px;}
.copyright .Links span{
	color: #c4c4c4;
	font-size: 14px;
}
.copyright .Links a{
	margin: 0px 5px;
	font-size: 14px;
	color: #777;
}
.copyright .Links a:hover{
	color: #fff;
}

.information{
	position: relative;
	padding: 30px 0 40px;
}
.information .tel{ width:250px; float:left;	border-left: 1px solid #4c4c4c;margin-left:500px; padding-left:70px; background:url(../../images/zhuanrang/tel-ico-1.png) no-repeat 30px; line-height:18px;}
.information .tel span{
	color: #888;
	font-size: 14px;
}
.information .tel .number{
	color: #fff;
	font-size: 24px;font-weight:bold;
}
.information .link{
	position: absolute;
	left: 0px;
}
.information .link span{
	display: block;
	font-size: 14px;
	margin: 6px 0px;
}
.information .link a{
	color: #999;
	font-size: 14px;
	margin: 0 10px 0 0;
	padding-left: 10px
}
.information .link a:first-child{
	padding: 0px;
}
.information .link a:hover{
	color: #fff;
}
.information .link i{
	display:inline-block;
	width: 1px;
	height: 8px;
	background: #575757
}

.information .code{
	position: absolute;
	width: 260px;
	right: 0px;
	top:20px;
}
.information .code div.pic{

}
.information .code .fr{
	margin:  15px 0 0 10px;
}
.information .code  span{
	display: block;
	color: #999;
	font-size: 14px;
}
.information .code  span.t{
	font-size: 16px;
	color: #fff;
}







.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */

.product-num-box{
    width: 100%;
    height: 680px;
    background-color: #3e88f1;
    background-image: url(../images/pre-bg.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size:100%;
}

.product-num-content{
    width: 1200px;
    height: 577px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}

.product-num-title{
    padding-top: 110px;
    margin-bottom: 30px;
    font-size: 42px;
    color: #fff;
    line-height: 45px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.product-num-text{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.product-num-head{
    margin-top: 80px;
    font-size: 0;
}

.product-num-item{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 400px;
    font-size: 108px;
    color: #fff;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

.product-num-jus{
    display: inline-block;
    margin: 80px 0;
    width: 162px;
    height: 56px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    letter-spacing: 2px;
    border: 2px solid #fff;
    cursor: pointer;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
}

.product-num-nub{
    display: inline-block;
    width: 400px;
    font-size: 108px;
    color: #fff;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

.product-num-add{
    font-size: 24px;
    color: #fff;
    margin-left: -20px;
    position: absolute;
    right: 75px;
    top: 30px;
}

.product-num-inf{
    margin-top: 24px;
    font-size: 28px;
    color: #fff;
    line-height: 0;
    margin-left: 30px;
}

.product-num-jus:hover{
    background-color: #fff;
    color: #3e88f1;
}

.product-num-wan{
    position:absolute;
    right: 55px;
    top: 0px;
}

.sousuo{
	    position: absolute;
	    left: 240px;
	    height: 32px;
	    top: 34px;
		margin-left: 20px;
}


.in_pro_title h2 {
    padding: 0 0 25px;
    font-size: 26px;
    line-height: 30px;
    color: #333;
}
.in_pro_title {
    text-align: center;
	padding-top: 50px;
}

.w1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.t_news {
    height: 25px;
    color: #fff;
    padding-left: 10px;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    float: left;
    width: 80%;
}
.t_news b{
    line-height: 25px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    background: #e10000;
    border-radius: 30px;
}
.news_li, .swap {
    line-height: 25px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 95px;
}
.index_new_news_more {
    width: auto;
    display: inline-block;
    float: right;
    padding: 20px 35px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.index_new_news_more a {
    overflow: hidden;
    display: block;
}


/* 优势样式css */

.block h2.title{position: relative;font-size: 40px;color: #666666;text-align: center;padding-bottom: 15px;}
.block h2.title.line:after{display: block;content: "";position: absolute;width: 65px;height: 3px;background: #4585f2;bottom: 5px;left: 50%;transform: translateX(-50%);}
.block p.sub-title{font-size: 18px;color: #666666;text-align: center;}
/*创新*/
.innovate{width: 100%;height: auto;overflow: hidden;padding: 30px 0 90px 0;background: #f5f5f5;}
.innovate .desc{color: #b4b4b4;font-size: 16px;text-align: center;padding: 35px 0 60px 0;line-height: 30px;}
.innovate .list{width: 100%;height: auto;overflow: hidden;}
.innovate .list ul{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;text-align: center;}
.innovate .list ul li{display: inline-block;width: 540px;height: 250px;margin: 8px;background-color: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 25px rgba(210,210,210,.2);background-repeat: no-repeat;padding-left: 40px;transition: all .3s;}
.innovate .list ul li:hover{transition: all .3s;transform: translateY(-5px);}
.innovate .list ul li h4{font-weight: bold;color: #4585f2;font-size: 24px;text-align: left;padding: 55px 0 25px 0;}
.innovate .list ul li p{color: #333333;font-size: 14px;text-align: left;width: 60%;line-height: 25px;}
.innovate .list ul li.one{background-image: url(../../images/zhuanrang/cxkj-pic1.png);background-position: center right 50px;}
.innovate .list ul li.two{background-image: url(../../images/zhuanrang/cxkj-pic2.png);background-position: center right 50px;}
.innovate .list ul li.three{background-image: url(../../images/zhuanrang/cxkj-pic3.png);background-position: center right 50px;}
.innovate .list ul li.four{background-image: url(../../images/zhuanrang/cxkj-pic4.png);background-position: center right 30px;}

.zixuntupian{
	 float: right;
	 width: 480px;
	 height: 400px;
	 background: #fff;
}



