html{height:100%;-webkit-tap-highlight-color: transparent;}
body{min-height:100%;position:relative;overflow-x:hidden;font-family:'Microsoft Yahei', 'Arial';font-size:12px; -webkit-overflow-scrolling: touch;}
/*dt,li没有margin和padding*/
body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; }
ul,ol,menu{ margin:0;padding:0; }
ul{list-style-type: none;}
img{ max-width:100%; vertical-align: middle; border:0; }
table{ border-collapse: collapse; border-spacing: 0; }
a  { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;font-size:12px;color:#333;}
a:hover {text-decoration: none; color: var(--red);}
i  { font-style:normal; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1,h2,h3,h4,h5,h6{ line-height: 2; font-weight: normal; }
h4,h5,h6{ font-size: 14px; }

button,input,optgroup,select,textarea{border:0;font-family: 'Microsoft Yahei';}
button,input{border-radius:0;padding:0;-webkit-appearance:none;}
textarea,input{-webkit-user-modify: read-write-plaintext-only;/*Android 下 input focus 消除高亮外框*/}

/* color */
:root{
    --red:#db261d;
}

/**********常用类简写***********/
.mauto{max-width:1200px; margin:0 auto;}
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.ofhidden{overflow:hidden;}
/*float*/
.fl{ float:left;}
.fr{ float:right;}
/*font-weight*/
.fb{ font-weight:bold;}
/*display*/
.db{ display:block;}
.dn{ display:none;}

/*white-space*/
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:break-word;}

/*font-size*/
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}
.fs36{ font-size:36px;}
.fs40{ font-size:40px;}
/*margin-top*/
.mt5 { margin-top:5px;  }
.mt10{ margin-top:10px; }
.mt12{ margin-top:12px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt22{ margin-top:22px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }
.mt55{ margin-top:55px; }
.mt60{ margin-top:60px; }

/*margin-right*/
.mr5 { margin-right:5px;  }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }
.mr45{ margin-right:45px; }
.mr50{ margin-right:50px; }
.mr55{ margin-right:55px; }
.mr60{ margin-right:60px; }

/*margin-bottom*/
.mb5 { margin-bottom:5px;  }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb43{ margin-bottom:43px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb55{ margin-bottom:55px; }
.mb60{ margin-bottom:60px; }

/*margin-left*/
.ml5 { margin-left:5px;  }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }
.ml50{ margin-left:50px; }
.ml55{ margin-left:55px; }
.ml60{ margin-left:60px; }

/******padding-top******/
.pt5 { padding-top:5px;  }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }
.pt50{ padding-top:50px; }
.pt55{ padding-top:55px; }
.pt60{ padding-top:60px; }

/******padding-right******/
.pr5 { padding-right:5px;  }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pr55{ padding-right:55px; }
.pr60{ padding-right:60px; }

/******padding-bottom******/
.pb5 { padding-bottom:5px;  }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }

/******padding-left******/
.pl5 { padding-left:5px;  }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }
.pl50{ padding-left:50px; }
.pl55{ padding-left:55px; }
.pl60{ padding-left:60px; }

.header{ height: 128px; line-height: 128px; position: relative;}
.header .box{max-width: 1660px; margin:0 auto;}
.header .logo{height:100%;width:350px; float: left; text-align: center;background-position: center center; background-repeat: no-repeat; background-size: auto 100%;}


.header .nav{float: left;}
.header .nav>.li { height: 100%; float: left}
.header .nav>.li>a { height: 100%;  display: inline-block; font-size: 14px; font-weight: bold; padding: 0 16px; position: relative}
.header .nav>.li>a .rac {width: 50px;height: 2px; background-color: var(--red);position: absolute; bottom: 20px;left: 50%; margin-left: -25px; display: none}
.header .nav .dropdown {line-height: 1;position: absolute;top: 128px; right: 0; left: 0; background-color: #fff; border-top: 1px solid #eaeaea; z-index: 3; display: none}
.header .nav .dropdown>.ul { display: inline-block}
.header .nav .dropdown>.ul>.li {line-height: 48px;padding: 0 16px; font-size: 12px; float: left}
.header .nav .dropdown>.ul>.li a {color: #666}
.header .nav .dropdown>.ul>.li a.active {color: var(--red)}
.header .nav .dropdown>.ul>.li a:hover {color: var(--red)}


.header .lang{float: right;}
.header .lang a{width: 80px; height: 32px; line-height: 32px; font-size: 12px; color: #bcc8d0; display: inline-block}
.header .lang a.cn{padding-left:25px; background: url(../Images/cn.png) left center no-repeat;}
.header .lang a.en{padding-left:25px; background: url(../Images/en.png) left center no-repeat;}


.header .icon {
        width: 28px;
        height: 100%;
        padding: 0 10px;
        background: url(../Images/headerIcon.png) no-repeat center center;
        float: right;
        cursor: pointer;
        display: none
    }

.p-nav .icon {
    width: 28px;
    height: 100%;
    padding: 0 10px;
    background: url(../Images/subIcon.png) no-repeat center center;
    float: right;
    cursor: pointer;
    display: none
}

.footer{height:90px;background-color: #394045;position: absolute;bottom: 0; left: 0; right: 0; z-index: 99;}
.footer .box{max-width: 1660px;margin:0 auto; color: #fff;}
.footer .box a,.footer .box a:hover{color:#fff;}
.footer .l{float:left;margin-top:40px;}
.footer .r{float: right;}

.footer .r .icons-box{float: right; margin-top:30px;}
.footer .r .icons-box .dl{ height: 46px; line-height: 46px; position: relative; float: left;margin: 0 3px}
.footer .r .icons-box .dl:hover .dd{ display: block}
.footer .r .icons-box .dl .dt img{ width: 30px;height: 30px; border-radius: 50%}
.footer .r .icons-box .dl .dd{ width: 100px; height: 100px; border: 1px solid #000; position: absolute; top: -140px; left: 50%; margin-left: -50px; display: none}
.footer .r .icons-box .dl .dd img{ width: 100%; height: 100%; display: inline-block}

.footer .r .icons-box .dl .dd .rac{ width: 0;height: 0; border-width: 8px; border-style: solid; border-color: #000 transparent transparent transparent;position: absolute; bottom: -16px; left: 50%; margin-left: -8px}