/* CSS Document */
/*common*/
*{margin:0;padding:0;list-style-type:none;}
body,html{height:100%;background-color:#fff;color:#444;font-size:62.5%;font-family:Microsoft YaHei,Helvetica,Arial,sans-serif;}
div{box-sizing: border-box;}
a{ text-decoration:none;}
img{ border:0;}
/*手机顶部微信CSS*/
.WeiXinTip{height:60px; position:fixed; overflow:hidden; left:0; right:0; margin:0 auto; top: 0; z-index:9999999999 !important; font-size:0.85rem; display:none;}
.WeiXinTip .TipBox{ }
.WeiXinTip .TipBox a { height:60px;text-decoration:none;display: block; position: relative; padding-left: 50px; color: #FFFFFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;background-color:black;}
.WeiXinTip .TipBox img { position: absolute; left: 8px; top: 50%; margin-top: -18px; width: 38px; height: auto; margin-right: 5px; border-radius:0.3125em;opacity: 1}
.WeiXinTip .TipBox dl {height: 40px; margin:0; padding:8px 5px;  text-align:left;}
.WeiXinTip .TipBox dt { font-weight: bold;line-height:2.1rem; font-size:1.4rem;}
.WeiXinTip .TipBox dt i{ font-size:0.85rem; margin-left:5px;}
.WeiXinTip .TipBox dd { margin:0; font-size:1.3rem;line-height:1.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.WeiXinTip span.num{ display:block; height:16px; width:16px; border-radius:16px; position:absolute; top:7px; left:35px; background:#FF0000; z-index:100; color:#FFFFFF; text-align:center; line-height:16px; font-size:1rem;}


/*手机弹窗CSS*/
.TalkWin{width:310px; height:362px;background:url("/demo14/sjswt.png") no-repeat; background-size:cover;position:fixed;top:48%; margin-top:-186px; left:47%; margin-left:-143px; z-index:99999; display:none;border-radius: 15px;}
.TalkWin .PhoneBox{ position:absolute; top:173px; left:40px; width:238px; height:50px;overflow:hidden;z-index:1; display:none;}
.TalkWin .AL,.TalkWin .AR{width:50%; height:52px; overflow:hidden; display:block; position:absolute; bottom:0; font-size:16px; color:#fff; line-height:53px; padding-left:57px;}
.TalkWin .QP{width:290px; height:287px; overflow:hidden; display:block; position:absolute; bottom:65px;margin-left:8px;}
.TalkWin .CloseWin{ width:34px; height:34px; display:block; position:absolute; right:2px; background:url("/demo14/win_close.png") no-repeat;}
	
/*****header******/
.header{ height:52px; width:100%; max-width:640px;overflow:hidden; background:#fff; margin:0 auto;}
.header a{ display:block; height:100%; width:100%; overflow:hidden;}
.header ul{ width:98%; height:100%; overflow:hidden; margin:0 auto;}
.header ul li{ float:left;}
.xm_img{ width:9%; float:left; height:100%; background:url(../images/xm_img.jpg) no-repeat center left;}
.logo{ width:82%; float:left; height:100%; background:url(../images/head_logo.jpg) no-repeat center center;}
.fhsy{ width:9%; float:right; height:100%; background:url(../images/fhsy.jpg) no-repeat center right;}
/********banner****/
.banner{ margin:0 auto; height:auto; width:100%;max-width:640px; overflow:hidden;background:#f6f6f6;position:relative;}
.mainbox{ overflow:hidden;position:relative; margin:0 auto;}
.flashbox{ overflow:hidden; position:relative;}
.imagebox{ text-align:center;position:relative;z-index:999;}

.banner .hd{position:absolute; bottom:10px; width:100%;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{ display:inline-block; width:12px; height:12px;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; text-indent:-9999px; overflow:hidden; margin:10px 6px;   }
.banner .hd li.on{ background:#d60066;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center; float:left;}
.banner .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } /* 去掉链接触摸高亮 */


.content{max-width:640px; margin:0 auto; background:#f8f8f8;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-box-pack:center;box-pack:center;}
.nav{ width:100%; height:auto; overflow:hidden; padding:0.5rem 1rem;}
.nav ul{}
.nav ul li{ float:left; padding:0 0.5%; padding-top:0.2rem; width:32.3%;}
.nav ul li img{width:100%;}

/*原优惠样式 开始*/
/*
.sell{ padding:0 1rem; overflow:hidden; background:#fff; width:100%; text-align:center;}
.sell .title{ color:#59b1e1;font-size:2rem; padding:.5rem 0;}
.sell .sell_item{ width:100%;}
.item_all{overflow:hidden;}
.item_all .item01{ width:65.6%; overflow:hidden;float:left;}
.item_all .item01 ul li{ float:left; padding-right:1%; padding-bottom:.2rem;}
.item01 li.two01{ width:60%;}
.item01 li.two02{ width:37.6%;}
.item01 li.three01{width:29.4%;}
.item01 li.three02{width:29.4%;}
.item01 li.three03{width:37.4%;}
.item_all .item02{ width:34.4%;overflow:hidden;float:left;}
.sell_item  img{ width:100%;}
.sell_item .hd{ padding:1rem 0; overflow:hidden;}
.tips{ overflow:hidden; text-align:center;}
.tips .btn{ height:4rem;}
.btn a{color:#ffffff; font-size:1.6rem; text-align:center; background:url(../images/anniu_icon1.jpg) no-repeat 90% 1.2rem #0099d9; width:80%; display:inline-block; height:4rem; line-height:4rem; border-radius:.5rem;}
.btn a span{ display:inline-block;height:1rem; border:.5rem solid #f00; border-radius:1.2rem; background:#f00; line-height:1rem;}
.des{ overflow:hidden; padding-bottom:1rem; padding-top:1rem;}
.des h6{ color:#e52c70; font-size:2.1rem;}
.des p{ color:#000000; font-size:1.6rem; line-height:2rem;}
.des p a{ color:#e52c70;}
*/
/*原优惠样式 结束*/

/***新优惠项目***/
.x_sell{ padding:0 1rem; overflow:hidden; background:#fff; width:100%; text-align:center;}
.x_sell .x_title{ color:#59b1e1;font-size:2rem; padding:.5rem 0;}
.x_sell .x_sell_item{ width:100%;}
.x_item_one{overflow:hidden;width:100%;padding-bottom:1%;}
.x_item_one ul li{float:left;}
.x_item_one .x_item_one_ig1{width:32.63%;padding-right:0.5%;}
.x_item_one .x_item_one_ig2{width:32.63%;padding-right:0.5%;padding-left:0.5%;}
.x_item_one .x_item_one_ig3{width:32.64%;padding-left:0.5%;}

.x_item_all{overflow:hidden;}
.x_item_all .x_item01{ width:67%; overflow:hidden;float:left;}
.x_item_all .x_item01 ul li{ float:left; padding-right:1%; padding-bottom:1%;}
.x_item01 li.x_two01{ width:58.6%;}
.x_item01 li.x_two02{ width:39.4%;}
.x_item01 li.x_three01{width:39.4%;}
.x_item01 li.x_three02{width:58.6%;}
/*.x_item01 li.x_three03{width: 38%;}*/
.x_item_all .x_item02{ width:32.64%;overflow:hidden;float:right;}
.x_sell_item  img{ width:100%;}

.x_sell_item .x_hd{padding-bottom:2%; overflow:hidden;}
.x_sell_item .x_hd ul li{ float:left;  padding-bottom:1%;}
.x_hd_three01{width:49%;padding-right:0.5%;}
.x_hd_three02{width:49%;padding-left:0.5%;}

.x_tips{ overflow:hidden; text-align:center;}
.x_tips .x_btn{ height:4rem;}
.x_btn a{color:#ffffff; font-size:1.6rem; text-align:center; background:url(../images/anniu_icon1.jpg) no-repeat 90% 1.2rem #0099d9; width:80%; display:inline-block; height:4rem; line-height:4rem; border-radius:.5rem;}
.x_btn a span{ display:inline-block;height:1rem; border:.5rem solid #f00; border-radius:1.2rem; background:#f00; line-height:1rem;}
.x_des{ overflow:hidden; padding-bottom:1rem; padding-top:1rem;}
.x_des h6{ color:#e52c70; font-size:2.1rem;}
.x_des p{ color:#000000; font-size:1.6rem; line-height:2rem;}
.x_des p a{ color:#e52c70;}

.tips{ overflow:hidden; text-align:center;}
.tips .btn{ height:4rem;}
.btn a{color:#ffffff; font-size:1.6rem; text-align:center; background:url(../images/anniu_icon1.jpg) no-repeat 90% 1.2rem #0099d9; width:80%; display:inline-block; height:4rem; line-height:4rem; border-radius:.5rem;}
.btn a span{ display:inline-block;height:1rem; border:.5rem solid #f00; border-radius:1.2rem; background:#f00; line-height:1rem;}
.des{ overflow:hidden; padding-bottom:1rem; padding-top:1rem;}
.des h6{ color:#e52c70; font-size:2.1rem;}
.des p{ color:#000000; font-size:1.6rem; line-height:2rem;}
.des p a{ color:#e52c70;}
/***新优惠项目***/


.project{ width:100%; background:#f8f8f8; padding:0 1rem; overflow:hidden;}
.project .title{ padding:1rem 0; background:url(../images/xian.png) repeat-x center center; position:relative;}
.title b{ position: absolute;top: 38%;display: inline-block;width:12%;height: 1rem;}
.title b.b1{background:url(../images/icon7.jpg) no-repeat left center;}
.title b.b2{ right:0;background:url(../images/icon7.jpg) no-repeat right center;}
.title h2{ color:#59b1e1; font-size:1.8rem; font-weight:normal; text-align:center; width:40%; background:#f8f8f8; margin:0 auto;}


.project_list{ width:100%; overflow:hidden;}
.project_list ul{}
.project_list ul li{ background:#16aedf; border:.1rem solid #16aedf; border-radius:1rem; width:22.3%; float:left; margin:.5rem 1%; text-align:center;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.project_list ul li.on{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.i{ width:100%; color:#ffffff; font-size:1.4rem; display:inline-block;}
.i img{ width:80%; padding-top:.5rem;}
.i p{padding-bottom:1rem;}

.project .tips{ padding:1rem 0 2rem 0;}

.case{ width:100%; padding:0 1rem; overflow:hidden; background:#eef7ff;}
.case .title{ padding:1rem 0;background:url(../images/xian.png) repeat-x center center; position:relative;}
.case .title h2{ background:#eef7ff;font-weight:normal;}
.case_all{ position:relative;}
.case_slideBox{ width:100%; overflow:hidden;}
.case_slideBox .bd{ position:relative; z-index:0; }
.case_slideBox .bd li{ position:relative; text-align:center; float:left;}
.case_slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.case_slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } /* 去掉链接触摸高亮 */
.case_slideBox .hd{ padding-bottom:1rem; padding-top:.5rem; width:100%;}
.case_slideBox .hd ul{text-align:center;}
.case_slideBox .hd ul li{ display:inline-block; width:1rem; height:1rem;-webkit-border-radius:1rem; -moz-border-radius:1rem; border-radius:1rem; background:#a2a2a2; text-indent:-9999px; overflow:hidden; margin:10px 6px;   }
.case_slideBox .hd li.on{ background:#d60066;  }

.case_list{ width:100%; padding:0 .4rem;}
.case_list img{ width:100%;}
.case_info{ padding:.5rem 1rem; background:#fff; margin-bottom:1rem;}
.case_info p{ color:#4e4d4e; font-size:1.6rem; line-height:2rem; padding:1.4rem 0; border-bottom:1px solid #c6c6c6;}
.case_info .reader{ padding:1rem 0 3rem 0;}
.reader span{ display:inline-block; float:left; width:60%;color:#929292; font-size:1.6rem; height:2rem; line-height:2rem;}
.reader span.zan{ float:right; width:20%; color:#d32076;}
.reader span.zan i{line-height: 2rem; display: inline-block;float: left; width: 30%;height: 2rem;}
.reader span.zan img{float:left; padding-right:.5rem; padding-top: .2rem;}
.padding1rem{ padding:1rem 0 2rem 0;}

.brand{ width:100%; padding:0 1.5rem; overflow:hidden; background:#f8f8f8;}
.brand .title{ padding:1rem 0; background:url(../images/xian.png) repeat-x center center; position:relative;}
.brand_all{}
.brand_all .brand_img { width:100%; padding-top:1rem; overflow:hidden; padding-bottom:1rem;border-bottom:1px solid #dfdede;}
.brand_all .brand_img .img{ float:left; width:40%;  height:8rem; overflow:hidden;}
.img img{ width:100%;}
.brand_all .brand_img .info{ float:right; width:58%; height:8rem; overflow:hidden;}
.info h3{ color:#f34498; font-size:1.6rem; height:2.2rem; line-height:2.2rem; font-weight:normal; overflow:hidden;}
.info  p{ color:#000000; font-size:1.4rem; line-height:1.8rem; padding-top:.5rem;}
.brand_list{ width:100%; overflow:hidden; padding-top:1rem;}
.brand_list ul li{ height:1.8rem; line-height:1.8rem; width:90%; overflow:hidden; font-size:1.4rem;}
.brand_list ul li a{color:#000000; }

.expert{ width:100%; overflow:hidden; background:#fff; padding:0 1.5rem;}
.expert img{width:100%;}
.expert .title{ padding:1rem 0; background:url(../images/xian.png) repeat-x center center; position:relative;}
.expert .title h2{ background:#fff;}
.expert .title h2 a{ color:#59b1e1; text-decoration:underline;}
.expert .expert_all{ width:100%;}
.expert_list{ width:100%; overflow:hidden; padding-bottom:1rem;}
.expert_list ul li{ width:18.8%; float:left; margin:0 0.3%; border:1px solid #c3c3c3;margin-top:1rem;}
.expert_list ul li.on{ border:1px solid #e52c70;}
.expert_list ul li img{ width:100%; float:left;}

.expert_img{margin-top:1rem;}
.expert_img .big_img{ float:left; width:100%; overflow:hidden;}

.map{ width:100%; overflow:hidden; padding:1rem 0; background:#fff;}
.map img{ width:100%;}
.footer{max-width:640px; margin:0 auto; background:#ffffff; padding-bottom:2rem;}
.footer p{ color:#444444; text-align:center; font-size:1.4rem; height:2.1rem; line-height:2.1rem; overflow:hidden;}
.gs-tb{text-align:center;  height:5rem !important; line-height:5rem !important;}
.foot_ct{ padding-bottom:2rem;}
/**********footer***/

/***********floatbtn**********/
.floatbtn{ height:60px; width:100%;overflow:hidden; margin:0 auto; position:fixed; bottom:0; left:auto; background:#fff; z-index:9999;}
.fbtn{ width:100%; height:100%; max-width:640px; margin:0 auto; overflow:hidden;}
.fbtn li{ float:left; width:40%;}
.fbtn_1{ background:#df0069; color:#fff; width:100%; height:100%;}
.fbtn_1 a{ display:block; height:60px; width:85%; background:url(http://m.cntqt.com/images/dianpu.png) no-repeat left 7px top 14px; margin:5px auto; text-align:right; line-height:56px; color:#fff; font-size:1.6rem;}
.fbtn li.fbtn_2{ width:20%;}
.fbtn_2{ background:#373737; color:#fff; width:100%; height:100%;}
.fbtn_2 a{ display:block; height:60px; width:40px; background:url(http://m.cntqt.com/templets/mtqt/images/fhsy_img1.png) no-repeat left top; margin:3px auto; }
.fbtn_2 a p{padding-top:25px; line-height:40px; color:#b5b5b5; font-size:1.6rem;text-align:center;}
.fbtn li.fbtn_3{ width:40%;}
.fbtn_3{ background:#178fbb; color:#fff; width:100%; height:100%; float:right;}
.fbtn_3 a{ display:block; height:60px; width:85%; background:url(http://m.cntqt.com/templets/mtqt/images/qqzx_img1.png) no-repeat left top; margin:5px auto; text-align:right; line-height:56px; color:#fff; font-size:1.6rem;}
@media screen and (max-width: 340px) {
    .i {
        font-size:1.2rem;
    }
	.title h2{ font-size:1.6rem;}
	.footer p{ font-size:1.2rem;}
	.expert_list ul li{ margin:0 0.2%; margin-top:.5rem; margin-top:.5rem;}
	.project_list ul li{ margin:.2rem 1%;}
}
@media screen and (min-width: 340px) and (max-width: 360px) {
	.expert_list ul li{ margin:0 0.2%; margin-top:.5rem; margin-top:.5rem;}
}
@media screen and (min-width: 360px){
	.reader span.zan img{ width:80%;}
}
@media screen and (min-width: 480px){
	.reader span.zan img{ width:60%;}
}