html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0px; padding: 0px; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ font-size: 14px; width: 100%; line-height: 186%; background-color: #FFF; color:#000; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }

@font-face {
    font-family:'Geometric415BT-BlackA'; src:url("../fonts/Geometric415BT-BlackA.eot");src:url("../fonts/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}

.shadow-layer{ -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}


/* links */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#c12924; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { text-decoration: none; }

/* Scrollbar Star */
::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c4c4c4;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
/* Scrollbar End */


/* Header One Star */
.header-one { margin: 0; padding: 0; display: block; color: #1c1c1c; text-align: center;}
    .header-one em { font-size: 21px; font-weight: 700;}
    .header-one i { display: block; width: 60px; height: 3px; line-height: 3px; background: #c12924; margin: 10px auto 0 auto;}
/* Header One End */


/* Header Star */
#header { padding: 0 0 25px 0;}
    #header img { max-width: 100%;}
    #header .logos { float: left; margin: 25px 0 0 0;}
    #header .logos .logo { float: left; }
    #header .logos .bond { float: left; margin: 36px 0 0 30px; line-height: 1; color: #999;}

    #header .menus { float: right;}
    #header .menus ul li { margin: 0 50px 0 0; border-top: solid 4px #FFF; padding: 45px 0 0 0; float: left; line-height: 1; font-size: 17px; font-weight: 700; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    #header .menus ul li:last-child { margin-right: 0;}
    #header .menus ul li.active,#header .menus ul li:hover { border-top: solid 4px #c12924;}
    #header .menus ul li a { color: #000;}

    #header .navigations { display: none;}
/* Header End */

/* Header Blank Star */
.header-blank { display: none;}
/* Header Blank End */

/* Kuntai Banner Star */
#kuntai-banner { margin: 0 auto;}
    #kuntai-banner img { max-width: 100%;}
/* Kuntai Banner End */

/* About Us Star */
#about-us { padding: 0 0 80px 0;}
    #about-us .slogan { text-align: center; margin: 40px 0 80px 0; font-size: 24px; line-height: 2.1; font-weight: 700; color:#000000;}
    .about-us { margin: 50px 0 0 0;}
    .about-us ul li { background: #f8f8f8; margin: 0 0 40px 0; padding: 40px 50px; position: relative;}
    .about-us ul li:last-child { margin-bottom: 0;}
    .about-us ul li .lefts { float: left; width: 49%; font-size: 26px; font-weight: 700; line-height: 1.4; padding: 53px 0 0 0; color:#000000;}
    .about-us ul li .lefts p.two { margin: 10px 0 0 0;}
    .about-us ul li .rights { float: right; width: 49%; font-size: 20px; color:#333333;}
    .about-us ul li .rights p.two { margin: 10px 0 0 0;}

    .about-us ul li .squares { position: absolute; left: -6px; top: calc(50% - 9px); width: 18px; height: 18px; display: inline-block; background: #c12924;}
/* About Us End */

/* Attention Stage Star */
#attention-stage { background: #f8f8f8; padding: 50px 0;}

    .attention-stage { margin: 50px 0 0 0;}
    .attention-stage ul li { float: left; width: 16.666666%; text-align: center;}
    .attention-stage ul li .icos { width: 100px; height: 100px; line-height: 100px; margin: 0 auto 15px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s; border: solid 1px #FFF;}
    .attention-stage ul li .cns { font-size: 17px;}
    .attention-stage ul li .eng { color: #666;}

    .attention-stage ul li:hover .icos,.attention-stage ul li.active .icos { border: solid 1px #c12924;}

    .attention-stage ul li:nth-child(1) .icos { background: url("../img/stage/1hover.png") center center no-repeat #FFF;}
    .attention-stage ul li:nth-child(1):hover .icos { background: url("../img/stage/1default.png") center center no-repeat #c12924;}

    .attention-stage ul li:nth-child(2) .icos { background: url("../img/stage/2hover.png") center center no-repeat #FFF;}
    .attention-stage ul li:nth-child(2):hover .icos,.attention-stage ul li:nth-child(2).active .icos { background: url("../img/stage/2default.png") center center no-repeat #c12924;}

    .attention-stage ul li:nth-child(3) .icos { background: url("../img/stage/3hover.png") center center no-repeat #FFF;}
    .attention-stage ul li:nth-child(3):hover .icos,.attention-stage ul li:nth-child(3).active .icos { background: url("../img/stage/3default.png") center center no-repeat #c12924;}

    .attention-stage ul li:nth-child(4) .icos { background: url("../img/stage/4hover.png") center center no-repeat #FFF; border: solid 1px #c12924;}
    .attention-stage ul li:nth-child(4):hover .icos,.attention-stage ul li:nth-child(4).active .icos { background: url("../img/stage/4default.png") center center no-repeat #c12924;}

    .attention-stage ul li:nth-child(5) .icos { background: url("../img/stage/5hover.png") center center no-repeat #FFF; border: solid 1px #c12924;}
    .attention-stage ul li:nth-child(5):hover .icos,.attention-stage ul li:nth-child(5).active .icos { background: url("../img/stage/5default.png") center center no-repeat #c12924;}

    .attention-stage ul li:nth-child(6) .icos { background: url("../img/stage/6hover.png") center center no-repeat #FFF;}
    .attention-stage ul li:nth-child(6):hover .icos { background: url("../img/stage/6default.png") center center no-repeat #c12924;}

    .attention-stage .intros { font-size: 18px; text-align: center; margin: 50px 0 0 0; color:#393939;}
/* Attention Stage End */


/* Concern Stage Star */
#concern-stage { background: #f8f8f8; padding: 50px 0;}

    .concern-stage { margin: 50px 0 0 0;}
    .concern-stage ul li { float: left; width: 16.666666%; text-align: center;}
    .concern-stage ul li .icos { width: 100px; height: 100px; line-height: 100px; margin: 0 auto 15px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s; background: #FFF; border: solid 1px #FFF;}
    .concern-stage ul li .cns { font-size: 17px;}
    .concern-stage ul li .eng { color: #666;}

    .concern-stage ul li:nth-child(2) .icos,.concern-stage ul li:nth-child(3) .icos { background: #c12924; border: solid 1px #c12924;}
    .concern-stage ul li:nth-child(4) .icos,.concern-stage ul li:nth-child(5) .icos { /*background: url("../img/square.png");*/ border: solid 1px #c12924;}


    .concern-stage .intros { font-size: 18px; text-align: center; margin: 50px 0 0 0; color:#393939;}
/* concern Stage End */

/* Invested Projects Star */
#invested-projects { padding: 80px 0;}
    .invested-projects { margin: 50px 0 0 0;}
    .invested-projects ul { padding: 0 0 10px 0; overflow: hidden;}
    .invested-projects ul li { text-align: center; float: left; position: relative;}

    .invested-projects ul li .imgs { padding: 0 30px; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
    .invested-projects ul li .names { font-size: 16px; color: #666; margin: 20px 0 0 0;}
    .invested-projects ul li:hover .imgs { /*-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;*/}

    .invested-projects .intros { display: none; margin: 0 auto; width: 100%; background: #FFF; text-align: left; /*border: dashed 1px #b9b9b9;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px 25px;
        -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);
        -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);}
    .invested-projects ul li .arrows { z-index: 9999; float: left; background: #FFF; left: calc(50% - 8px); bottom: -20px; font-size: 12px; position: absolute; color: rgba(255, 255, 255, 1); filter:alpha(opacity=0);-moz-opacity:0.5;-khtml-opacity: 0;opacity: 0; /*display:none;*/ -o-transition: all 1.2s; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -ms-transition: all 1.2s; transition: all 1.2s; }
    .invested-projects ul li:hover .arrows { filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;/*display: block;*/}

    .invested-projects .intros div.lists { display: table; margin: 5px auto 0 auto;}
    .invested-projects .intros div.lists .item { float: left; margin: 0 10px; background: url('../img/dots.png') left 10px no-repeat; padding-left: 12px;}
/*Invested Projects End */

/* Latest News Star */
#latest-news { padding: 0 0 60px 0;}
    #latest-news img { max-width: 100%;}
    .latest-news { margin: 50px 0 0 0;}
    .latest-news .container { padding-left: 5px; padding-right: 5px;}
    .latest-news ul li { padding: 0 10px;}
    .latest-news ul li .imgs { position: relative; overflow: hidden;}

    .latest-news ul li .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .latest-news ul li:hover .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
    .latest-news ul li .imgs .names { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 8px; color: #FFF; background-color: rgba(0,0,0,0.5);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .latest-news .owl-theme .owl-controls { margin-top: 20px;}
    .latest-news .owl-theme .owl-controls .owl-page span { margin: 5px 5px; width: 8px; height: 10px; border-radius: 0;}
/* Latest News End */

/* Turn Pages Star */
.turn-pages { }
    .turn-pages .lefts { float: left;}
    .turn-pages .rights { float: right;}
/* Turn Pages End */

/* Online Float Star */
#online-float {position: fixed;right: 15px;top: 50%;margin-top: -100px;z-index: 900; background: #c12924; width: 60px; font-size: 12px;}
    #online-float .item a { color: #FFF;}
    #online-float .item { border-bottom: solid 1px #c73e3a; text-align: center; padding: 8px 0; position:relative;}
    #online-float .item .name { line-height: 1; margin: 5px 0 0 0;}
    #online-float .item .ico { display: block;}
    #online-float .item .ico img { max-height: 20px;}
    #online-float .item:last-child { border-bottom: none;}

    #online-float .item .arrow { bottom: 50px; display:block; width:13px; height:16px; background:url('../img/arrow-.png') no-repeat; position:absolute; right:-13px; top:6px;}
    #online-float .item .info { color: #000; position: absolute; top: 0; right: 46px; padding-right: 25px; display: none; min-width: 160px;}
    #online-float .item .box { width: 100%; border: 1px solid #ccc; border-top: 4px solid #c73e3a; padding: 0; background-color: #fff; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.35); behavior: url(ie-css3.htc);  position: relative;}

    #online-float .item .info .content a.tel { color: #777; font-size: 14px; font-family:'Geometric415BT-BlackA';}


    #online-float .item:hover .info { display: block;}
/* Online Float End */


/* Footer Star */
#footer { background: #f4f4f4; padding: 60px 0;}
    #footer img { max-width: 100%;}
    .footer { position: relative;}
    #footer .contacts { float: left; width: 40%;}
    #footer .contacts .logo { margin: 5px 0 30px 0;}
    #footer .contacts .address { position: absolute; left: 0; bottom: 0;}
    #footer .contacts .address p.p { font-size: 18px;}
    #footer .contacts .address p.t { color: rgba(0, 0, 0, 0.5); margin: 3px 0;}
    #footer .contacts .address p.a { color: rgba(0, 0, 0, 0.8);}
	#footer .contacts .qrcode { display: none;}

    #footer .links { float: left; margin: 0 0 0 10%; width: 25%;}
    #footer .links dl { float: left; width: 50%;}
    #footer .links dl dt { font-size: 18px; margin: 0 0 10px 0;}
    #footer .links dl dd { line-height: 1.8;}
    #footer .links dl dd a { color: rgba(0, 0, 0, 0.8);}
    #footer .links dl dd a:hover { color: #c12924;}
    #footer .wechats { float: right;}
/* Footer End */

/* Copyrighter Star */
#copyrighter { padding: 15px 0;}
    #copyrighter .lefts { float: left; color: #393838;}
    #copyrighter .rights { float: right; color: #545454;}
/* Copyrighter End */

/* List Page Star */
.list-page { width: 96%; margin: 25px auto 35px auto; text-align: center; font-weight: 700; font-size: 18px;}
    .list-page ul { display: table; margin: 0 auto;}
    .list-page ul li { float: left; margin: 0 8px; text-align: center;}
    .list-page ul li a { -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s;}
    .list-page ul li.active a,.list-page ul li:hover a { color: #e3454b;}
/* List Page End */

@media screen and (max-width: 1920px){

}

@media screen and (max-width: 1500px){
    /* About Us Star */
    #about-us .slogan { margin: 40px 0 80px 0; font-size: 22px; line-height: 1.9;}
    .about-us ul li .lefts { float: left; width: 49%; font-size: 22px; font-weight: 700; line-height: 1.4; padding: 63px 0 0 0;}
    .about-us ul li .rights { float: right; width: 49%; font-size: 16px; color:#666666;}
    /* About Us End */
}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 991px){
	
	/* Header One Star */
	.header-one em { font-size: 17px; font-weight: 600;}
	.header-one i { margin: 5px auto 0 auto;}
	/* Header One End */

    .container { padding-left: 10px; padding-right: 10px;}

    /* Online Float Star */
    #online-float { display: none;}
    /* Online Float End */

    /* Header Star */
    #header { width: 100%; padding: 0 0 5px 0;}
	.header { padding:0 20px;}
    #header.fixed { position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.95); border-bottom: solid 1px rgba(0, 0, 0, 0.05); z-index: 1000000;}
    #header .logos { margin: 8px 0 0 0;}
    #header .logos img { height: 30px;}
    #header .logos .bond { display: none;}

    #header .menus { z-index: 99999; position: fixed; left: 0; top: 46px; margin: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.95); float: none; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: max-height .3s,-webkit-transform .3s; transition: max-height .3s,-webkit-transform .3s; -o-transition: max-height .3s,transform .3s; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; overflow: auto;}
    #header .menus.on { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
    #header .menus ul { float: none;}
    #header .menus ul li { float: none; text-align: center;  margin: 0;}
    #header .menus ul li.active a { color: #e60012;}

    #header .menus ul li.active,#header .menus ul li:hover { border-top: none;}

    #header .navigations { display: block; float: right; margin: 8px 0 0 0; text-align: right;}
    #header .navigations button { border: 0; background: none; z-index: 9; outline: 0; padding: 0; text-align: right;}
    #header .navigations button .icons { display: block; background: #262626; height: 2px; border-radius: 2px; margin: 6px 0; position: relative; width: 28px; -webkit-transform-origin: left;  -moz-transform-origin: left;  -ms-transform-origin: left;  -o-transform-origin: left;  transform-origin: left; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
    #header .navigations button .icons:nth-child(3) { margin-bottom: 0;}
    #header .navigations button.on .icons:nth-child(1) { transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);  -ms-transform:rotate(45deg);  top:-2px  }
    #header .navigations button.on .icons:nth-child(2) { opacity:0 }
    #header .navigations button.on .icons:nth-child(3) { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  top:2px  }
    /* Header End */
	
	.kuntai-banner { padding:0 20px;}

    /* About Us Star */
    #about-us { padding: 0 0 30px 0;}
    #about-us .slogan { margin: 20px; line-height: 1.8; font-size: 16px; text-align: left;}
    #about-us .slogan p.two { margin: 8px 0 0 0;}
    .about-us { margin: 30px 0 0 0;}

    .about-us ul li { margin: 0 0 20px 0; padding: 20px 20px;}
    .about-us ul li .lefts { float: none; width: 100%; padding: 0; font-size: 18px; margin: 10px 0 15px 0;}
    .about-us ul li .lefts p.two { margin: 5px 0 0 0;}
    .about-us ul li .rights { float: none; width: 100%; font-size: 16px;}
    .about-us ul li .rights p.two { margin: 5px 0 0 0;}

    .about-us ul li .squares { left: calc(50% - 9px); top: -3px; height: 9px;}
    /* About Us End */

    /* Attention Stage Star */
    #attention-stage { padding: 30px 0;}

    .attention-stage { margin: 15px 0 0 0; padding:0 20px;}
    .attention-stage ul li { width: 33.333333%;  margin: 0 0 15px 0;}
    .attention-stage ul li .icos { width: 45px; height: 45px; line-height: 45px;}
    .attention-stage ul li .cns { font-size: 16px;}

    .attention-stage ul li:nth-child(1) .icos { background-size: 50%;}
    .attention-stage ul li:nth-child(1):hover .icos { background-size: 50%;}

    .attention-stage ul li:nth-child(2) .icos { background-size: 50%;}
    .attention-stage ul li:nth-child(2):hover .icos,.attention-stage ul li:nth-child(2).active .icos { background-size: 50%;}

    .attention-stage ul li:nth-child(3) .icos { background-size: 50%;}
    .attention-stage ul li:nth-child(3):hover .icos,.attention-stage ul li:nth-child(3).active .icos { background-size: 50%;}

    .attention-stage ul li:nth-child(4) .icos { background-size: 50%;}
    .attention-stage ul li:nth-child(4):hover .icos,.attention-stage ul li:nth-child(4).active .icos { background-size: 50%;}

    .attention-stage ul li:nth-child(5) .icos { background-size: 50%;}
    .attention-stage ul li:nth-child(5):hover .icos,.attention-stage ul li:nth-child(5).active .icos { background-size: 50%;}

    .attention-stage ul li:nth-child(6) .icos { background-size: 50%;}
    .attention-stage ul li:nth-child(6):hover .icos { background-size: 50%;}

    .attention-stage .intros { font-size: 16px; text-align: center; margin: 15px 0 0 0;}
    /* Attention Stage End */

    /* Invested Projects Star */
    #invested-projects { padding: 30px 0 30px 0; }

    .invested-projects { margin: 20px 0 0 0; padding:0 20px 10px 20px; overflow: hidden;}
    .invested-projects ul li .imgs { padding: 0; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;}
	.invested-projects ul li .imgs img { max-width:70%;}
    /* Invested Projects End */

    /* Latest News Star */
    #latest-news { padding: 0 0 30px 0;}
    .latest-news { margin: 20px 0 0 0; padding:0 20px;}
    /* Latest News End */

    /* Footer Star */
    #footer { padding: 30px 0;}
    #footer img { max-width: 55%;}
    .footer { position: static;}
    #footer .contacts { float: none; width: 100%; padding:0 20px; position:relative;}
    #footer .contacts .logo { margin: 0 0 10px 0;}
    #footer .contacts .address { position: static;}
	#footer .contacts .qrcode { display:block; position:absolute; top:0; right:20px;}
	#footer .contacts .qrcode img { max-width:82px; width:82px; height:82px;}

    #footer .links { display:none; float: none; margin: 10px auto; width: 100%; text-align: center;}

    #footer .wechats { display:none; float: none; width: 100%; text-align: center;}
    /* Footer End */

    /* Copyrighter Star */
    #copyrighter { padding: 10px 0; text-align: center;}
    #copyrighter .lefts { float: none; width: 100%;}
    #copyrighter .rights { float: none; width: 100%;}
    /* Copyrighter End */
}

@media screen and (max-width: 767px){

}
@media  (max-width: 450px) {

}