﻿﻿@charset "UTF-8";

/*基本样式*/
* { margin:0; padding:0; }
body , ul ,em ,h5 ,dl ,dd {
	padding:0px;margin:0;font-size:14px;font-weight:normal;list-style-type:none;font-style:normal;font-family:"微软雅黑","Tahoma","arial","Calibri","宋体","Verdana";color:#333;
}
a{
	text-decoration:none;color:#333;
}
a:hover{
	color:#f96b17;
	
}
a img{
	border:none;	
}
body{
	background:#fff;
}

input ,textarea{
	padding:0px;margin:0;border:none;background:none;
}

/* 特殊字符 */
.none_border_right{margin-right:0px !important;float:right !important;}

a:focus{-moz-outline:none;outline:none;}/*去掉虚线针对IE*/ 
a {blr:expression(this.onFocus=this.blur())}/*去掉虚线针对firefox*/ 
*:focus {outline: none;}

.hand{
	width:100%;overflow:hidden;height:185px;background:url(../images/hangbk.jpg) no-repeat center top;
}
.hand .hands{
	width:1000px;margin:0 auto;overflow:hidden;
}
.hand .hands .lang{
	width:100%;overflow:hidden;text-align:right;
}
.hand .hands .lang a{
	display:inline-block;overflow:hidden;height:35px;line-height:35px;color:#fff;padding:0 10px;background:url(../images/hangbk1.png) no-repeat right center;font-size:12px;
}
.hand .hands .lang a.cot{
	background:none;
}
.hand .hands .lang a:hover{
	color:#f96b17;
}
.hand .hands .Text{
	width:100%;overflow:hidden;
}
.hand .hands .Text .left{
	float:left;padding-top:45px;
}
.hand .hands .Text .textLang{
	float:right;font-size:18px;color:#823704;padding:5px 0 0 15px;
}
.hand .hands .Text .textLang h5{
	font-size:24px;color:#f96b17;font-weight:700;
}
.hand .hands .Text .right{
	float:right;background:url(../images/topa.png) no-repeat left top;padding-left:127px;font-size:13px;margin-top:35px;
}
.hand .hands .Text .right h5{
	font-size:24px;color:#f96c17;
}
.hand .hands .Text .right em{
	font-size:21px;color:#f96c17;
}

.navS{
	width:100%;overflow:hidden;background:#f96b17;
}
.navS .nav{
	width:1040px;margin:0 auto;overflow:hidden;
}
.navS .nav a{
	display:inline-block;height:60px;line-height:60px;background:url(../images/navbg.png) no-repeat right top;color:#fff;padding:0 10px;float:left;
}
.navS .nav a:hover{
	background:#ad4000;
}
.navS .nav a.none_border_right{
	padding-left:20px;
}

.foot{
	width:100%;overflow:hidden;background:url(../images/foot.jpg) #f96b17 repeat-x left top;padding:50px 0;
}
.foot .mainFoot{
	width:1015px;overflow:hidden;margin:0 auto;
}
.foot .mainFoot dl{
	float:left;background:url(../images/footsb.jpg) repeat-y right top;padding:0 40px;
}
.foot .mainFoot dl.ste{
	float:left;background:url(../images/footsb.jpg) repeat-y right top;padding-left:0;
}
.foot .mainFoot dl dt{
	font-size:18px;color:#fff;font-weight:700;
}
.foot .mainFoot dl dt em{
	font-size:18px;color:#fa9468;display:block;
}
.foot .mainFoot dl dd{
	margin-top:15px;
}
.foot .mainFoot dl dd a{
	display:block;line-height:34px;color:#fff;
}

.foot .LmianS{
	width:1000px;overflow:hidden;margin:50px auto 0;
}
.foot .LmianS .left{
	width:310px;float:left;text-align:right;
}
.foot .LmianS .right{
	width:640px;float:right;line-height:32px;color:#fff;
}

.CanMainCase{
	width:1000px;margin:0 auto;
}

/* TTSlider */
.TTSlider{
	width:1000px;margin:50px auto 0;
}
.TTSlider li{
	float:left;
}
.TTSliderTitle{
	height:58px;
}
.TTSliderTitle ul{
	width:618px;margin:0 auto;
}
.TTSliderTitle li{
	width:309px;height:58px;line-height:58px;position:relative;z-index:3;left:0;background:url(../images/casemainshover.png) no-repeat left top;color:#fff;text-align:center;
}
.TTSliderTitle li.cur{
	background:url(../images/casemainsa.png) no-repeat left top;border:none
}
.TTSliderTitle li a{
	color:#fff;
}
.TTSliderTitle .noneBorRight{border-right:none;}




