html{font-size: 62.5%; font-size:75%\9; color: #222;}
*{margin:0;padding: 0;font-family:Microsoft Yahei;}
::selection{background-color: #b3d4fc; text-shadow: none;}
ul{margin: 0; padding: 0;}
a{color:#333}
li{list-style: none;}
body{background: #fff;}
/* ========== 工具样式 ========== */
.center-block{display: block; margin-right: auto; margin-left: auto;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.text-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.clearfix:before,
.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
/*@media only screen and (max-width: 500px){*/
.top{line-height: 3.8rem; padding:0 1.5rem; background: #fff; border-bottom: 1px solid #eee;}
.top .topc{margin:0 2rem; overflow: hidden;}
.top .topc .tel{font-size:1em; color:#696969; line-height: 3.8rem; float:left; padding-left:1.8rem; background: url(phone.png) left center no-repeat;}
.top .topc .gonggao{font-size:12px; color:#696969; line-height: 3.8rem; float:left; padding-left:1.8rem; background: url(gg.png) left center no-repeat; margin-left:3rem;}
.top .topc .gonggao a{float:left; font-size:1em; color:#696969; text-decoration: none; transition:0.5s;}
.top .topc .gonggao a:hover{color:#2a5caa; transition:0.5s;}
.top .topc .gonggao a+a{float:left; margin-left: 3rem; text-decoration: underline;}
.top .topc .usebox{float:right; line-height: 3.8rem;}
.top .a1,.top .a2{display: block; height:3.8rem; width:3.8rem; float:left; background: url(use.png) center no-repeat;}
.top .a3{height:3.8rem; width:3.8rem; float:left;}
.top .a3 a{display: block; height:3.8rem; width:3.8rem; background: url(select_hover.png) center no-repeat;}
.top .a3 .a32_sel ul li .tianjia a{height:100%; width:100%;background:none;}
.top .a2{background: url(gwc.png) center no-repeat;}
.top .a1:hover{background: url(use_hover.png) center no-repeat;}
.top .a2:hover{background: url(gwc_hover.png) center no-repeat;}
.top .a3 .a32{display: block; width:3.8rem; height:3.8rem; background: url(select_hover.png) center no-repeat;}
.top .a3 .a32_sel{width:9rem; width:10rem\9; overflow: hidden; position: absolute; z-index: 100; background: #fff; margin-left: -6rem; display: none;}
.top .a3 .a32_sel ul li{height:3rem; line-height: 3rem; cursor:pointer; font-size:1.5rem; color:#696969; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; word-break:break-all; background: #fff; transition: 0.5s;}
.top .a3 .a32_sel ul li:hover{background: #eee; transition: 0.5s;}
.top .a3 .a32_sel ul li .tianjia{display: block; padding-left:3rem; font-size:1.5rem; font-size:1.3rem\9; color:#696969; background: url(weixin.png) 10px no-repeat;}
.top .a4{height:3.8rem; width:3.8rem; float:left; display: none;}
.top .a4 a{display: block; height:3.8rem; width:3.8rem; background: url(sousuo.png) center no-repeat;}
/*导航栏*/
.header{padding:0 3.5rem; height:7.5rem; background: #fff; overflow: hidden;}
.header .logo{float:left;}
.header .navs{float:right; height:6.5rem;}
.header .navs ul li{float:left; line-height: 3rem; margin:1.6rem 1.5rem;}
.header .navs ul .lidq{border-bottom:1px solid #2a5caa;}
.header .navs ul li a{font-size:1.4rem; font-size:1.2rem\9; color:#696969; text-decoration: none; transition:0.5s;}
.header .navs ul li a:hover{transition:0.5s; color:#2a5caa;}
.header .sousuo{width:18rem; height:3rem; background: #fff; transition: 0.5s; float:right; margin-top: 1.7rem; margin-left:3rem;}
.header .sousuo:hover{box-shadow: 0px 0px 5px #ccc; transition: 0.5s;}
.header .sousuo .text1{font-size:1.2rem; font-size:1.2rem\9; color:#999; height:3rem; border:none; line-height: 3rem; padding-left:1rem; float:left;}
.header .sousuo .submit1{width: 1.8rem;height: 1.7rem;float: right;margin: 0.8rem 1rem 0;background: url(sousuo.png) no-repeat;border: 0;cursor: pointer;}
.header .m_use{display: none; height: 3.8rem; width: 3.8rem; float:right;}
.header .m_so{display: none; height: 3.8rem; width: 3.8rem; float:right;}
.header .m_so .a1{display: block; height: 3.8rem; width: 3.8rem; background: url(sousuo.png) center no-repeat;}
.header .m_so .k{width:100%; position: absolute; z-index: 10; overflow: hidden; left:0; display: none; z-index: 1000;}
.header .m_so .k .te{width:70%; height:3rem; margin:0.6rem 0 0 0; padding-left:3%; border:none; font-size:1.5rem; font-size:1.2rem\9; color:#696969; float:left;}
.header .m_so .k .te2{width:27%; height:3rem; float:left; background: #2a5caa; border:none; margin:0.6rem 0 0 0; font-size:1.5rem; font-size:1.2rem\9; color:#fff; cursor:pointer;}
.header .m_use .a1{display: block; height: 3.8rem; width: 3.8rem; background: url(select_hover.png) center no-repeat;}
.header .m_use .k{width:100%; position: absolute; z-index: 10; overflow: hidden; left:0; display: none; z-index: 1000;}
.header .m_use .m_use_s{width:10rem; overflow: hidden; background: #fff; padding:1rem; float:right;}
.header .m_use .m_use_s ul li{padding:1rem 0; text-align: center;}
.header .m_use .m_use_s ul li a{display: block color:#333; font-size:1.4rem; font-size:1.1rem\9; text-decoration: none;}
.header .m_use .m_use_s ul li a:visited{color:#333;}
.header .m_use .m_use_s ul li:active{background: #2a5caa}
.header .m_use .m_use_s ul li a:active{color:#fff;}
.header .m_go{height: 3.8rem; width: 3.8rem; float:right; display: none;}
.header .m_go a{display: block; height: 3.8rem; width: 3.8rem; background: url(gwc.png) center no-repeat;}
.header .m_user{height: 3.8rem; width: 3.8rem; float:right; display: none;}
.header .m_user a{display: block; height: 3.8rem; width: 3.8rem; background: url(use.png) center no-repeat;}
.cp_select{position: absolute; margin-top:-68px; z-index: 100; width:90%; margin-left:5%; height:11rem; overflow: visible; border-radius: 0.6rem; box-shadow: 0px 0px 5px #ccc; background: url(flw.png);}
.cp_select ul li{float:left; width: 20%; height:11rem;}
.cp_select ul li .img{width: 100%; height:68.5%; display: inline-block; text-align: center; transition: 0.5s;}
.cp_select ul li:hover .img{background: url(flw_hover.png); transition: 0.5s;}
.cp_select ul li .img img{position: relative; top: 50%; transform: translateY(-50%);}
.cp_select ul li .font{width: 100%; height:32.5%; display: inline-block; text-align: center; color:#2a5caa; font-size:1.6rem; font-size:1.3rem\9; line-height: 3.5rem;}
.cpbox{background: #fff; padding: 5rem 4.5% 0rem 4.5%;}
.cpbox .remen{width: 50%; height:20%; background: #fff; transition: 0.5s; position: relative; float:left; /*margin:0 0.5%;*/}
.cpbox .remen .remenbox{border:0.05rem solid #eee; border-radius: 0.5rem; margin:0 1%; transition: 0.5s; /*height: 26rem;*/overflow: hidden;}
/*.cpbox .remen+.remen{margin-left:2rem;}*/
.cpbox .remen:hover .remenbox{transition: 0.5s; box-shadow: 0px 0px 5px #ccc;}
.cpbox .photo{display: inline-block; text-align: center; float:left; width:45%; height:90%; margin: 2.6%;overflow: hidden;}
.cpbox .p1{width:40%; margin-right: 5%; font-size:2rem; font-size:1.7rem\9; color:#333333; float:left; margin-top: 10%;}
.cpbox .p2{width:40%; margin-right: 5%; float:left; font-size:1.5rem; font-size:1.25rem\9; margin-top:3%; color:#999; line-height: 2rem;}
.cpbox .look{float:left; display: block; width:10rem; height:3rem; color:#fff; font-size:1.4rem; background: #2a5caa; text-align: center; line-height: 3rem; border-radius: 0.5rem; text-decoration: none; margin-top: 8%; transition: 0.5s;}
.cpbox .look:hover{background: #e2417e; transition: 0.5s;}
.cpbox .remen2{width: 25%; height:22%; background: #fff; float:left; margin-top: 1rem; transition: 0.5s;}
.cpbox .remen2 .remen2box{transition: 0.5s; border:0.05rem solid #eee; border-radius: 0.5rem; margin:0 2%;}
.cpbox .remen2:hover .remen2box{transition: 0.5s; box-shadow: 0px 0px 5px #ccc;}
/*.cpbox .remen2+.remen2{margin-left:2rem;}*/
.cpbox .remen2 .imgbox{width:90%;/* height: 23rem*/ /*22%;*/ margin:5%; overflow: hidden;}
.cpbox .remen2 .remen_font{width:90%; height: 3.48rem; margin:0 5%; overflow: hidden;}
.cpbox .remen2 .remen_font .remen_p{font-size:1.7rem; font-size:1.4rem\9; float:left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; width:60%; margin-top: 0.2rem; height: 3.48rem;}
.cpbox .remen2 .remen_font .remen_a{display: block; float:right; font-size:1.5rem; font-size:1.2rem\9; width:40%; height:2.5rem; background: #fff; text-align: center; line-height: 2.4rem; color:#2a5caa; text-decoration: none; border-radius: 0.3rem; transition: 0.5s;}
.cpbox .remen2 .remen_font .remen_a:hover{display: block; float:right; font-size:1.5rem; font-size:1.2rem\9; background: #2a5caa; text-align: center; line-height: 2.4rem; color:#fff; text-decoration: none;}
.cpbao{background: #fff;}
.cpmore{width:12rem; height:3rem; background: #2a5caa; text-align: center; margin:3rem auto; border-radius: 0.5rem; transition: 0.5s; border:0.05rem solid #2a5caa;}
.cpmore:hover{background: #fff; transition: 0.5s;}
.cpmore:hover a{color:#2a5caa;}
.cpmore a{color:#fff; font-size:1.7rem; font-size:1.4rem\9; line-height: 2.8rem; text-decoration: none;}
.about_bg{width:100%; height:40.5rem;}
.about_bg .about_p{font-size:2.3rem; font-size:2rem\9; color:#fff; text-align: center; margin:6.5rem auto 1rem auto;}
.about_bg .about_f{font-size:1.5rem; font-size:1.2rem\9; color:#fff; text-align: center;}
.about_bg .about_box{margin: 5rem 4.5% 0rem 4.5%; padding:1rem; background: #fff; border-radius: 0.5rem;}
.about_bg .about_img{float:left; width:39%;}
.about_bg .about_img img{width:100%;}
.aboutimg{width: 100%; height: 108rem; position: fixed; z-index: -1; top: -20rem;}
.about_bg .about_font{font-size:2rem; font-size:1.7rem\9; color:#333333; margin-top:3rem; margin-left:5%; float:left;}
.about_bg .about_text{font-size:1.4rem; font-size:1.25rem\9; color:#999999; margin:1rem 0 1rem 5%; float:left; width:50%;}
.about_bg .liaojie{width:11rem; height:3rem; background: #2a5caa; text-align: center; border-radius: 0.5rem; margin-right: 6.5%; float:right;border: 0.05rem solid #2a5caa;}
.about_bg .liaojie:hover{background: #fff;transition: 0.5s;}
.about_bg .liaojie:hover a {color: #2a5caa;}
.about_bg .liaojie a{color:#fff; line-height: 2.9rem; text-decoration: none; font-size:1.5rem; display:block;}
/*新闻中心*/
.newbt{font-size: 2.3rem; font-size:2rem\9; color:#323232; background: #fff; text-align: center; padding:3.5rem 0 1rem 0;}
.newbt2{color:#999999; text-align: center; background: #fff; font-size:1.5rem; font-size:1.2rem\9;}
/*友情链接*/
.ljbox{width:100%; background: #fff; /*padding:0 0 3% 0;*/}
.ljbox2{width:68%; margin:2% auto; overflow: hidden;}
.ljbox ul li{width:24%; float:left; margin:0 0.5%;}
.ljbox ul li a{display: block; border:1px solid #eee;}
/*底部*/
.bottom{width:100%; overflow: hidden; height: 21rem; background: url(bottom_img.jpg) center no-repeat;}
.bottom .bottomc{overflow: hidden; margin:0 5rem;}
.bottom .bottom_left{width:30rem; float:left;}
.bottom .bottom_left .bottom_ewm{float:left; margin:3rem 0 0 2rem;}
.bottom .bottom_left .p1{float:left; font-size:1.7rem; font-size:1.4rem\9; color:#fff; margin:3rem 0 0 1rem;}
.bottom .bottom_left .p2{float:left; color:#fff; font-size:2.5rem; font-size:2.2rem\9; padding-left:2rem; margin:0.5rem 0 0 1rem; background: url(bottomphone.png) left center no-repeat;}
.bottom2{width:100%; /*overflow: hidden;*/ height: 4rem; background: #32252C;}
.bottom2 .bottom2c{/*overflow: hidden;*/ margin:0 5rem;}
.bottom2 .bottom2c .span_bot{font-size:1.2rem; color:#BFAEB6; float:left; line-height: 4rem;}
.bottom2 .bottom2c .span_right{float:right; line-height: 4rem; font-size:1.2rem; color:#BFAEB6;}
.bottom2 .bottom2c .span_right a{color:#BFAEB6;}
.bottom .bottomc .bottom_right{width:48rem; float:right; margin-top: 3.4rem;}
.bottom_input{width:12rem; height:3rem; background: url(flw2.png); float:left;}
.bottom_input .names{width:11rem; height:2.8rem; border:none; background: none; padding-left:1rem; color:#fff; font-size:1.5rem; font-size:1.3rem\9; line-height: 2.5rem; outline: none;}
.bottom_input2{width:33rem; height:3rem; background: url(flw2.png); float:left; margin:0 1.5rem;}
.bottom_input2 .names{width:32rem; height:2.8rem; border:none; background: none; padding-left:1rem; color:#fff; font-size:1.5rem; font-size:1.3rem\9; line-height: 2.5rem; outline: none;}
.bottom_input3{width:46.5rem; height:6rem; margin-top: 1.2rem; background: url(flw2.png); float:left;}
.bottom_input3 textarea{width: 45.5rem; height: 5rem; font-size: 1.5rem; font-size: 1.3rem\9; color: #fff; background: none; border: none; padding: 1rem 0 0 1rem;}
.bottom_sub{width:12rem; height:3rem; background: #2a5caa; float:left; border:none; color:#fff; font-size:1.5rem; font-size:1.3rem\9; margin-top: 1.2rem; cursor:pointer; margin-left:13.6rem;}
.passenger{position: fixed; z-index: 1000; bottom: 0px; right: 0px; width:4rem; background: #EEEEEE; overflow: hidden;}
.passenger .icon1,.passenger .icon2,.passenger .icon3{cursor:pointer; width:46px; height:44px; background: #eee; transition: 0.5s;}
.passenger .icon1:hover,.passenger .icon2:hover{background: #2a5caa; transition: 0.5s;}
.passenger .icon1:hover a{background: url(dh_hover.png) no-repeat;}
.passenger .icon2:hover a{background: url(qq_hover.png) no-repeat;}
.passenger .icon3{background: #2a5caa; width:46px; height:44px;}
.passenger .icon1 a{display: block; width:46px; height:44px; background: url(dh.png) no-repeat;}
.passenger .icon2 a{display: block; width:46px; height:44px; background: url(qq.png) no-repeat;}
.passenger .icon3 a{display: block; width:46px; height:44px; background: url(top.png) no-repeat;}

@media only screen and (max-width: 68.75em)
{
	.cpbox .remen .remenbox{border: 0.05rem solid #eee; border-radius: 0.5rem; margin: 0 1%; transition: 0.5s; padding-bottom:2rem; height:22rem;} 
}

@media only screen and (max-width: 64em)
{
.bottom_left{width:auto; float:left;} 
.bottom .bottom_left .p1{display: none} 
.bottom .bottom_left .p2{display: none} 
.bottom .bottom_left{width: 14rem; float: left;}
}
@media only screen and (max-width: 64em){.cpbox .remen2 .remen_font .remen_a{display: none}}
@media only screen and (max-width: 64em)
{
.about_bg .about_font{margin-top:1rem;} 
.about_bg .about_text{height: 4rem; overflow: hidden;}
.about_bg{width: 100%; height: 32.5rem;}
}
@media only screen and (max-width: 64em)
{
.cpbox .look{float:left; display: block; width:22%; height:13%; color:#fff; font-size:1.4rem; background: #2a5caa; text-align: center; line-height: 3rem; border-radius: 0.5rem; text-decoration: none; margin-top: 6%; transition: 0.5s;} 
.cpbox .remen .remenbox{border: 0.05rem solid #eee; border-radius: 0.5rem; margin: 0 1%; transition: 0.5s; padding-bottom:2rem;} 
.cpbox .p2{width:40%; margin-right: 5%; float:left; font-size:1.5rem; font-size:1.25rem\9; margin-top:3%; color:#999; line-height: 2rem; height: 4.2rem; overflow: hidden;} 
.cpbox .remen2 .imgbox{width: 90%; height: 15rem; margin: 5%; overflow: hidden;}
}
@media only screen and (max-width: 64em)
{
.header .sousuo{display: none;} 
.header .navs{float:right; height:6.5rem;} 
.header .navs ul li{float:left; line-height: 3rem; margin:1.6rem 1rem;} 
.cpbox .remen2 .imgbox{width: 90%; height: 20rem; margin: 5%; overflow: hidden;}
}
.Product{display: none;}
.pro{display: none}
.icono-hamburger{color: #ea5d92;}
.bottom_inputs{display: none;}
.bottom_submit{display: none}
@media only screen and (max-width: 64em)
{
.Product{display: block; width:100%; height:4rem; border-bottom:1px solid #EEEEEE; background: #fff; cursor:pointer;} 
.Product p{font-size:1.6rem; color:#E7588E; float:left; line-height: 4rem;} 
.Product .downicon{width:21px; height:11px; float:right; margin-right:1.8rem; background: url(selects.png) no-repeat; margin-top: 1.4rem; transform: scale(0.5,0.5);} 
.pro{display: block; width:100%; background: #fff; cursor:pointer; overflow: hidden;} 
.pro p{font-size:1.6rem; color:#696969; float:left; line-height: 4rem; padding-left: 5rem; width:100%; border-bottom:1px solid #EEEEEE;} 
.pro p a{text-decoration: none;}
.pro .pro_select{overflow: hidden; width:100%; display: none;} 
.pro .pro_select ul li{width:100%; height:4rem; background: #fff; border-bottom:1px solid #EEEEEE;} 
.pro .pro_select ul li a{font-size:1.6rem; color:#999; float:left; line-height: 4rem; margin-left: 5rem; text-decoration: none; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} 
.icons{margin-top: 0.4rem; float:left; margin-left:1.6rem;} 
.top .a4{display: block} 
.top .a4 .a42_sel{display: none; width: 20rem; height: 3rem; position: absolute; z-index: 100; margin-left:-16.3rem; background: #fff;} 
.top .a4 .a42_sel .text{font-size: 1.4rem; font-size: 1.2rem\9; color: #999; height: 3rem; border: none; line-height: 3rem; padding-left: 1rem; float: left; width: 12.9rem;} .top .a4 .a42_sel:hover{box-shadow: 0px 0px 5px #ccc; transition: 0.5s;} 
.top .a4 .a42_sel .so{width:6rem; height:3rem; line-height: 1rem; float:right; border:none; background: #2a5caa; color:#fff; cursor: pointer} 
.cp_select{display: none}
}
@media only screen and (max-width: 57.8125em){.cpbox .remen2 .imgbox{width: 90%; height: 13rem; margin: 5%; overflow: hidden;} .top{display: none} .header .navs{display: none} .header .logo{width:180px; height:80px; overflow: hidden; text-align: center;} .header{height:5rem;} .header{padding:0;} .header .logo{height:5rem;} .header .logo img{position: relative; top:-15%; left:-5%; transform:scale(0.8,0.8);} .cpbox{background: #fff; padding: 1rem 4.5% 0rem 4.5%;} .header .m_use,.header .m_user,.header .m_go,.header .m_so{display: block;margin-top: 0.5rem;} .bottom .bottom_left{display: none} .bottom_inputs{display: block; width:100%; overflow: hidden; padding:1.5rem 0;} .bottom_inputs .bottom_input1{width:100%; height:2.8rem; background: url(flw2.png);} .bottom_inputs .bottom_input1 .names{font-size:1.4rem; font-size:1.1rem\9; color:#fff; background: none; border:none; height:2.8rem; width: 100%; padding-left:1rem;} .bottom_inputs textarea{width: 100%; padding-left:1rem; background:url(flw2.png); color:#fff; font-size:1.4rem; font-size:1.1rem\9; height:5rem; border:none;} .bottom_submit{display: block; width:100%; height:2.8rem; background: #2a5caa; border:none; color:#fff; line-height: 2.8rem; font-size:1.4rem; font-size:1.1rem\9;} .bottom .bottomc .bottom_right{display: none;}}

@media only screen and (max-width: 38.75em) {
 .passenger{display: none} 
 .cpbox .remen{width: 100%; margin:2% 0; /* margin: 0 0.5%; */} 
 .cpbox .remen2{width: 50%;} 
 .header .logo img{position: relative; top:-30%; left:-15%; transform:scale(0.6,0.6);} 
 .cpbox .remen2 .remen_font .remen_p{font-size:1.5rem;} 
 .about_bg .about_img{float: left; width: 100%;} 
 .about_bg .about_img img{width:100%;} 
 .about_bg .about_box{margin: 1rem 4.5% 0rem 4.5%; padding: 1rem; background: #fff; border-radius: 0.5rem;} 
 .about_bg .about_p{font-size: 2.3rem; font-size: 2rem\9; color: #fff; text-align: center; margin: 1rem auto 1rem auto;} 
 .about_bg{width: 100%; height: 37.5rem;} 
 .about_bg .about_font{font-size: 2rem; font-size: 1.7rem\9; color: #333333; margin:0; margin:1rem 0; text-align: center; width: 100%;} 
 .about_bg .about_text{font-size: 1.4rem; font-size: 1.25rem\9; color: #999999; margin: 0; text-align: center; width: 100%; line-height: : 2rem;} 
 .about_bg .liaojie{width: 11rem; height: 3rem; background: #2a5caa; text-align: center; border-radius: 0.5rem; margin-right: 6.5%; margin:1rem 10rem 0 10rem;} 
 .ljbox ul li{width: 49%; float: left; margin:0.5%;}
 }
/*产品页面*/
.products{width: 90%; margin: 0% 5%; margin-bottom: 1%;}
.products .left{width:23%; float:left;}
.products .left .leftc{width:100%; border-radius: 0.5rem; box-shadow: 0px 0px 6px #bfbfbf; overflow: hidden; position: relative; z-index: 10; margin-top: 5%;}
.products .left .leftc .left_bt{line-height: 4rem; font-size:1.8rem; font-size:1.5rem\9; padding-left:2.4rem; margin-left: 3rem; color:#2a5caa; background: url(select_hover.png) left center no-repeat;}
.products .left .leftc .left_lb{width:100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.products .left .leftc .left_lb1{width:78.5%; font-size:1.6rem; font-size:1.3rem\9; line-height: 4rem; padding-left:21.5%; color:#5C5C5C; border-bottom:1px solid #eee; transition:0.5s;}
.products .left .leftc .left_lb1 a{display: block; font-size:1.6rem; font-size:1.3rem\9; color:#5C5C5C; text-decoration: none; transition:0.5s; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.products .left .leftc .left_lb1:hover{border-bottom:1px solid #F9CFDD; transition:0.5s;}
.products .left .leftc .left_lb1:hover a{color:#2a5caa; transition:0.5s;}
.products .left .leftc .left_lb1box ul li a:hover{color:#2a5caa; transition:0.5s;}
.products .left .leftc .left_lb1box{width:100%; overflow: hidden; display: none; white-space: nowrap;text-overflow: ellipsis;}
.products .left .leftc .left_lb1box ul li{width:100%; font-size:1.6rem; font-size:1.3rem\9; line-height: 4rem; color:#5C5C5C; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.products .left .leftc .left_lb1box ul li a{color:#999; font-size:1.6rem; font-size:1.3rem\9; line-height: 4rem; padding-left:2.4rem; margin-left: 3rem; text-decoration: none; transition:0.5s;}
.tui_new{width:100%; border:1px solid #eee; border-radius: 0.5rem; overflow: hidden; margin:1.5rem 0;}
.tui_new .new_lb1{line-height: 4rem; font-size: 1.7rem; font-size: 1.4rem\9; padding-left: 5.4rem; color: #2a5caa; background: url(new_icon.png) 2.8rem 1.3rem no-repeat; border-bottom:1px solid #eee;}
.tui_new .new_lb1 .a1{color:#696969; text-decoration: none; float:left;}
.tui_new .new_lb1 .a2{float:right; color:#999; font-size:1.3rem; font-size:1rem\9; margin-right:1.1rem; text-decoration: none;}
.tui_new .new_lb2{width:85%; overflow: hidden; padding:0 5% 0 10%;}
.tui_new .new_lb2 ul li{width:100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; text-align: left;}
.tui_new .new_lb2 ul li a{color:#999999; font-size:1.4rem; font-size:1.1rem\9; text-decoration: none; line-height: 3.5rem; transform: 0.5s;}
.tui_new .new_lb2 ul li.dq a,
.tui_new .new_lb2 ul li a:hover{transform: 0.5s; color:#2a5caa;}
.products .right{width:75%; margin-left:1%; float:left; overflow: hidden;}
.products .right ul li{width: 33%; float:left;}
.products .right ul li .remen2{width: 100%; /*height:21%;*/ background: #fff; float:left; transition: 0.5s; margin-top: 1.1rem;}
.products .right ul li .remen2 .remen2box{transition: 0.5s; border:0.05rem solid #eee; border-radius: 0.5rem; margin:0 2%;}
.products .right ul li .remen2:hover .remen2box{transition: 0.5s; box-shadow: 0px 0px 5px #ccc;}
/*.cpbox .remen2+.remen2{margin-left:2rem;}*/
.products .right ul li .remen2 .imgbox{width:90%; /*height: 22rem;*/ margin:5%; overflow: hidden;}
.products .right ul li .remen2 .remen_font{width:90%; height: 3.48rem; margin:0 5%; overflow: hidden;}
.products .right ul li .remen2 .remen_font .remen_p{font-size:1.7rem; font-size:1.4rem\9; float:left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; width:60%; margin-top: 0.2rem; height: 3.48rem;}
.products .right ul li .remen2 .remen_font .remen_a{display: block; float:right; font-size:1.5rem; font-size:1.2rem\9; width:40%; height:2.5rem; background: #fff; text-align: center; line-height: 2.4rem; color:#2a5caa; text-decoration: none; border-radius: 0.3rem; transition: 0.5s;}
.products .right ul li .remen2 .remen_font .remen_a:hover{display: block; float:right; font-size:1.5rem; font-size:1.2rem\9; background: #2a5caa; text-align: center; line-height: 2.4rem; color:#fff; text-decoration: none;}

.m_tui{display: none;overflow: hidden; width: 90%; margin: 0% 5%; margin-bottom: 1%;}

/*分页样式*/    
.fy{width: 99%;margin-bottom: 1%;margin-top: 2%;padding-right: 1%;}
.fy a{max-width: 8%; min-width:2%; height: 10%;border: 1px solid #eee;border-radius: 0.5rem;float: left;margin: 0 0.5%;text-align: center;padding: 0 1%;transition: 0.5s;display: block;font-size: 1.4rem;font-size: 1.1rem\9;line-height: 3.5rem;font-size: 1.6rem;text-decoration: none;color: #696969;transition: 0.5s;}
.fy a:hover{transition: 0.5s;border: 1px solid #2a5caa;background: #2a5caa;color: #fff;}
.fy .cpb{width: 2%;height: 10%;border: 1px solid #eee;border-radius: 0.5rem;float: left;margin: 0 0.5%;text-align: center;padding: 0 1%;font-size: 1.4rem;font-size: 1.1rem\9;line-height: 3.5rem;font-size: 1.6rem;text-decoration: none;color: #696969;transition: 0.5s;border: 1px solid #2a5caa;background: #2a5caa;color: #fff;}
.fy .btnGo{width: 8%;height: 10%;border: 1px solid #eee;border-radius: 0.5rem;float: left;margin: 0 0.5%;text-align: center;transition: 0.5s;display: block;font-size: 1.4rem;font-size: 1.1rem\9;line-height: 3.5rem;font-size: 1.6rem;text-decoration: none;color: #696969;transition: 0.5s;background: #fff;}
.fy .inputbox{width: 5% !important;height: 3.5rem;border: 1px solid #eee;border-radius: 0.5rem;float: left;margin: 0 0.5%;text-align: center;transition: 0.5s;display: block;font-size: 1.4rem;font-size: 1.1rem\9;line-height: 3.5rem;font-size: 1.6rem;text-decoration: none;color: #696969;transition: 0.5s;background: #fff;}
#fy2{display: none}
/*分页代码的样式结束*/


@media only screen and (max-width: 64em) {
 .products .left .leftc{display: none; width: 100%; border-radius: 0.5rem; box-shadow: 0px 0px 6px #bfbfbf; overflow: hidden; position: relative; z-index: 10; margin-top: -23%;} 
 .products .right ul li .remen2 .imgbox{width: 90%; height: 15rem; margin: 5%; overflow: hidden;} 
 .products .left .leftc .left_lb1box ul li a{padding-left: 0.8rem;} 
 
 .fy a{ width:auto; min-width: 2.8%; height: 2.5rem; margin: 0 0.5%; padding: 0 0.5%; line-height: 2.5rem; transition: 0.5s;font-size: 1.4rem; font-size: 1.1rem\9;font-size: 1.6rem; text-decoration: none; color: #696969;} 
 .fy .cpb{width: 2.8%; height: 2.5rem; margin: 0 0.5%; padding: 0 0.5%; line-height: 2.5rem; transition: 0.5s;font-size: 1.4rem; font-size: 1.1rem\9;font-size: 1.6rem; text-decoration: none; color: #fff;} 
 .fy .btnGo{width: 8.8%; height: 2.5rem; margin: 0 0.5%; padding: 0 0.5%; line-height: 2.5rem; transition: 0.5s;font-size: 1.4rem; font-size: 1.1rem\9;font-size: 1.6rem; text-decoration: none; color: #696969;}
 .fy .inputbox{width: 2.8%; height: 2.5rem; margin: 0 0.5%; padding: 0 0.5%; line-height: 2.5rem; transition: 0.5s;font-size: 1.4rem; font-size: 1.1rem\9;font-size: 1.6rem; text-decoration: none; color: #696969;}

}

@media only screen and (max-width: 57.8125em) {
 .products .left{display: none} 
 .products .right{width: 100%; /* margin-left: 1%; */ float: left; overflow: hidden;} 
 .products .right ul li .remen2 .imgbox{width: 90%; height: 20rem; margin: 5%; overflow: hidden;} 
 .m_tui{display: block} 
 .tui_new{width: 99%;} 
 .tui_new .new_lb2 ul li{text-align: left} 
 .tui_new .new_lb2{width: 85%; overflow: hidden; padding: 0 5% 0 5%;} 
 .tui_new .new_lb1{background: url(new_icon.png) 2rem 1.3rem no-repeat;} 
 #fy2{display: block} 
 .fy{display: none}
 .fy{fenye: none}
}

@media only screen and (max-width: 38.75em) {
.products .right ul li .remen2 .imgbox{width: 90%; height: 18rem; margin: 5%; overflow: hidden;} 
.products .right ul li .remen2 .remen_font .remen_a{display: none}
.fy a{max-width:12%; min-width:5%;   font-size: 1.4rem; font-size: 1.1rem\9;}
.fy .cpb{max-width:8%; min-width:5%;   font-size: 1.4rem; font-size: 1.1rem\9;}

.products .right ul li .remen2 .remen_font .remen_p{font-size: 1.4rem; font-size: 1.1rem\9; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 60%; margin-top: 0.2rem; height: 3.48rem;}
.products .right ul li{width: 50%; float: left;}
}
/*产品页面*/

/*产品详细*/
.det_left{width:100%; overflow: hidden;}
.det_left .det_img{width: 100%; height: 50%; border: 1px solid #eee; float: left; margin-top: 1rem;}
.det_left .det_img img{display: none}
.det_left .det_font{width:50%; line-height: 2rem; float:left; background: url(font_line.jpg) bottom repeat-x; margin-left:2%; margin-top: 1rem;}
.det_left .det_font p{font-size:2.5rem; font-size:2.2rem\9; color:#000; padding-bottom: 1.4rem; float:left; border-bottom:1px solid #2a5caa;}
.det_left .det_font2{width:50%; padding:1rem 0; margin-left:2%; float:left; font-size:1.4rem; font-size:1.1rem\9; line-height: 2rem; color:#696969;}
.det_left .det_font3{width:50%; margin-left:2%; float:left; border-bottom:1px dashed #eee; color:#2a5caa; font-size:3rem; font-size:2.7rem\9; padding-bottom: 0.5rem;}
.det_left .det_font4{width:50%; margin-left:2%; padding: 1rem 0.5rem; float:left; font-size:1.4rem; font-size:1.1rem\9; border-bottom:1px dashed #eee; color:#333;}
.det_left .det_font5{width:50%; margin-left:2%; padding: 1rem 0.5rem; float:left; font-size:1.4rem; font-size:1.1rem\9; color:#333;}
.det_left .det_btn{width:10rem; height: 3.6rem; border:1px solid #2a5caa; background: #2a5caa; float:left; text-align: center; border-radius: 0.5rem; margin:2rem 0 0 2rem;}
.det_left .det_btn a{display: block; color:#fff; font-size:1.6rem; font-size:1.3rem\9; text-decoration: none; line-height: 3.6rem;}
.det_left .det_j{width:6rem; height: 3.6rem; margin-top: 2rem; border:1px solid #eee; border-radius: 0.5rem; float:left;margin-left: 2rem;}
.det_left .det_z,.det_left .det_s,.det_left .det_y{height: 3.6rem; line-height: 3.6rem; width:2rem; float:left; text-align: center; cursor:pointer; color:#333;}
.det_left .det_floatimg{float:left; width: 44.4%; height: 50%;}
.det_dt{width:100%; overflow: hidden;}
.det_dt .det_dt_img{width: 23.7%; height:24%; border:1px solid #eee; float:left; cursor:pointer; margin-top: 1%;}
.det_dt .det_dt_img+.det_dt_img{margin-left: 0.8%;}
.det_xuanxiang{width: 100%; height:3.6rem; background: url(font_line.jpg) bottom repeat-x; overflow: hidden; margin-top: 1%;}
.det_xuanxiang .det_xxx{font-size:1.6rem; font-size:1.3rem\9; height:3.5rem; line-height: 3.5rem; padding:0 2rem; float:left; color:#999999; cursor:pointer;}
.det_xuanxiang .det_xx_1{font-size:1.6rem; font-size:1.3rem\9; height:3.5rem; line-height: 3.5rem; color:#333; border-bottom:1px solid #2a5caa; padding:0 2rem; float:left;}
.det_s1{width: 100%; overflow: hidden; /*display: none;*/font-size: 1.6rem;}
.det_p1{width: 100%; overflow: hidden; display: none;font-size: 1.6rem;}

.det_s1 .det_ss1{width:100%; overflow: hidden;}
.det_s1 .det_s1_text{width:100%; border-bottom:1px solid #eee; padding:1rem 0;}
.det_s1 .det_s1_text .ni{font-size:1.6rem; font-size:1.3rem\9; color:#999999; margin-left:2rem;}
.det_s1 .det_s1_text .p{font-size:1.6rem; font-size:1.3rem\9; color:#696969; margin-left:2rem; padding:1rem 0;}
.det_s1 .pinglun{width:97%; border:1px solid #eee; height:8rem; padding:1%; margin-top: 1rem; color:#696969; font-size:1.6rem;font-size:1.3rem\9; outline: none; float:left;}
.det_s1 .pingfont{font-size:1.6rem; font-size:1.3rem\9; /*padding:1rem 0;*/ color:#999; float:left; margin-top: 1rem; height:3rem; line-height:3rem;}
.det_s1 .pinginput{float:left; width:10rem; /*padding:1rem 0;*/ margin-top: 1rem; border:1px solid #EEEEEE; height:3rem; line-height:3rem;}
.det_s1 .pingsub{float:right; width:15rem; height:3rem; text-align: center; color:#fff; background: #2a5caa; border:none; border-radius: 0.5rem; font-size:1.6rem; margin-top: 1rem; margin-right:0.6rem;}

@media only screen and (max-width: 38.75em)
{
.det_left .det_floatimg{float: left; width: 97%; height: 50%;} 
.det_left .det_font{width: 95%;} 
.det_left .det_font2{width: 96%;} 
.det_left .det_font4{width: 91%;} 
.det_left .det_font3{width: 94%;} 
.det_left .det_font5{width: 91%;}
.det_left .det_btn{margin-left: 0} 
.det_s1 .pingsub{float: right; width: 31rem; height: 4rem;}
}

/*产品详细*/
/*店面形象*/
.photo_box{display: block; width: 46%; float:left; margin:1.7%; border-radius: 0.5rem; cursor:pointer;}
.photo_box img{transition: 0.5s; border-radius: 0.5rem;}
.photo_box:hover img{transition: 0.5s; box-shadow: 0px 0px 1rem #ccc;}
.photo_box p{width:100%; font-size:1.6rem; font-size:1.3rem\9; color:#333; text-align: center; line-height: 3rem; height:3rem; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
/*单页面*/
.list{width: 99%; overflow: hidden; border:1px solid #EEEEEE; margin:1.4rem 0; border-radius: 0.5rem; padding-bottom:1.5rem;}
.list .p1{width:94%; margin:0 3%; font-size:1.8rem; font-size:1.5rem\9; color: #E85E92; text-decoration: none; float: left; line-height: 4rem;}
.list .p2{width:94%; float:left; margin:0 3%; border-bottom:1px solid #eee; line-height: 4rem; height: 4rem;}
.list .p2 a{display: block; height:4rem; color:#696969; font-size:1.6rem; font-size:1.3rem\9; text-decoration: none; transition: 0.5s; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; width:70%;}
.list .p2 a:hover{color:#2a5caa; transition: 0.5s;}
.list .p2 span{float:right; font-size:1.5rem; font-size:1.2rem\9; color:#CCCCCC; height:4rem; position: relative; top:-4rem;}
.list .dbt{font-size:2.3rem; font-size:2rem\9; color:#333333; width:100%; text-align:center; margin-top:2rem;}
.list .dbt2{font-size:1.3rem; font-size:1rem\9; width:96%; color:#EB5C92; text-align:center; line-height: 2.5rem; margin:0 2%; border-bottom:1px dashed #EFEFEF; padding-bottom: 1rem;}
.list .dbt_text{width:96%; margin:1% 2%; font-size:1.6rem; font-size:1.3rem\9; line-height: 3rem;}
.list .shangxia{width:96%; margin:0 2%; overflow: hidden;}
.list .shangxia .shanga{float:left; color:#333; font-size:1.5rem; font-size:1.2rem\9; margin:2rem 0 0 0 ;}
.list .shangxia .shanga a{color:#333; transition: 0.5s;}
.list .shangxia .shanga a:hover{color:#2a5caa; transition: 0.5s;}
.list .shangxia .shangx{float:right; color:#333; font-size:1.5rem; font-size:1.2rem\9; margin:2rem 0 0 0 ;}
.list .shangxia .shangx a{color:#333; transition: 0.5s;}
.list .shangxia .shangx a:hover{color:#2a5caa; transition: 0.5s;}

.group1{ display:block;  max-height:30rem; overflow:hidden;}

.det_p1 img { max-width: 100%; }



/*关注微信*/
.weixin{width:100%; background: url(flw3.png); position: fixed; z-index: 3000; top:0; left:0; display: none;}
.weixin .weixinimg{width:30em; height:30em; background: #fff; margin:10% auto;}
.weixin .weixinimg img{width:100%;}
.flicker-example{z-index:1;}