*{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
	
}
/* a{
	text-decoration: none;
	color: black;
} */
.clear{
	clear: none;
}
.clear::after{
	content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@font-face {
	font-family:FZLTZHK;
	src: url('../fonts/fzltzhk.ttf');
}
@font-face {
	font-family:MONBOLD;
	src: url('../font/montserrat/Montserrat-Bold.otf');
}
@font-face {
	font-family:LTH;
	src: url('../font/fz/LTHJ.TTF');
}
@font-face {
	font-family:Light;
	src: url('../font/montserrat/Montserrat-Light.otf');
}
@media screen and (min-width:768px){
	/*澶у浘*/
	.bigImg{
		width: 100%;
		background:url(../images/probigimg.png) no-repeat center;
		background-size: 100%;
		font-size: 60px;
		color: #fff;
		text-align: center;
		font-family:FZLTZHK;
		padding:10% 0;
	}
	.enbigImg{
		font-family:MONBOLD;
	}
	.bigImg h3 span{
		font-family:MONBOLD;
	}
	/*proCon*/
	.proCon .center{
		width: 1207px;
		margin:135px auto 215px;
	}
	/*CPT cTrader鏄粈涔堬紵*/
	.proCon .center .what .leDiv{
		width: 40%;
		margin: 0 3% 0 9%;
		background:url(../images/prowhat.png) no-repeat center;
		background-size: 100%;
	}
	.proCon .center .what .leDiv p{
	    font-size: 15px;
	    line-height: 28px;
	    color: #535353;
	    font-family: LTH;
	    width: 82%;
	    margin: 0 0 0 5%;
	    padding: 7% 0;
	}
	.enproCon .center .what .leDiv p{
	    line-height: 21px;
	    color: #535353;
	    font-family: Light;
	    padding: 5% 0;
	}
	.proCon .center .what .rigFl{
		width: 30%;
		margin: 3% 0 0 5%;
	}
	.proCon .center .what .rigFl p{
		font-family:FZLTZHK;
		font-size: 40px;
		color: #231815;
		text-decoration: underline;
		padding-bottom:3px;
		margin-top:38px;
	}
	.enproCon .center .what .rigFl p{
		font-family:MONBOLD;
	}
	.proCon .center .what .rigFl p span{
		font-family:MONBOLD;
		display: block;
	}
	/*浠€涔堟槸CPT cTrader ID锛屾垜濡備綍鍒涘缓瀹�?*/
	.proCon .center .proCre{
		margin:90px auto 120px;
	}
	.proCon .center .proCre>div{
		margin-top:55px;
	}
	.proCon .center .proCre>div div.fl{
		width: 30%;
		text-align: center;
	}
	.proCon .center .proCre>div div.fl img{
		margin:40px auto 38px;
	}
	.proCon .center .proCre>div div.fl p{
		font-family:Light;
		font-size: 20px;
		color: #5a0db2;
		text-align: center;
	}
	.proCon .center .proCre>div div.fr{
		width: 64%;
	}
	.proCon .center .proCre>div div.fr img{
		margin: 13% 0;
	}
	.enproCon .center .proCre>div div.fr img{
		margin: 19% 0;
	}
	.enproCon .center .proCre>div.twoCre div.fr img{
		margin: 15% 0;
	}
	.proCon .center .proCre>div div.fr p{
		font-size: 18px;
		color: #535353;
		font-family:Light;
		line-height: 36px;
		margin-left: 8%;
	}
	.proCon .center .proCre>div div.fr p.frCon{
		margin-top: 7%;
	}
	.proCon .center .proCre>div div.fr p span{
		display: block;
		font-size: 14px;
		color: #737373;
		line-height: 28px;
		margin-top:8px;
	}
	/*濡備綍淇敼鎸佷粨锛�*/
	.proCon .center .listDiv>div{
		width: 98%;
		margin:30px auto 0;
	}
	.proCon .center .listDiv>div .listTop img{
		margin:0.7% 1% 0 1%;
	}
	.proCon .center .listDiv>div .listTop p{
		font-size: 24px;
		color: #5a0db2;
	}
	.enproCon .center .listDiv>div .listTop p{
		font-family:Light;
	}
	.proCon .center .listDiv>div .listBot{
		display: none;
		width: 100%;
		font-size: 17px;
		color: #535353;
		font-family:Light;
		line-height: 34px;
		position: relative;
	}
	.proCon .center .listDiv>div.firQue .listBot{
		display: block;
	}
	.proCon .center .listDiv>div .listBot p{
		margin: 2% auto 0;
		padding: 28px 27px;
		background-color: #fdfcfa;
		border:1px solid #f5f2eb;
		border-radius: 15px;
	}
	.proCon .center .listDiv>div .listBot p a{
		color: #5a0db2;
	}
	.proCon .center .listDiv>div .listBot p a:hover{
		color: #5a0db2;
		text-decoration: underline !important;
	}
	.proCon .center .listDiv>div .listBot img{
		position: absolute;
		top:-11%;
		left:5%;
		z-index: 5;
	}
	.proCon .center .listDiv>div.botOne .listBot img{
		top:-15%;
	}
	.proCon .center .listDiv>div.botThr .listBot img{
		top:-20%;
	}
	.enproCon .center .listDiv>div.botPla .listBot img{
		top:-12%;
	}
	.proCon .center .listDiv>div.botLoo .listBot img{
		top:-10%;
	}
	.enproCon .center .listDiv>div.botCli .listBot img{
		top:-9%;
	}
	.enproCon .center .listDiv>div.botOpen .listBot img{
		top:-20%;
	}
	.enproCon .center .listDiv>div.botDep .listBot img{
		top:-7%;
	}
	
	@media screen and (min-width:1200px) and (max-width:1680px){
		.bigImg {
		    padding: 9% 0;
    	}
	}
	@media screen and (max-width:1200px){
		.bigImg {
		    padding: 8% 0;
    	}
    	.proCon .center {
    		width: 800px;
    	}
    	.proCon .center .what .leDiv {
		    width: 59%;
		    margin: 0 3% 0 3%;
    	}
    	.proCon .center .what .rigFl {
		    margin: 3% 0 0 0%;
    	}
    	.proCon .center .what .rigFl p {
		    font-size: 38px;
    	}
    	.proCon .center .proCre>div div.fr img {
		    margin: 20% 0;
		}
		.proCon .center .listDiv>div .listBot p {
    		margin: 3% auto 0;
    	}
	}
}
@media screen and (max-width:768px){
	html{
		font-size:62.5%;
	}
	/*澶у浘*/
	.bigImg{
		width: 100%;
		background:url(../images/probigimg.png) no-repeat center;
		background-size: 100%;
		font-size: 2rem;
		color: #fff;
		text-align: center;
		font-family:FZLTZHK;
		padding:9% 0;
	}
	.enbigImg{
		font-family:MONBOLD;
	}
	.bigImg h3 span{
		font-family:MONBOLD;
	}
	/*proCon*/
	.proCon .center{
		width: 90%;
		margin: 5rem auto;
	}
	/*CPT cTrader鏄粈涔堬紵*/
	.proCon .center .what{
		position: relative;
	}
	.proCon .center .what .leDiv{
		width: 29rem;
	    margin: 10% 0% 0 0%;
	    background: url(../images/prowhat.png) no-repeat center;
	    background-size: 100%;
	}
	.enproCon .center .what .leDiv{
		width: 29rem;
	    margin: 10% 0% 0 0%;
		background: url(../images/prowhat_en.png) no-repeat center;
		background-size: 100%;
	}
	.proCon .center .what .leDiv p{
	    font-size: 1.2rem;
	    line-height: 1.5rem;
	    color: #535353;
	    font-family: LTH;
	    width: 82%;
	    margin: 0 0 0 5%;
	    padding: 7% 0;
	}
	.proCon .center .what .rigFl{
	    width: 20rem;
    	position: absolute;
    	top: -16%;
	}
	.enproCon .center .what .rigFl{
    	top: -9%;
	}
	.proCon .center .what .rigFl p{
	    font-family: FZLTZHK;
	    font-size: 1.8rem;
	    color: #231815;
	    padding-bottom: 0.2rem;
	    width: 20rem;
	}
	.enproCon .center .what .rigFl p{
	    font-family:MONBOLD;
	}
	.proCon .center .what .rigFl p span{
		font-family:MONBOLD;
		display: inline-block;
	}
	/*浠€涔堟槸CPT cTrader ID锛屾垜濡備綍鍒涘缓瀹�?*/
	.proCon .center .proCre{
		margin:5rem auto;
	}
	.proCon .center .proCre>div{
		margin-top:3rem;
	}
	.proCon .center .proCre>div div.fl{
		width: 30%;
	}
	.enproCon .center .proCre>div div.fl{
		width: 31%;
	}
	.proCon .center .proCre>div div.fl img{
		margin:2rem auto 3rem;
	}
	.proCon .center .proCre>div div.fl p{
		font-family:Light;
		font-size: 1.5rem;
		color: #5a0db2;
		text-align: center;
	}
	.proCon .center .proCre>div.twoCre div.fl img{
		width: 50%;
		margin: 2rem auto;
	}
	.proCon .center .proCre>div div.fr{
		width: 65%;
	}
	.proCon .center .proCre>div div.fr img{
		margin: 82% 0;
	}
	.proCon .center .proCre>div.twoCre div.fr img{
		margin: 34% auto;
	}
	.proCon .center .proCre>div div.fr p{
		font-size: 1.4rem;
	    color: #535353;
	    font-family: LTH;
	    line-height: 1.8rem;
	    margin-left: 8%;
	}
	.enproCon .center .proCre>div div.fr p{
		font-family: Light;
	}
	.proCon .center .proCre>div div.fr p.frCon{
		margin-top: 7%;
	}
	.proCon .center .proCre>div div.fr p span{
		display: block;
		font-size: 1.2rem;
		color: #737373;
		line-height: 1.8rem;
		margin-top: 0.5rem;
	}
	/*濡備綍淇敼鎸佷粨锛�*/
	.proCon .center .listDiv>div{
		width: 98%;
		margin: 2rem auto 0;
	}
	.proCon .center .listDiv>div .listTop img{
	    margin: 2% 2% 0 0%;
    	width: 2%;
	}
	.proCon .center .listDiv>div .listTop p{
		font-size: 1.6rem;
		color: #5a0db2;
	}
	.enproCon .center .listDiv>div .listTop p{
		font-size: 1.3rem;
		
	}
	.enproCon .center .listDiv>div .listTop p{
		font-family:Light;
		width: 96%;
	}
	.proCon .center .listDiv>div .listBot{
		display: none;
		width: 100%;
		font-size: 1.5rem;
		color: #535353;
		font-family:LTH;
		line-height: 2rem;
		position: relative;
	}
	.enproCon .center .listDiv>div .listBot{
		font-family: Light;
	}
	.proCon .center .listDiv>div.firQue .listBot{
		display: block;
	}
	.proCon .center .listDiv>div .listBot p{
		margin: 2% auto 0;
		padding: 2rem 1.8rem;
		background-color: #fdfcfa;
		border:1px solid #f5f2eb;
		border-radius: 1rem;
	}
	.proCon .center .listDiv>div .listBot p a{
		color: #535353;
	}
	.proCon .center .listDiv>div .listBot img{
		display: none;
		width: 6%;
		position: absolute;
		top:-11%;
		left:5%;
		z-index: 5;
	}
	.proCon .center .listDiv>div.botOne .listBot img{
		top:-15%;
	}
	.proCon .center .listDiv>div.botThr .listBot img{
		top:-20%;
	}
	.proCon .center .listDiv>div.botLoo .listBot img{
		top:-10%;
	}
	@media screen and (max-width:320px){
    	.proCon .center .listDiv>div .listTop p ,.enproCon .center .listDiv>div .listTop p,.proCon .center .proCre>div div.fl p,.enproCon .center .proCre>div div.fl p {
    		font-size: 1.3rem;
		}
		.enproCon .center .what .leDiv p {
		    width: 87%;
		    margin: 0 0 0 3%;
    	}
	}
	@media screen and (width:768px){
		.proCon .center .proCre>div div.fr img {
		    margin: 20% 0;
		}
		.proCon .center .proCre>div.twoCre div.fr img {
		    margin: 20% auto;
		}
		.proCon .center .proCre>div div.fr p.frCon {
		    margin-top: 13%;
		}
		.proCon .center .listDiv>div .listTop img {
		    margin: 1% 2% 0 0%;
		    width: 1%;
		}
		.proCon .center .what .rigFl {
		    width: 16rem;
		    position: static;
		    margin: 5% 0 0 5%;
    	}
    	.proCon .center .what .rigFl p {
		    margin-top: 17px;
    	}
    	.proCon .center .what .leDiv {
		    margin: 0% 0% 0 5%;
    	}
    	.proCon .center .what .rigFl p span {
		    display: block;
    	}
	}
}