body{margin: 0px auto;width:100%; overflow-x:hidden}
*{box-sizing:border-box}
a{font-size:13px;text-decoration: none}
a:hover{color:#d42626 }
body,ul,p,li,div,td,input,select,textarea,hr{/*box-sizing:border-box;*/margin:0px 0px;padding:0px 0px;list-style:none; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6,b{color:#444444;margin:0px 0px;padding:0px 0px;  font-weight: bold;;}  
ul{ list-style: none;}
img{border: 0;padding:0px 0px;margin:0px 0px;}
a{color:#666}
a:hover{color:#00529c}

.clear{clear:both;}
.lf{float:left;}
.rt{float:right;}
.wh{width:100%;}
.bin{width:100%}

.container{ width:88%; margin:auto;}
.wor{ line-height:24px; color:#666; font-size:13px;}
.bg_white{ background:#fff}
.header{width: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    background: rgba(255,255,255,.9);}

/*效果*/
.slow,.slow a,.slow .box,.slow li a,.slow li a,.rom h4,.slow h4,.slow p,.slow img,.slow b,.slow em,.slow .effect_img img,.slow .effect_img,.LRM li .goods-name b,.slow button,
.frame button,.sonNavBox li h3,.header .nav ul li,.rollBox .pl .box span,.rollBox .LeftBotton, .rollBox .RightBotton,.homeA .right a .box,.icoBoxOne,.list-two ul li,.picScroll-left .hd .prev,.picScroll-left .hd .next,#pages,#pages a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


.effect_two{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two:hover .effect_two_img,.homeC .middle a.one:hover .effect_two_img,.homeB .box:hover  .effect_two_img,.picScroll-left .bd ul li a:hover .effect_two_img,.list-one a:hover .effect_two_img,.list-two ul li:hover .effect_two_img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.effect_two .effect_two_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption,.effect_two .effect_two_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}
.effect_two:hover .effect_two_caption_h{color:#fff;opacity:1}
.effect_two .effect_two_caption_p{font-size:18px;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.effect_two:hover .effect_two_caption_p{color:#fff;opacity:1}

/*banner_page*/
.banner_page{float:left; width:100%;}
.banner_page img{display: blcok;width:100%; height: auto;}

.yunu-title-4 h4{text-align: center;font-size: 25px;}
.yunu-title-4 span{text-align: center}
/*more*/
.more{ background: url(../images/more.png) no-repeat right; padding-right:10px;}
.VIDEO{width: 49%;float: left;margin-bottom: 20px;padding: 10px;}
.VIDEO p{text-align: center;padding: 15px 0;}
/*site*/
.site{float:left;width:100%; border-bottom:solid 1px #ddd;padding:0 0 10px 0; font-size:13px;color:#666;margin:15px 0}
.site a{ color:#666; font-size:13px;margin:0 3px; }
.site .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}
.site .frame{ text-align: right;}
.site a:hover{color:#00509a}

/*submenu*/
.submenu{ display:none;width:100%;    border-radius:0px 0 10px 10px; border:1px #f5f5f5 solid;margin:50px 0 0 -50px;padding:10px 0 10px 0;max-width:170px; background:#fff; position:absolute; z-index:999;}
header .submenu a{ float:none;display: block;color:#999;line-height:40px; border-bottom:1px #eee solid;text-align:center;font-size:14px;}
.submenu a:hover{ background:#ddd; color:#666}
.submenu a{padding:0 5px}
.submenu a:last-child{ border:none}


/*page*/
.page{}
.page .box{padding:20px; margin:0 0 20px 0 }




.tab-top li{width:32%;margin:0 2%;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:20px 5px;cursor:pointer;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;position: relative;
}
.tab-top li:first-child{margin:0;}
.tab-top li:last-child{margin:0;}
.tab-top li > p{color:#2b2b2b;font-weight: bold;text-align:center;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.tab-top li > p a{font-size: 16px;color:#2b2b2b;font-weight: bold;}
.tab-top li .tab-more{display:none;width:36%;height:40px;background-image:linear-gradient(to right,#0b4da1,#2b719e);border-radius:5px;text-align:center;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.tab-top li .tab-more em{display:inline-block;color:#fff;padding-right:42px;background:url(../images/y_icon05.png) no-repeat right center;height:40px;line-height: 40px}
.tab-top li .line{width:0;height:1px;background:#2b5f9e;top:0;left:0;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;position: absolute;
}
.tab-top li.actives{padding:25px 5px 0 5px;border-bottom:none;}
.tab-top li.active .line{width:100%;}
.tab-top li.active > p{float:left;color:#265f9e;}
.tab-top li.active .tab-more{display:block;}
.tab-top li:hover .line{width:100%;}
.tab-top li:hover > p{color:#265f9e;}
#search{width: 200px;float: left;margin-top: 30px;}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
 
}
.box{font-size: 15px;line-height: 28px;}
.btns {margin:0 auto;width:100%;;}
.seatxt {float:left;height:40px;width: 150px;border-radius: 0px;padding-left: 10px;border: 1px solid#2b5f9e;}
.gsjjsiu{width: 100%;padding: 60px 0;background: url(../images/y_bg01.jpg) no-repeat;overflow: hidden;background-size: cover;}
.gsjjsiss{width: 100%;margin: 0 auto;}
.biaotil{text-align: center;font-size: 25px;color: #fff;padding: 20px 0;}
.gsjjsiss p {font-size: 15px;color: #fff;line-height: 30px;text-align: left;text-indent: 2rem;}
.stbn {
    width: 40px;
    height: 40px;
    
    border: 0px;
    color: #FFF;
    font-size: 0px;
    outline: none;
    cursor: pointer;
    float: left;background: url(../images/glass.png) #000 no-repeat center;
}

.locat-more{display:block;width:230px;height:48px;line-height:48px;background-color:rgba(18,37,53,0.5);text-align:center;border-radius: 5px;margin:0 auto;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.locat-more em{display:inline-block;background:url(../images/y_icon07.png) no-repeat right center;color:#fff;padding-right:36px;text-align: center}
.locat-more:hover{background-color:rgba(80,116,162,1)}

em{font-style: normal;}


.item-box .item-img{width:100%;height:0;padding-bottom:67.3%;overflow:hidden;}
.item-box .item-img .img{display:block;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-position: center;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.item-box .item-dl{color:#2b2b2b;padding:6% 6% 8% 6%;border:1px solid #e1e1e1;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;margin-top: 0px;
}
.item-box .item-dl dt{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-size: 16px;}
.item-box .item-dl dd{margin-top:5%;margin-left: 0px;}
.item-box .item-dl dd a{color:#2b2b2b;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;font-size: 16px;margin-left: 0px;
}
.item-box:hover .item-img .img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.item-box:hover .item-dl{color:#265f9e;}
.item-box:hover .item-dl dd a{color:#265f9e;font-size: 16px;}

 .item-box {
    width: 32%;
    margin-right: 12px;
}
.img img{width: 100%;}

/*show*/
.show{ float:left;width:100%; margin:10px 0 50px 0}


.banner-page{ position:relative;width:100%;height:300px; overflow:hidden;}
.banner-page img{ position:absolute; left:50%; width:1920px;height:300px;margin-left:-960px}

/*pages*/
#pages{float:left;width:100%; margin:20px 0 50px 0; text-align:center;}


/*pe_top*/
.pe_top{width:100%; margin:20px 0 10px 0;}
.pe_top h1{font-size:23px;color:#42c9e1;; line-height:45px; font-weight:400; text-align:center; border-bottom: solid 1px #ddd}
.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}
.pe_top span b{ font-weight:400}

.brand_news {
    background: url(../images/brand_new.png) no-repeat center;
    background-size: cover;
    padding: 5% 0;
    box-sizing: border-box;
}
.wrap {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
.brand_news_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 56px;
}
.brand_news_title div{
    display: flex;
    align-items: center;
    font-size: 48px;
}
.brand_news_title a{
    font-size: 16px;
    color: #666666;
    margin: 0 21px 0 19px;
}
.brand_news_title div span{
    margin-left: 25px;
    line-height: 1;font-size: 26px;
}

img{max-width: 100%;}
.txt_bg{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}	
.txt{
    position: absolute;
    left: 4.375%;
    bottom: 66px;
    width: 55%;
   height: 193px;
}
.txt p:first-child{
    color: #fff;font-size: 18px;
}
.txt p:nth-child(2){
    color: #fff;
    margin: 24px 0 34px;
    max-height: 84px;
    overflow: hidden;
    text-overflow:ellipsis;
}
.txt p:last-child{
    color: #fff;
}


.brand_list{
    display: flex;
    justify-content: space-between;
    margin: 5% 0 0;
}
.brand_list>div{
    width: 28.9%;
}

.brand_list_date{
    color: #666666;
    font-size: 16px;
}
.brand_list_title{
    margin: 26px 0 16px;
    font-size: 18px;
}
.brand_list_title a{
    color:#666;
    display:block;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand_list_content{
    color: #666666;
    font-size: 14px;
    overflow: hidden;
}
.brand_list_title a:hover{color:#e79b37;}
.brand_list_content a:hover{color:#e79b37;}

.brand_list div .brand_list_content a{
    color: #333;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-height: 3em;
    text-overflow:ellipsis;
}
.brand_list div div{
    height:0;
    overflow: hidden;
    margin-bottom: 36px;
    padding-bottom: 56%;
}
.brand_list div div img{
    width:100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.brand_list div div:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

}
.brand_more{
    color: #333;
}
.brand_more:hover{
    /*color: #e79b37;*/
}
.brand_list>div:hover .brand_more{
    color: #e79b37;
}







/*banner*/
.banner { width:100%; overflow:hidden; margin:0 auto; margin-top:0px; }
.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul li{ width:100%;}
.banner_ul img { display:block; margin:0 auto; position:relative; width:1920px;height:600px;}
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
.banner .rslides_tabs{position:absolute; bottom:30px; left:45%;}
.banner .rslides_tabs li{float:left;margin:0 5px;}
.banner .rslides_tabs a{float:left;border-radius:20px;width:50px;height:3px; background: #fff; font-size:0;}
.banner .rslides_tabs .rslides_here a{ background:#dd9322}
.banner .prev,.banner .prev,.banner .prev,.banner .next{position:absolute; top:250px; width:42px; height:84px;font-size: 0px; }
.banner .prev{left:90px;background:url(../images/prevc_ico.png) no-repeat;}
.banner .next{right:90px;background:url(../images/nextc_ico.png) no-repeat;}


/*download*/
.download{float:left; width:100%; margin:0px 0 50px 0;}
.download a{ float:left;width:409px;margin:0px 10px 20px 10px; border-radius: 10px;padding:15px;border: 3px #ddd solid;}
.download a h4{color:#333;font-size:16px;}
.download a p{color:#999; font-size:13px;margin:5px 0}
.download a span{ display: block;margin:20px 0 0 0;font-size:12px;color:#999}
.download a span em{float:right; background:#ccc;border-radius: 20px;padding:5px 10px; color:#fff; font-size:x-small;}
.download a:hover{ border: 3px ##00509a solid;}
.download a:hover h4{ color:##00509a}
.download a:hover span em{background:##00509a}


/*contact*/
.contact{}
.contact h2{ color:#1a1a1a; font-size:25px;margin:0px 0 50px 0; }
.contact .long{ float:left;width:100%}
.contact .long b{ float: left; width:20%; /*border-right: solid 1px #ddd ;*/ text-align: center;}
.contact .long b h4{ color:#999; font-size:14px; font-weight:400}
.contact .long b h4 span{margin:5px 0; display: block;; color:#666; font-size:13px;}
.contact .box{ font-size:14px;color:#666; line-height:25px;}
.contact #dituContent{ float:left;width:100%;height:450px; margin:40px 0 0 0;}


/*commente*/
.comments{ float:left; width:100%;  margin:0 0 20px 0}
.comments form{ width:100%; margin:auto;padding:0px 0 50px 0;}
.comments form .one{ float:left; width:48%; margin-right:3%}
.comments form .two{ float:right; width:48%;}
.comments form .three{ float:left; width:100%;}
.comments input{outline: none; border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777;  height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;}
.comments form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; }
.comments form *::-moz-placeholder{color:#000}
.comments form button{ float:left;display:block;cursor: pointer;  background:#666; font-size:17px; border:none; margin:20px auto; color:#fff; padding:10px 50px;}
.comments form button:hover{ background:#033572}
.comments .title{ float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px;   /* font-family: 'Gabriela', serif;*/}
.comments .title {}
.comments .title b{  margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400; }
.comments .title span{
    display: block;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: .4em auto 0em;
    position: relative;
}


/*show-product*/
.show-product{float:left;width:100%;}
.show-product .left{float:left; width:350px;}
.show-product .left img{max-width:100%;width:100%}
.show-product .right{ float:right; width:550px}
.show-product .right .title{ color:#333; font-size:18px; font-weight:bold}
.show-product .right .box{ margin:20px 0 0 0; color:#666; font-size:13px; line-height:24px; }
.show-product .right .frame{margin-top:20px; padding-top:20px; border-top: 1px #ddd solid; padding-left:35px;color:#666; font-size:12px;background: url(../images/tel-ico01.png) no-repeat left; background-size:30px; background-position:0px 28px }
.show-product .right .frame b{ display: block;margin:3px 0 0 0;color:#00509a; font-size:20px;}
.show-product .down{ float:left; width:100%; margin:30px 0 0 0;}
.show-product .down h2{ color:#333; font-size:20px; line-height: 45px;; margin:0 0 20px 0;border-bottom:solid 1px #999}




/*list-one*/
.list-one a{float:left; width:290px; margin:10px 10px 20px 10px}
.list-one a img{ width:100%;}
.list-one a h4{font-size: 18px;margin:15px 0;color: #333;}
.list-one a p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;line-height:22px;}
/*.list-one a span{ float:left;display: block;color:#999999;border:1px #999 solid;  padding:5px 25px;}*/


.list-one a:hover .icoBoxOne{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}
.list-one a:hover p,.list-one a:hover h4{color:#00529C}









/*list-two*/
.list-two{}
.list-two ul{ float:left; margin:0px 0 0 0;}
.list-two ul li{ float:left; width:100%;margin:0 0 30px 0; background:#f3f3f3; }
.list-two ul li img{float:left;width:200px;}
.list-two ul li .right{ float:left; width:675px;padding:20px;}
.list-two ul li .right h4{ color:#333;font-size:18px;}
.list-two ul li:hover .right h4{ color:#00509a;}
.list-two ul li .right span{ display: block;color:#b4b3b1; font-size:12px;line-height:25px;}
.list-two ul li .right p{ margin:20px 0 0 0;color:#555555;  font-size: 14px;line-height:25px;}
.list-two ul li:hover{ background:#eee}
.list-two ul li:hover p{color:#00509a}
.list-two ul li .left{width:250px;height:182px;}

/*list-three*/
.list-three a{float:left; width:290px; margin:10px 10px 20px 10px}
.list-three a img{ width:100%;height:230px;}
.list-three a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}


/*list-hj*/
.list-hj a{float:left; width:290px; margin:10px 10px 20px 10px}
.list-hj a img{ width:100%;height:196px;}
.list-hj a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}

/*scroll*/
.rollBox{ position:relative;float:left;width:1220px; margin:20px 0 20px 0; border: 1px #ddd solid;padding:15px;}
.rollBox .LeftBotton, .rollBox .RightBotton { position:absolute;z-index:99; float:left;color:#ffffff; background:#000;/*background:url(../images/left.png) no-repeat; */cursor:pointer;}
.rollBox .LeftBotton, .rollBox .RightBotton{height:45px;width:40px; }
.rollBox .LeftBotton{left:-20px;top:100px;background:#000 url(../images/prve_ico.png) no-repeat center;}
.rollBox .RightBotton{right:-15px;top:100px;background:#000 url(../images/next_ico.png) no-repeat center; }
.rollBox .LeftBotton:hover{ background:#1CBAC8 url(../images/prve_ico.png) no-repeat center;}
.rollBox .RightBotton:hover{ background:#1CBAC8 url(../images/next_ico.png) no-repeat center;}
.rollBox .Cont{ float:left;width:1210px;overflow:hidden;margin-left:0px; }
.rollBox .ScrCont{width:32766px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .pl { float:left;width:201.6px;overflow:hidden;text-align:center;}
.rollBox .pl img{ width:180px; }
.rollBox .pl a:hover img{ opacity: 0.9;}
.rollBox .pl a{ width:180px; display:block;margin:auto;position:relative;}
.rollBox .pl .box{margin:30px 0 0 0}
.rollBox .pl .box h4{font-size: 20px;color: #333;}
.rollBox .pl .box p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;}
.rollBox .pl .box span{ margin:auto;display: block;width:80px;border-radius: 10px; color:#999999;border:1px #999 solid;  padding:3px 15px;}
.rollBox .pl a:hover .box span{  color:#ffffff; background: #1CBAC8; border:1px #1CBAC8 solid; }
.rollBox .pl a:hover .box h4{color:#1CBAC8}
.rollBox .pl .imgbox{ position: relative;}
.rollBox .pl a:hover .effect_two_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.imgc {
    max-width: 930px;
    height: auto;
    display: block;
    margin: 0 auto;
}