@charset "utf-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;}
main{display:block;}
h1{margin:.67em 0;font-size:2em;}
hr{overflow:visible;box-sizing:content-box;height:0;}
pre{font-size:1em;font-family:monospace;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-size:1em;font-family:monospace;}
small{font-size:80%;}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}
sub{bottom:-.25em;}
sup{top:-.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15;}
button,input{overflow:visible;}
button,select{text-transform:none;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none;}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}[type=search]{outline-offset:-2px;-webkit-appearance:textfield;}
[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
details{display:block;}
summary{display:list-item;}
[hidden],template{display:none;}

/* 深圳市静江网络科技有限公司 */
/* 自定义初始化样式结束 */
*,*:before,*:after {-webkit-box-sizing:border-box; box-sizing:border-box;margin:0; padding:0;}
/*:root {font-size: calc(.8vw + .1vh);}*/
html{font-family: "PingFang SC UltraLight",PingFangSC-Light,"Microsoft YaHei",Tahoma,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size: 16px;}
body{font-size: 1rem;}
label{cursor: pointer;}
input{outline: none;}
[type=button],button,select{cursor: pointer;outline: none;}

textarea{outline: none;resize: none;}
li{list-style-type:none;}
a{text-decoration:none;}

.clf:before, .clf:after, .w:before, .w:after {content: " ";display: table;}
.clf:after, .w:after { clear: both;}
.clf, .w {*zoom: 1}

.fl{float: left;}
.fr{float: right;}

.w{width: 1200px;max-width: 100%;margin: auto;}
/* 自定义初始化样式结束 */

/*title*/
.title{display:inline-block;padding:0 10px 16px;border-bottom:1px solid #000;font-size:18px;color:#000;font-weight:600;position:relative;}
.title span{font-size:12px;margin-left:12px;}
.title:after{content:'';position:absolute;width:58px;height:4px;background:#000;left:50%;transform:translateX(-50%);bottom:-2px;}

/* 国家 */
.states {text-align: center;margin: 1.25rem 0 4.25rem; position: relative;}
.states .fixLine {position: absolute; top: 66.5%; right: 0; left: 0; border-color: #c52620;}
.states li {display: inline-block; margin: 0 1.25rem;cursor:pointer;}
.states li:hover img{-ms-transform: scale(1.2); /* IE 9 */  -webkit-transform: scale(1.2); /* Safari */  transform: scale(1.2); /* 标准语法 */}
.states li .placeIcon {display: block; width: 1.125rem; height: 1.125rem; border-radius: 50%; border: .125rem solid #c52620; position: relative; margin: .3rem auto .1rem;}
.states li .placeIcon::before {content: ''; width: .5rem; height: .5rem; border-radius: 50%; background-color: #c52620; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.states li p {font-size: .875rem; line-height: 2; color: #0f1415;}

       #g-right {
            width: 60px;
            height: auto;
            position: fixed;
            right: 0;
            bottom: 80%;
            padding: 0;
            z-index: 10010;
        }

            #g-right.current > a,
            #g-right.current > ul {
                display: none;
            }

            #g-right.current {
                height: 49px;
                margin: -24.5px 0 0 0;
                padding: 0;
            }

            #g-right span {
                height: 49px;
                cursor: pointer;
            }

            #g-right.current span {
                display: block;
                cursor: pointer;
            }

            #g-right.current span {
                display: block;
            }

            #g-right > a {
                float: right;
            }

            #g-right li {
                width: 60px;
                height: 59px;
                position: relative;
            }

                #g-right li a {
                    width: 100%;
                    height: 100%;
                }

                #g-right li:hover {
                    background: #896a45;
                }

                #g-right li div {
                    position: absolute;
                    top: -1px;
                    right: 0;
                    margin-right: 60px;
                    border-radius: 5px 0 0 5px;
                    display: none;
                }

                #g-right li.current div {
                    display: block;
                }

                #g-right li.saoyisao div {
                    padding: 6px;
                    overflow: hidden;
                    border: 3px solid #53341a;
                    background: #ffffff;
                }

                #g-right li.callback div {
                    padding: 2px 6px;
                    overflow: hidden;
                    border: 3px solid #53341a;
                    background: #53341a;
                }

                    #g-right li.callback div input[type=text] {
                        width: 140px;
                        height: 28px;
                        border-radius: 5px;
                        background-color: rgb(255, 255, 255);
                        box-shadow: inset 0 0 5px 0 rgba(5, 12, 22, 0.35);
                        padding: 0 0 0 8px;
                    }

                    #g-right li.callback div input[type=button] {
                        width: 148px;
                        text-align: center;
                        line-height: 22px;
                        color: #f5ead6;
                        font-weight: 700;
                        background: transparent;
                    }

                #g-right li + li {
                    border-top: 1px solid #896a45;
                }

                #g-right li.current {
                    background: #896a45;
                }

                #g-right li a {
                    position: relative;
                    width: 60px;
                    height: 20px;
                    text-align: center;
                    padding: 40px 0 0 0;
                    line-height: 1;
                    color: #f5ead6;
                    display: block;
                    font-size:12px;
                }

                #g-right li.current a:before {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin: -8px 0 0 0;
                    display: block;
                    content: '';
                    width: 0;
                    height: 0;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-left: 10px solid #53341a;
                }

                #g-right li a.a1 {
                    background: url("../images/zixun.png") no-repeat center 10px;
                }

                #g-right li a.a2 {
                    background: url("../images/weixin.png") no-repeat center 10px;
                }

                #g-right li a.a3 {
                    background: url("../images/tjpc2.png") no-repeat center 10px;
                }

                #g-right li a.a5 {
                    background: url("../images/guojia.png") no-repeat center 10px;
                }

                #g-right li a.a6 {
                    background: url("../images/shipin.png") no-repeat center 10px;
                }

                #g-right li a.a7 {
                    background: url("../images/dianhua.png") no-repeat center 10px;
                }

                #g-right li a.a8 {
                    background: url("../images/top.png") no-repeat center 10px;
                }

                #g-right li a.a9 {
                    background: url("../images/lingjiang.png") no-repeat center 10px;
                }
            #g-right .wx > div:after {
                content: '';
                width: 15px;
                height: 15px;
                position: absolute;
                top: 50%;
                right: -15px;
                border-left: 10px solid #fff;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                transform: translateY(-50%);
            }



