﻿/* Custom chinese stylesheet */
@media screen and (max-width:640px) and (min-width: 320px){
    .trade-banner-container .header-table-container {
        height: 77px;
        line-height: 12px;
    }
    .trade-banner-container .trader-table-container .header-table-container li.active{
        width: 40%
    }
    .trade-banner-container .trader-table-container .header-table-container ul li{
        width: 40%;
        MARGIN: 12PX 21PX;
    }

    .trader-table-container .header-table-container ul li.active {
        color: #d6ad48;
        background-color: #fff;
    }
    .header-table-container li.active::after{
        display: none
    } 
}

body { font-size:16px;font-family: "Microsoft YaHei";}

.section-2 .img-area{
	background: url("../image/section2.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}
.section-3  .img-area{
	background: url("../image/section3.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}
.section-4 .img-area{
	background: url("../image/section4.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}
.section-5 .img-area{
	background: url("../image/section5.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}
.section-6 .img-area{
	background: url("../image/section6.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}
.section-7 .img-area{
	background: url("../image/section7.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}
.section-8 .img-area{
	background: url("../image/section8.jpg") no-repeat center;
	background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}


#contc .title { font-size:35px; padding:10px;}
#contc p { text-align:left;}
#cont.category-13 h2, #cont.category-3 h2 {
   
    margin: 8% 0 4%;
}


#cont p { text-align: left;}
#cont .list1 li { padding:1% 0 1% 4% ; line-height:1.3em;}




.contactus .bg1 {
            background: url(../image/contact-cn.jpg) left top no-repeat;
        }
		
.cd-primary-nav > li > a  {padding: 0 28px;}		

#cont h2 { margin:8% 2% 4%;}
.box-feature span { text-align:center;}
.box-feature p { text-align:center !important; line-height:28px !important;}


#cn_banner_text{
				right: -200px;
			}
			@media screen and (){
				#cn_banner_text{
					right: -140px;
				}
			}
			
.promo-box-t {
	float: left;
	width: 48%;
	margin: 0 1%;
}
.promo-box-t img:hover {
	opacity: 0.6;
}
.promo-box img {
	transition: all ease 0.3s;
}
.aboutz1{ color: #003 ; border-bottom: 1px solid #BBB; padding: 10px; font-size: 12px; margin-bottom: 10px; line-height: 2em;}
.aboutz1 h4 { border-top: 2px solid #BBB;   font-size: 14px;}
.aboutz1 h4 span { background: #fff; position: relative; top:-11px; padding: 5px 20px; }
.flink ul {  color: #002864;
	float: right;
	font-size: 12px;
	margin-top: 4px;
	width: 90%;}
.flink ul li { float: left; padding: 0 5px;}
.flink ul li a { color: #999;}

.footer-menu-item>.box-item:nth-child(4),.footer-menu-item>.box-item:nth-child(6){display:none;}