/* TTSliderPic */
.TTSliderPic{
	width:1000px;position:relative;height:242px;z-index:1;margin-top:38px;
}
.TTSliderPicList{
	position:relative;width:970px;overflow:hidden;height:242px;background:#333;padding:0 15px;
}
.TTSliderPic ul{
	position:absolute;display:none;top:28px;left:0px
}
.TTSliderPic ul.show{display:block;}
.TTSliderPic li img{
	width:227px;height:172px;
}
.TTSliderPic li{
	width:227px;padding:0 11px 0 11px;
}
.TTSliderPic li .pic a{
	display:block;height:172px;overflow:hidden;
}
.TTSliderPic li p{
	height:30px;line-height:30px;text-align:center;color:#ED0A0A;padding:0px;margin:0px;
}
.TTSliderPic li p a{
	color:#fff;
}
.TTSliderPrevBtn,.TTSliderNextBtn{height:100%;width:38px;position:absolute;z-index:999;top:0;text-align:center;}
.TTSliderPrevBtn{left:-50px;}
.TTSliderNextBtn{right:-50px;}
.TTSliderPrevBtn a,.TTSliderNextBtn a{height:38px;width:38px;display:inline-block;background:url(../images/butthonr.png) no-repeat left bottom;margin-top:75px}
.TTSliderNextBtn a{background:url(../images/butthonr.png) no-repeat right top}
.TTSliderPrevBtn a:hover{
	background-position:left top;
}
.TTSliderNextBtn a:hover{
	background-position:right bottom;
}








/* 移动适配 */
.common-phone-header,
.side-wrap{
    display: none;
}

@media only screen and (max-width: 1024px) {
/* 客服 */
#newBridge {
    display: none !important;
}

/* header */
.hand {
    display: none;
}
.navS {
    display: none;
}
.header-wrap {
    display: none;
}
.common-phone-header {
    display: block !important;
}
.side-wrap {
    display: block !important;
}



.common-phone-header {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
}
.common-phone-header-inner {
    display: flex;
    height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
    justify-content: space-between;
    align-items: center;
}
.header-menu-phone{
    height: 30px;
}
.header-logo-phone {
    height: 30px;
}
.header-search-phone {
    height: 30px;
}

.header-search-box-phone {
    display: none;
}


.header-search-input-phone {
    border-radius: 20px;
    height: 35px;
    border-width: 1px;
    border: 1px solid #333;
    padding: 0 10px;
    font-size: 14px;
}
    
    
    
    
.side-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background:rgba(0, 0, 0, .5);
}
.side-container {
    display: none;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    height: 100vh;
    width: 6.4rem;
    background-color: #fff;
    color: #000;
    border-left: 1px solid #eee;
    animation: ani_side 1s;
}

.side-container.shown {
    display: block;
}




@keyframes ani_side{
    from {
        display: none;
        width: 3rem;
    }
    to {
        display: block;
        width: 6.4rem;
    }
}

.side-wrap {
    width: 100%;
}

.side-top {
    display: flex;
    height: 60px;
    padding: 0 20px 0 30px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.side-logo {
    width: 1rem;
}
.side-close {
    width:.48rem;
}

.side-bottom {
    padding:  0 .48rem 0 .72rem;
}


.nav-item-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: .27rem .48rem .27rem .72rem; */
    padding: .27rem 0 .27rem 0;
    border-bottom: 1px solid #eee;
}

.nav-item-inner span{
    display: flex;
    align-items: center;
    font-size: 14px;
}


.nav-item-inner img{
    /* width: .48rem; */
    width: .4rem;
}
.side-nav-list .nav-item a{
    color: #000;
    font-size: .26rem;
    width: 100%;
    display: inline-block !important;
}



.side-nav-list .side-local-img {
    width: .3rem;
    margin-right: .2rem;
    vertical-align: text-bottom;
}   

.side-nav-list-sub {
    display: none;
}
.side-nav-list-sub  .side-back-img {
    width: .3rem;
    margin-right: .2rem;
    vertical-align: text-bottom;
}





/* footer */
.foot {
    box-sizing: border-box;
    padding: 30px 10px;
}
.foot .mainFoot {
    width: fit-content;
    float: left;
}
.foot .mainFoot dl {
    display: none;
}
.foot .mainFoot dl:last-child {
    display: block;
    padding: 0;
}
.foot .mainFoot dl:last-child img {
    width: 75px;
}
.foot .LmianS {
    width: 74%;
    float: right;
    margin: 0;
}
.foot .LmianS .left {
    display: none;
}
.foot .LmianS .right {
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
}
.foot .LmianS .right div {
    font-size: 12px;
    line-height: 1.5;
}
.foot .LmianS .right div a {
    font-size: 12px;
    line-height: 1.5;
}







.CanMainCase {
    width: 100%;
    height: 100%;
}
.TTSlider {
    width: 100%;
    height: 100%;
    margin-top: 30px;
}
.TTSliderTitle {
    height: auto;
}
.TTSliderPic {
    width: 100%;
    height: 100%;
    margin-top: 20px;
}
.TTSliderPicList {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.TTSliderPicList .show {
    position: static;
    box-sizing: border-box;
    width: 100% !important;
}
.TTSliderPic li {
    box-sizing: border-box;
    width: 48%;
    margin-right: 4%;
    padding: 10px;
}
.TTSliderPic li:nth-child(2n) {
    margin-right: 0;
}
.TTSliderPic li .pic a {
    height: 145px;
}
.TTSliderPic li img {
    width: 100%;
    height: 100%;
}
.TTSliderPic li p {
    font-size: 12px;
}

























}