@media screen and (max-width:750px) {
    .w{width:100%;}

    /* 国家 */
    .states {text-align: center;margin: 1.25rem 0 1.25rem; position: relative;}
    .states .fixLine {display:none;}
    .states li {float:left;width:calc(100% /4);margin:0 0 1rem 0;padding:0 .6rem;}
    .states li img{display:block;width:100%;}
    .states li:hover img{-ms-transform: scale(1.1); /* IE 9 */  -webkit-transform: scale(1.1); /* Safari */  transform: scale(1.1); /* 标准语法 */}

    .states li .placeIcon {display: block; width: 1.125rem; height: 1.125rem; border-radius: 50%; border: .125rem solid #c52620; position: relative; margin: .3rem auto .1rem;}
    .states li .placeIcon::before {content: ''; width: .5rem; height: .5rem; border-radius: 50%; background-color: #c52620; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
    .states li p {font-size: .875rem; line-height: 2; color: #0f1415;}








     #g-right{width:100%;height:60px;position: fixed;right: 0;bottom: 0;}
     #g-right-da{width:100%}
     .J_right{width:100%}
     #g-right li{width:20%;float:left;}

     #g-right li div {
         position: absolute;
         top: -230%;
         right: -100%;
         margin-right: 60px;
         border-radius: 5px 0 0 5px;
         display: none;
         }
    .yimin {width: 100%;margin-top:-10px;padding-left: 20px;}
}