/*通用样式*/
html{ font-size: 16px;}
body { margin: 0; padding: 0; font-family:"微软雅黑"; overflow-x: hidden;overflow-y:scroll;}
img { border: 0;margin: 0; padding: 0; }
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0;}
a{ text-decoration: none; outline: none !important;}
a:focus, a:hover {
    text-decoration: none !important;
}
input,select{outline:none;}
i,em{font-style: normal; display: block;}
@font-face { 
  font-family: bebas; 
  src: ; 
}
*{ list-style: none; margin: 0; padding: 0;}
select::-ms-expand { display: none; }
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.fl{float: left;}
.fr{float: right;}
.clearfix{clear:both;}
.container{ width: 1300px; margin: auto }
/* 搜索无内容提示 */
.no-search-result {
    margin: 20px 0 10px;
    text-align: center;
}
.no-search-result .res-box:first-child{margin-right: 40px;}
.no-search-result .res-box {
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: middle;
}
.no-search-result .res-box {
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: middle;
}
.no-search-result .res-box p {
    margin-top: 16px;
    font-size: 15px;
    color: #666;
}
.no-search-result .res-box p.temp {
    font-size: 14px;
}
/*header*/
.head{width: 100%; height: 5em; position: fixed; background-color: rgba(0,0,0,0.53);z-index: 9999;}
.head-top{ width: 81.25em; margin:auto;}
.logo{ display: block; width: 16.6875em; height: 3.4375em; margin-top: 0.78125em;}
.head-nav{ width:964px;}
.nav{ position: relative; }
.nav li { float: left; position: relative;}
.nav li a{ padding: 0 35px;height: 5em; display: block; color: #fff; margin-top: 15px; text-align: center;}
.nav li a i{font-size: 18px;}
.nav li a em{font-size: 13px;}
.nav li a.lion{border-top: 3px solid #3667dc; background: #353c48; height: 77px;margin-top: 0;}
.nav li a.lion i{ line-height: 77px;}
.nav li a.lion em{ display: none;}
.nav li:hover a{ border-top: 3px solid #3667dc; background: #353c48; height: 77px;margin-top: 0; }
.nav li:hover a i{ line-height: 77px;}
.nav li:hover a em{ display: none;}
.nav li>ul{ display: none;width: 100%; position: absolute; top: 5em; background: #353c48; }
.nav li>ul li{width: 100%;text-align: center;height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;}
.nav li:hover ul li{ height: 50px; line-height: 50px; }
.nav li:hover ul li a{width: 100%; color: #fff; font-size: 14px; padding: 0; display: block; height: 50px; margin-top: 0; border-top: 0;}
.nav li:hover ul li:hover a{background: #3661cd;height: 50px;}
.nav li:hover ul{ display: block;}



/*footer*/
.footer-pc{ width: 100%; height: auto; background-color: #212121; overflow: hidden;}
.footer1{ width: 1245px; margin:100px auto 0; padding-bottom: 50px; overflow: hidden }
.footer1-logo{ width: 142px; height: 76px; float: left; display: block; margin-right: 120px;}
.footer1-logo img{ width: 100% }
.footer1-nav{ width: 595px; float: left;position: relative; padding-right: 55px; }
.footer1-nav li{ width: 66px; float: left; margin-right: 66px;  }
.footer1-nav li:last-child{ margin-right: 0 }
.footer1-nav li a{ color: #fff;font-size: 1rem;padding-bottom: 10px;border-bottom: 1px solid #343434; display: block; -webkit-transition: color .5s ease-in-out;transition: color .5s ease-in-out; position: relative;}
.footer1-nav li a:before{ position: absolute; bottom: 0; content: ""; width: 24px; height: 1px; background: #3667dc;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;  }
.footer1-nav li a:hover:before{ width: 100%; }

.footer1-nav li ul{ margin-top: 15px; }
.footer1-nav li ul li{ margin-bottom: 5px }
.footer1-nav li ul li a{ color: #7e7e7e; font-size: 0.875rem; border-bottom:0 }
.footer1-nav li ul li a:before{ display: none }
.footer1-nav li ul li a:hover{ color: #fff }
.footer1-nav:after{ content: ""; position: absolute; width: 1px; height: 185px; background: #7e7e7e; top: 22px; right: 0 }

.footer1-right{width: 264px; float: right; }
.footer1-right dd{ width: 100%; float: left; margin-bottom: 20px }
.footer1-right dd i{ height: 26px; line-height: 20px; background: url(/uploads/image/tdimages/footer-icon.png) 0 0 no-repeat; font-size: 26px; color: #3667dc; font-family: "bebas"; padding-left: 50px}
.footer1-right dd p{ font-size: 16px; color: #bcbcbc;padding-left: 50px; padding-top: 5px;}
.footer1-right dd em{  height: 26px; line-height: 26px; background: url(/uploads/image/tdimages/footer-icon.png) 0 -30px no-repeat;font-size:0.875rem; color: #fff; padding-left: 50px }
.footer1-right dd a{ display: block;  }


.footer1-right ul{ position: relative; margin-top: 20px;}
.footer1-right li{width: 46px; height: 46px; float:left; margin-right: 10px; }
.footer1-right li:last-child{ margin-right: 0;}
.footer1-right li img{width: 100%; height: 100%;}
.footer1-right li span{width: 103px; height: 102px; position: absolute; left: -30px; top: 52px; display: none;}
.footer1-right li span img{width: 103px; height: 102px;}
.footer1-right li:hover span,.footer1-right li:hover em{display: block;}
.footer1-right li em{width: 160px; height: 30px; line-height: 30px; color: #212121;    text-align: center; background: #fff; display: none; position: absolute; right: 0; top: 52px;  }
.footer2{ width: 100%; height: 45px; border-top: 1px solid #323232; line-height: 45px; text-align: center; font-size: 0.875rem; color: #545454 }




/*右侧导航*/
.r_nav{position:fixed;z-index:1000;right:0;bottom:12%; width: 60px; height: auto; background: #b9b9b9;}
.r_nav ul{padding: 0 0;}
.r_nav li{width:60px;height:60px; border-bottom: 1px solid #fff; padding:18px 18px;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.r_nav li i{display:block;width:25px;height:25px;margin:0 auto;overflow:hidden}
.r_nav li i img{vertical-align:top;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.r_nav li p{font-size:14px;color:#333;line-height:22px;text-align:center}
.r_nav li:last-child{ border-bottom: 0;}
.r_rt{display:none;position:absolute;left:auto;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_rt1{left:-282px}
.r_rt2{width:250px;left:-251px;background:#e01020;padding:10px;top:auto;bottom:0}
.r_rt a{float:left;display:block;width:60px;height:50px;background:#0a509f;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_rt p{font-size:14px;color:#fff}
.r_rt h4{width:282px;height:60px;font-size:26px;color:#fff;font-weight:700;text-align:center;line-height:60px;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#b9b9b9}
.r_nav li:hover p{color: #fff}
.r_nav li:hover .r_rt1{ display: block;}
.r_nav li span{width: 103px; height: 102px; position: absolute; left: -103px; top: 0; display: none;}
.r_nav li span img{width: 103px; height: 102px;}
.r_nav li:hover span{display: block;}


.head_mobile{ display: none; height:60px; background: #333; }
.mm-list{ display: none;}
.head_mobile img{ padding: 10px}
.head_mobile .right{display: block;  width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; background:  no-repeat center center; background-size: 80%; transform: rotate(0deg);  -ms-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.mobile-footer{ display: none;width: 100%; height: auto; text-align: center; background:#212121; }

.mobile-footer p{width:90%; margin: auto; font-size: 14px; line-height: 24px; color: #9c9c9c; padding: 10px 0 }


@media only screen and (min-width: 240px) and (max-width: 1200px) {
	body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    overflow-x: hidden;
    background: #fff;
    z-index: 9;
}
	.head{ display: none;}
	.head_mobile{width: 100%; display: block; position: fixed; top: 0; z-index: 99;}
	.mm-list{ display: block;}
	.container{ width: auto; padding: 0 0.7em;}
	.link{ display: none;}
	.footer-pc{ display: none; }
	.footer-one{ display: none;}
	.footer-two{ height: auto; line-height: 24px;}
	.footer-two p{ display: none;}
	.footer-two span{ float: inherit; text-align: center; line-height: 50px;}
	.mobile-footer{ display: block; }
	.head_mobile img {
    padding: 14px;
    width: 170px;
}
}