@font-face{
font-family:"KaiTi";
src: url('./font/simkai.ttf') format('truetype');
}

@font-face{
font-family:"Poppins";
src: url('./font/Poppins-Medium.ttf') format('truetype');
}

.no_m_l {margin-left:0 !important;}
.btn_box1 {text-align:center;line-height:55px;margin-top:70px;}
.btn_box1.m_long br {display:none;}
.btn_box1.black span {color:#000;}
.btn_box1 span {margin-right:20px;display:inline-block;padding-left:60px;color:#FFF;font-size:24px;background:url("../images/banli_icon.png") no-repeat left center;}
.btn_box1.black_bg span {color:#000;background-image:url("../images/banli_icon2.png")}

a.btn1 {text-align:left;display:inline-block;padding:0 40px;line-height:55px;color:#FFF;font-size:24px;background:#ee402e;transition: all 0.3s;}
a.btn1 img {margin-left:20px;vertical-align:super;}

a.btn2 {text-align:left;display:inline-block;padding:0 40px;line-height:55px;color:#1a1a1a;font-size:24px;background:#FFF;border:1px solid #1a1a1a;transition: all 0.3s;}
a.btn2 img {margin-left:20px;vertical-align:super;}

a.btn3 {text-align:left;display:inline-block;padding:0 40px;line-height:55px;color:#FFF;font-size:24px;border:1px solid #FFF;transition: all 0.3s;}
a.btn3 img {margin-left:20px;vertical-align:super;}

a.btn1:hover,a.btn3:hover {opacity:0.7;transition: all 0.3s;}
a.btn2:hover {opacity:0.5;transition: all 0.3s;}
.btn_box2 {text-align:center;width:100%;}
.btn_box2 div {display:inline-block;padding:15px;background:url("../images/btn_box2_bg.png") repeat;color:#000;font-size:24px;}



.ul_style1 {overflow:hidden;}
.ul_style1 li {float:left;}
.ul_style1 li:first-child {margin-left:0 !important;}

.ul_style2 {overflow:hidden;}
.ul_style2 li {float:left;padding-left:53px;background:url("../images/tar_icon1.png") no-repeat 7px center;}
.ul_style2 li:first-child {padding-left:0;background:none;}

.ul_style2 li dl {width:259px;height:290px;border:1px solid #8d8d8e;text-align:center;}
.ul_style2 li:hover dl{background:#00a4b7;border-color:#00a4b7;}

.ul_style2 dl dt {width:155px;line-height:35px;background:#00a4b7;color:#FFF;font-size:18px;margin:60px auto 35px auto;transition:background 0.5s;}
.ul_style2 li:hover dl dt {background:#ee402e;transition:background 0.5s;}
.ul_style2 dl dd {font-size:16px;color:#cbcbcb;line-height:20px;transition:color 0.5s;}
.ul_style2 dl dd strong {color:#FFF;font-size:24px;}
.ul_style2 dl dd.line {width:25px;margin:20px auto;height:1px;background:#00a4b7;transition:all 0.5s;}
.ul_style2 li:hover dd {color:#FFF;transition:all 0.5s;}
.ul_style2 li:hover dd.line {background:#FFF;transition:all 0.5s;}
.ul_style1 li.no_ml {margin-left:0 !important;}

.animation_container {
	width: 600px;
    height: 600px;
    position: absolute;
    top: -600px;
    left: 50%;
    margin-left: -300px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    background: url("../images/big-circlw.png") no-repeat;
}

@-webkit-keyframes rotate_y_360 {
    from{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}
@keyframes rotate_y_360 {
    from{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to{
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes rotate_360 {
    from{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes rotate_360 {
    from{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media all and (max-width: 640px) {
	.btn_box1 {margin-top:20px !important;line-height:35px;}
	.btn_box1 span {padding-left:40px;background-size:30px;font-size:15px;display:inline-block;margin-bottom:10px;}
	a.btn1 {margin:0 auto;line-height:30px;padding:0 20px;font-size:13px;}
	a.btn1 img {width:20px;margin-left:10px;}
	a.btn2 {margin:0 auto;line-height:30px;padding:0 20px;font-size:13px;}

	a.btn3 {margin:0 auto;line-height:30px;padding:0 20px;font-size:13px;}
	
	.btn_box2 div {font-size:15px;padding:5px;}
	.btn_box2 a.btn1 {margin:0 auto;line-height:30px;padding:0 20px;font-size:13px;}

	
	.ul_style1 {text-align:center;}
	.ul_style1 li {display:inline-block;float:none;margin:10px !important;}
	.ul_style1 li:first-child {margin:10px !important;}
	.ul_style2 {text-align:center;}
	.ul_style2 li {padding:0;background:none;display:inline-block;float:none;margin:10px !important;}
	.ul_style1 li:first-child {margin:10px !important;}

	.ul_style2 {margin:0;text-align:center;}
	.ul_style2 li {float:none;display:inline-block;width:40%;margin:5px;padding:0;background:none;}
	.ul_style2 li dl {width:100%;height:auto;padding-bottom:20px;}
	.ul_style2 dl dt {width:80%;margin:20px auto 10px auto !important;font-size:13px !important;}
	.ul_style2 dl dd strong {font-size:13px;}
	.ul_style2 dl dd {font-size:12px;}
	.ul_style2 dl dd.line {margin:10px auto;}



	.btn_box1.m_long br {display:inline;}
	.m_hide {display:none;}

}