/*模板展示页面template.inc.php*/
#temp_container{ width:100%; max-width:1180px; margin:0 auto; text-align:center;}
#temp_container .temp_h1{ text-align:center; color:#7c4d89;	margin-bottom:15px;	margin-top:15px;}
#temp_container .temp_h2{ color:#7c4d89; text-align:center;}
#temp_container .temp_h2 span{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#480c59;
	margin:0 8px;
}
#temp_container .temp_h2 .temp_span_2{
	font-weight:bold;
	color:#480c59;
	margin:0 8px;
	font-family:Microsoft YaHei;
}

/*模板展示*/
/*====== modelList =======*/
.price{color:#c00;font-size:16px;}
.money{font-family:"arial";color:#c00;font-size:15px;}

/*====== modelList =======*/
#modelList ul{ overflow:hidden; zoom:1; clear:both;width:100%; max-width:1182px;}
#modelList ul li{ display:block; float:left;width:25%;text-align:center;margin:0;}
#modelList ul li .showModel{ overflow:hidden;zoom:1; clear:both;margin: 15px auto 10px; width: 91%;}
#modelList ul li .showModel .showImg { height: 270px; overflow: hidden !important; border: 0px; background: #f5f5f5;}
#modelList ul li.rLi{margin-right:0px;text-align:right}
#modelList ul li.rLi .showModel{}
.modelList .LeftBotton,.modelList .RightBotton{ height:470px;}
.showContent .packageName { display: inline-block; overflow: hidden; zoom: 1; text-overflow: ellipsis; /* white-space: nowrap; */ float: left; margin-bottom: 5px; width: 100%; box-sizing: border-box; line-height: 22px; padding: 0 10px; margin-top: 10px; color: #666;}
.showContent .packageName span{color:#666;}
.showContent .packageName .p_id{float:right;}
.showImg a span.mask { position: absolute; z-index: 2; display: block; text-align: center; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); opacity: 0; -webkit-transition: all ease-in .2s; -moz-transition: all ease-in .2s; -o-transition: all ease-in .2s; transition: all ease-in .2s;}
.myshow_k { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999;}
.showImg a span.mask img { width: auto; margin-top: 120px;}
.showImg:hover .myshow_k .mask { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

.showImg{ border:0px; clear:both;position:relative;height:auto}
.showImg .myshow img{display:block;width:100%;}
.showContent{overflow:hidden;zoom:1;text-align:center; background: #fff;margin:0;}
.showContent #left-content{float:left;text-align:left}
.showContent #left-content .grayfont{width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.showModel.sale .showContent #left-content .grayfont a{width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; height: 28px; line-height: 28px; color: #666;}
.showContent #right-content{float:right;margin-top:10px}
.showContent #right-content a{width:60px;font-size:12px;color:#fff;text-align:center;border:0px;line-height:28px;float:left}
.showContent #right-content a.btn_pre{background:#494949;border-bottom:0px;margin-right:5px}
.showContent #right-content a.btn_pre:hover{background:#222}
.packagePrice {clear: both;padding: 0 10px;height:20px;margin:5px 0;}
.packagePrice .p_level{float:right;}
.packagePrice .rightFont{color: #f00;font-family: "verdana";font-weight: normal;font-size: 12px;}

.showImg{overflow:visible !important}

#modelList #PC_show{background: none;padding-top:0px;height:270px;overflow:hidden;zoom:1;}

#modelList .mobile_show{width: 93px;height: 138px;padding-top: 18px;position: absolute;z-index: 9999;bottom: -10px;right: -3px;text-align: center;}
#modelList .mobile_show .mymobileshow{display:block;height:110px;overflow:hidden;zoom:1}
.mymobilshow img{min-height:110px}

.showContent .grayfont { color: #666; float: right;}
.m_img img{width:100px !important;height:100px !important}

#modelList{margin-top:20px;}
#modelList ul{ overflow:hidden; zoom:1; clear:both;}

.modeList_my ul li{margin-bottom:7px;}
#modelList ul li .showModel_mytemp{width:270px;}
.showModel .level{ position:absolute; left:7px; top:-38px; z-index:2;display:none;/*暂时隐藏*/}
.showImg {overflow:hidden; zoom:1; clear:both; position:relative; text-align:left;border:1px solid #ebebeb;height:300px;}
.showImg_mytemp{height:360px;}
.showImg .myshow{ display:block; float:left; width: 100%;}
.showImg .myshow img{display:block;min-height:300px;border:0px;}
.showImg_mytemp .myshow img{min-height:240px;height:240px;border:0px;width:270px;margin-bottom:10px;}
.showImg_mytemp p{text-indent:10px;line-height:220%;color:#666;}
.showImg .showContent{position:absolute; left:0px; top:300px; z-index:10;width:100%;height:300px;line-height:300px;
	background:rgba(0,0,0,0.5) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
	background:#000; filter:Alpha(opacity=50);/*实现IE背景透明*/ 
	text-align:center;
	padding-top:95px;
}
.showImg .showContent_mytemp{position:absolute; left:0px; top:360px; width:270px;height:290px;height:360px\9;line-height:290px;}
.showImg .showContent a{position:relative;margin:10px 40px;font-size:18px;padding:3px 0px;}
.showImg font{padding-left:10px;margin-left:3px;}
.showImg_mytemp .showContent_mytemp a.btnA{font-size:16px;margin:45px 25px 10px 25px;padding:5px 5px;}
.showImg_mytemp .showContent_mytemp a.btnB{margin:20px 25px;font-size:16px;}
.showImg_mytemp font{display:inline-block;margin-top:5px;width:12px;height:12px;padding-left:0;float:left;margin-left:3px;}
.showImg_mytemp font:first-child{margin-left:10px;}
.showImg_mytemp span{margin-right:8px;font-size:13px;display:inline-block;width:110px;float:right;height:20px;line-height:20px;}
span.temp_name{float:none\9;width: 138px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right:0;text-indent: 0;}
strong.temp_name{font-weight:normal;font-size:14px;color:#333;display:inline-block;width:190px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-indent:0;}
span.tpname2{width:152px;float:right;}
span.tp_piclist{width:198px;}
span.tpname_list{width:200px;float:right;}
.modelCata{ height:0px; overflow:hidden; zoom:1; clear:both; background: #eee;}
.modelCata ul{ overflow:hidden;zoom:1;clear:both; padding-left:10px; border-bottom:1px solid #ccc; padding-bottom:10px;background:#E6E6E6;padding-top:20px;padding-bottom:8px; }
.modelCata ul li{ float:left; width:150px; margin-right:55px;line-height:180%;}
.modelCata ul li.hot{ background:#D7D7D7; text-align:center;}
.modelCata ul li.hot a{ color:#000;}
.modelCata ul li a{ color:#666;}
.modelCata ul li a:hover{ color:#06c;}
.modelCata #hidebtn{ display:block;  background:url(/images/v6/moredomain.png) left bottom no-repeat; width:200px; height:15px; font-size:0; margin:0 auto; }

.modeList_sty2{clear:both;}
.modeList_sty2 ul{height:130px;border:1px solid  #ebebeb;width:570px;float:left;margin:23px  0 7px 0;background:#f9f9f9;}
.modeList_sty2 ul.odd{margin-right: 38px}
.modeList_sty2 ul:hover{border:1px solid #e1e1e1;background:#fff;cursor:pointer;z-index:9999;}
.modeList_sty2 ul:first-child{margin-left:0;}
.modeList_sty2 ul li{float:left;width:225px;margin-top:10px;}
.modeList_sty2 ul li.first_li{width:115px;}
.modeList_sty2 ul li img{width:80px;height:110px;margin:0 12px;}
.modeList_sty2 ul li p{line-height:35px;height:35px;border-bottom:1px dotted #e5e5e5;}
.modeList_sty2 ul li .p_border{border-bottom:none;}
.modeList_sty2 ul li p a.btnB{padding:5px 10px;width:110px;margin:5px 0 0  0px;font-size:14px;text-align:center;background:#eee;color:#c00;}
.modeList_sty2 ul li p a.btnB:hover{background:#c00;color:#fff;}

.modeList_sty3 ul{width:1180px;border:none;height:155px;border-bottom:1px solid #ebebeb;margin:15px 0;background:#fff;}
.modeList_sty3 ul:hover{border:none;border-bottom:1px solid #c00;background:#f9f9f9;}
.modeList_sty3 ul li{width:260px;}
.modeList_sty3 ul li.first_li{width:135px;}
.modeList_sty3 ul li img{width:146px;height:130px;}
.modeList_sty3 ul li p{height:40px;line-height:40px;border:none;}
.modeList_sty3 ul li p.beizhu{width:260px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.modeList_sty3 ul li p a.btnB{background:#c00;color:#fff;}
.modeList_sty3 ul li p b{font-size:22px;color:#c00;font-family:"Georgia";}
.modeList_sty3 ul li p a.btnB:hover{background:#f00;}
.modeList_sty3 ul li p a.sale_num{color:#24861a;font-size:14px;}


.Pageage_Info {padding: 0px 10px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;clear: both;}
#Package_Button { overflow: hidden; padding-top:10px;}
.Package_list #Package_Button a { background: #c00 !important;}
.showModel #Package_Button a { display: block; color:#fff; text-align: center; padding: 5px 0px 5px 0px; box-shadow: 0 0 0 0; filter: alpha(opacity=70)!important; -moz-opacity: 0.7!important; -khtml-opacity: 0.7!important; opacity: 0.7!important;}
.boxV6Button { font-size: 14px; color: white; border: 0px; cursor: pointer; background:#c00}
.showModel:hover #Package_Button a { color:#fff; filter: alpha(opacity=100)!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important;}
.showContent * { color: #999; text-align: left; font-family: verdana;}
.showContent .Pageage_Info a {color:#999;}


/*合作伙伴reseller*/
#container .re_h1{
	text-align:center;
	font-size:24px;
	height:50px;
	line-height:50px;
}
#resell{
	width:1180px;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
}
#resell a{
	display:block;
	float:left;
	width:200px;
	height:120px;
	line-height:120px;
	text-align:center;
	vertical-align:middle;
	margin-left:18px;
	margin-right:18px;
	margin-bottom:5px;
}
#resell a img{
	vertical-align:middle;
}

/*帮助help*/
h4.jianshe{
	margin:100px 0;
	font-size:48px;
	font-weight:bold;
	text-align:center;
}

/*地图map*/
.gs_map{
	width:1180px;
	text-align:center;
	margin:0 auto;
}

/*百度商桥层高*/
#newBridge { z-index: 999999 !important;}

/*模板购买订单确认*/
.buy_form{clear:both;text-align:left;width:830px;margin:0 auto;overflow:hidden;max-height:300px;}
.buy_form .temp_pic{width:220px;}
.buy_form .temp_pic img{width:220px;height:280px;}

.buy_form .temp_pic,.buy_form .order_list{float:left;margin-right:50px;}
.buy_form .order_list li{height:42px;line-height:37px;font-size:14px;color:#555;}
.buy_form .order_list li select{display:inline-block;width:200px;cursor:pointer;height:25px;border:1px solid #e2e2e2;color:#666;}
.buy_confir{padding:20px 0px 30px 15px;clear:both;margin-top:45px;border-top:1px solid #e2e2e2;}
.buy_confir p{font-size:14px;line-height:40px;text-align:right;}
.buy_confir p span{display:inline-block;width:172px;text-align:left;}
.buy_confir p .price{font-weight:bold;}
.buy_confir .btsb .confir_btn{cursor:pointer;display:inline-block;padding:8px 60px;padding:8px 35px\9;font-family:"Microsoft YaHei";background:#c00;border:none;color:#fff;}
.buy_confir .btsb .confir_btn:hover{background:#f00;}

.infoTable{margin:0 auto;border:1px solid #ccc;border-width:0px 0px 1px 1px}
.infoTable td{height:45px;border:1px solid #ccc;border-width:1px 1px 0px 0px}
.infoTable td.r{background:#eee;text-indent:10px;}
.infoTable td.m{text-indent:10px;}
.infoTable strong.price{font-size:18px;}


.showPackageImg {clear: both;position: relative;transform: scale(1,1);}

.showPackageImg #PC_show {
	background: url(http://www.iisp.com/design/images/V6_0827/boxshow_t.png) left top no-repeat;
	padding-top: 22px;
	height: 180px;
	overflow: hidden;
	zoom: 1;
}

.showPackageImg .mobile_show {
	width: 93px;
	height: 138px;
	padding-top: 18px;
	position: absolute;
	z-index: 9999;
	bottom: -30px;
	right: -5px;
	text-align: center;
	background: url(http://iisp.com/design/images/V6_0827/mobile.png) no-repeat center;
}

.showPackageImg .myshow img {
	display: block;
	width: 100%;
}

.showModel.sale .showContent {
	overflow: hidden;
	zoom: 1;
	text-align: center;
}

.showModel.sale .showContent #left-content {
	float: none;
	text-align: left;
	overflow: hidden;
    padding: 10px;
}

.showContent .nSale { float: left; color: #666;}
.showContent .nNumber { float: right; color: #999;}

.showModel.sale .showContent #right-content {
	float: none;
	margin: 0px auto 10px;
    overflow: hidden;
    width: 94%;
}

.showModel.sale .showContent #right-content a {
	width: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 0px;
	background:#cc0000;
	display: inline-block;
	height: 28px;
	line-height: 28px;
}
.showModel.sale .showContent #right-content a:hover{background: #990000}

.showModel.sale .showContent #right-content a.btn_pre {background:#494949}
.showModel.sale .showContent #right-content a.btn_pre:hover{background:#222}


.designStepDiv{padding:50px 0px 20px;}
.designStepDiv .dStepTitle,.dCaseTitle{font-size:24px;color:#333;text-align:center;padding:0px 0px 30px;font-family:"Microsoft YaHei","verdana";font-weight:bold}
.stepBoxList{overflow:hidden;zoom:1;width:1180px;margin:0 auto;}
.stepBoxList .sBox{float:left;background:#fff;margin-right:20px;width:380px;margin-bottom:25px;}
.stepBoxList .lastBox{margin-right:0px;}
.stepBoxList .sBox-left{text-align:center;width:190px;background:#5FDBFF;height:240px;color:#fff;float:left}
.stepBoxList .sBox-left .sboxImg{margin-top:32px;text-align:center;}
.stepBoxList .sBox-left .bTxt{font-size:18px;font-family:"Microsoft YaHei","verdana";margin-top:15px}
.stepBoxList .sBox-right{float:right;overflow:hidden;zoom:1;width:190px;height:240px;background:#f9f9f9}
.stepBoxList .fUl{overflow:hidden;zoom:1;}
.stepBoxList .fUl li{border-bottom:1px solid #e8e8e8;width:190px;text-align:left;line-height:59px;color:#666}
.stepBoxList .fUl li:hover{background:#f5f5f5}
.stepBoxList .fUl li img{margin:0px 10px 0px 20px;}
.stepBoxList .pinksBox{background:#F6453D}
.stepBoxList .qBox{background:#FBB57D}
.stepBoxList .xBox{background:#AE6EFC}
.stepBoxList .rBox{background:#FD92E4}
.stepBoxList .zBox{background:#F0385F}
.stepBoxList .sBox-left p{text-align:center;}

.nPages{position:absolute;right:80px;bottom:6px;}
.nPages a{display:block;width:10px;height:10px;border-radius:100%;background:#eee;float:left;margin-right:5px;}
.nPages a.hotA{background:#F6453D}

.designCase{padding:10px 0px 10px}
.designCase .dCaseTitle{padding-bottom:10px}
.cSubTitle{font-size:16px;font-family:"Microsoft YaHei","verdana";margin-bottom:30px;color:#666}
.caseBoxDiv{overflow:hidden;zoom:1;width:1180px;margin:0 auto;}
.caseBoxDiv .caseBox{background:#fff;width:508px;border:1px solid #dcdcdc;padding:40px;float:left;text-align:left}
.caseBoxDiv .caseBox:hover{background:#fefefe;}
.nobBorder{border-bottom:0px !important}
.caseBoxDiv .rCBox{margin-right:0px;border-left:0px;}
.caseBoxDiv .caseBox .caseTitle{font-family:"Microsoft YaHei","verdana";font-size:22px;font-weight:normal;margin-bottom:12px}
.caseBoxDiv .caseBox .caseTitle a{color:#333}
.caseDetail{color:#666}
.caseInfo{margin-top:12px;color:#06c}
.caseBtn a{display:block;width:120px;line-height:32px;border:1px solid #c00;color:#c00;font-size:12px;text-align:center;margin:12px 0px 20px;}
.caseBtn a .st{font-family:"宋体"}
.caseBtn a:hover{background:#c00;color:#fff;}
.showCase{overflow:hidden;zoom:1;margin-top:30px;}
.showCase a{float:left;display:block;width:24%;border-right:1px solid #eee;}
.showCase a img{padding-left:10%;}
.showCase a.alast{border:0px}



/*自适应以及头部响应式样式*/
#TopMenu .clickLi .snarr { display: inline-block; padding-top: 0px;}
.clickLi { line-height: 61px; color: #ccc; font-size: 16px; padding: 0px 14px; text-decoration: none; border-top: 3px solid #000; padding-bottom: 4px; cursor: pointer;}
.clickLi:hover,.clickLiHover { border-top: 3px solid #cc0000; color: #FFFFFF; background: #333333;}
.topMainRight { float: right; clear: none;}
#TopMenu { float: left; margin-right: 15px;}
#topLogo img{height:35px;}
.topMobile { display: none;}

.MenuImg { width: 32px; margin-top: 20px;}
.MenuImg img { width: 100%;}
.topMobiMenu { float: right; display: block; height: 65px; width: 80px; text-align: center; cursor: pointer;}
.MenuImg { width: 32px;}
.MenuImg img { width: 100%;}
.topMobiMenuBox { width: 100vw; height: 100vh; background: #000; position: fixed; top:0px; left:0px; z-index: 9999999; display:none;}
.MobiLogin { height: 50px; line-height: 50px; margin: 15px 30px 25px 13px; border-bottom: 2px solid #c00; overflow: hidden; box-sizing: border-box;}
.MobiLogin a { width: 75px; line-height: 30px; margin: 7px 10px 0 0; background: #c00; float: left; text-align: center; color: #fff; font-size: 16px;}
.mobiClose { float: right; height: 40px; width: 50px; line-height: 40px; text-align: center; cursor: pointer;}
.mobiClose img { width: 24px; margin-top: 8px;}

.MobiMenuUl { height: calc(100% - 40px); overflow-y: scroll; padding: 15px 30px 15px 13px; text-align: left;}
.MobiMenu01 { display: block; float: left; width: 100%; overflow: hidden; height: 50px; line-height: 50px;}
.MobiMenuIcon { float: left; width: 10%; height: 40px; text-align: center;}
.MobiMenuIcon img { width: 24px; margin-top: 15px;}
.MobiMenuA01 { float: left; width: 90%; border-bottom: 1px solid #fff; height: 50px; line-height: 50px; text-indent: 10px; box-sizing: border-box;}
.MobiMenuA01 p { font-size: 16px; color: #fff; margin: 0; height: 50px; line-height: 50px;}
.MobiMenuOth { width: 90%;}
.MobiMenuIconOth { width: 11%;}
.MobiMenuOthA { width: 89%;}
.MobiMenuMore { float: right; width: 10%; border-bottom: 1px solid #fff; box-sizing: border-box; height: 50px; line-height: 50px;}
.MobiMore { font-size: 24px; color: #fff; text-align: center; height: 50px; line-height: 50px; margin: 0; cursor: pointer;}
.MobiSubmenu { width: 100%; float: left; display:none;}
.Mobil_Submenuli { overflow: hidden;}
.MobiMenuA02 { float: left; width: 90%; height: 50px; line-height: 50px; color: #fff; font-size: 16px;}
.MobiMenuA02 a { display:block; margin: 0; color: #fff; line-height: 50px; width: 85%; float: right; font-size: 16px; text-indent: 15px; border-bottom: 1px solid #fff;}
.MobiMenuMore02 { float: right; width: 10%; border-bottom: 1px solid #fff; box-sizing: border-box;}
.Mobil_Ul01 { width: 100%; float: left; overflow: hidden; display: none;}
.Mobil_Ul01 li { width: 80%; float: right; line-height: 50px;}
.MobiMenu02 { font-size: 14px; color: #fff; display: block; text-indent: 15px; box-sizing: border-box; border-bottom: 1px solid #fff;}
.sec2_img01 p {color: #333; font-size: 32px; line-height: 1.2; text-align: center;}

/*首页轮播图*/
#banner .t{ text-align:left}
#banner .m{ text-align:left}
#banner .b{ text-align:left}

.sBox-left{cursor:pointer}


.slide-arrow{position: relative;top:45%;}
.arrow{color: rgba(255,255,255,.5);font-size: 65px;}
.arrow_left{float:left;}
.arrow_right{float:right;}

.flexslider01 {margin: 0px auto 0px; position: relative;width: 100%;height:450px;overflow: hidden;zoom: 1;}
.flexslider01 .slides li {width: 100%;height: 100%;}
.flex-direction-nav01 a {width: 38px;height: 73px;line-height: 99em;overflow: hidden;margin: -36px 0 0;display: block;background: url(/images/fenxiao/arrow.png) center bottom no-repeat;position: absolute;top: 50%;left:50px;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav01 .flex-next {background-position: center top;left:auto;right: 50px;;}
.flexslider01:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider01:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider01:hover .flex-next:hover,.flexslider01:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav01 {width: 100%;position: absolute;bottom:8px;text-align: center;}
.flex-control-nav01 li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging01 li a {display: block;height:10px;overflow: hidden;width:10px;line-height:10px;text-align:center;font-size:16px;cursor: pointer;border-radius:100%;background:rgba(0,0,0,.5);color:#fff}
.flex-control-paging01 li a.flex-active,
.flex-control-paging01 li.active a {background:#fff;color:#333}
.flexslider01 .slides a img {width: 100%;height: 100%;display: block; }
.flexslider01 .slides li.b1{background:#3484E6}
.flexslider01 .slides li.b2{background:#FCE73B}
.flexslider01 .slides li.b3{background:#FF6633}
.flexslider01 .slides li.b4{background:#CEEFF7}
.flexslider01 .slides .bannerTxt{padding-top:50px;color:#fff;font-size:14px;}
.flexslider01 .slides .bannerTxt h2{font-size:26px;font-weight:normal;line-height:100%;margin-bottom:10px;}
.flexslider01 .slides .blackFont{color:#333}

#sampleMovie {width:100%;height:100%;}

/*首页案例*/
.moban_anli { width: 50%; height: 500px; float: left;}
.moban_anli a { display: block; width: 100%; height: 100%;}
.PC { margin: 25px 15px 15px; border-radius: 10px 10px 0 0; height: 420px; overflow: hidden; position: relative;}
.PC_top { background: #ebedef; color: #333; height: 25px; line-height: 0px; font-size: 44px; text-align: left; text-indent: 15px;}
.PC_img img { width: 100%;}
.moban_anli .PC_k { background: rgba(0,0,0,.4); width: 100%; height: 0%; position: absolute; bottom: 0; left: 0; transition: all linear .1s; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s;}
.moban_anli:hover .PC_k { height: 100%;}
.sec .PC_k img { margin-top: 40%; width: auto;}
.mobi { position: absolute; right: 10px; bottom: 0px; width: 170px; height: 290px; background: #ebedef; border-radius: 10px 10px 0 0; overflow: hidden;}
.mobi_top { height: 20px; width: 100%; background: #ebedef; text-align: center;}
.m_d { font-size: 45px; color: #333; height: 22px; line-height: 0; display: block; float: left; margin-left: 33%; margin-top: -3px;}
.m_h { font-size: 18px; color: #333; height: 20px; padding-top: 0px; display: block; float: left; margin-left: 2%;}
.mobi_img { margin: 0px 5px;}
.mobi_img img { width: 100%;}
.moban_anli .mobi_k { position: absolute; overflow: hidden; bottom: -20px; left: 5px; height: 0%; width: 95%; background: rgba(0,0,0,.4); transition: all linear .1s; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s;}
.moban_anli:hover .mobi_k { height: 100%;}
.mobi_qr { margin-top: 60px;}
.sec .mobi_qr img { width: 65%;}
.mobi_txt { color: #fff; font-size: 16px; line-height: 2; padding-top: 10px; text-align: center;}
.anli_name { font-size: 18px; color: #333;}

/*新闻公告*/
#moreInfo{padding:40px 0px 60px;background:#E5E5E5;color:#333}
.moreInfo{ width:100%; max-width:1180px; text-align:left; overflow: hidden;}
#moreNews{float:left;width:50%;}
.mTitle{font-size:24px;padding:0px 0px 20px 0px;}
.newList{clear:both;margin-bottom:30px;}
.newList .date {float:left;width:60px;}
.newList .date .d{font-size:36px;padding:15px 5px;width:50px;border:1px solid #ccc;text-align:center;background:#fff;}
.newList .date .m{font-size:12px;margin-top:1px;padding:0px 5px;width:50px;background:#0066ff;color:white;border:1px solid #0066ff;text-align:center;}
.newList .news{padding:0px 20px;margin-left:60px;}
.newstitle{font-size:18px;}
.newsinfo{margin:20px 0px 20px 0px;}
.newsmore{text-align:right;margin-top:20px;}
#Evaluations{width: 50%; float: left;}
.more{font-size:12px;margin-right:20px;}
.more a{color:#06c;float:right;margin-right:20px;}
.more a font{font-size:12px;padding-right:2px;}
.more a:hover{color:#f00} 

/*客户评价*/
#demoindex{float:right;border:1px solid #ccc;border-radius:8px;background:#fff;width:calc(100% - 130px);padding:15px 10px}

/*模板页手机样式*/
.fenlei_op { position: fixed; left: 0; top: 0; z-index: 999999; background: #111; width: 100vw; height: 100vh; overflow: hidden; display:none;}
.mobil_scroll { width: calc(100% + 17px); height: 100%; overflow-y: scroll;}
.mobil_scroll_C { width: calc(100% - 17px); height: 100%; margin: 0;}
.mobil_FL { width: 96%; padding: 15px 0; overflow: hidden; margin: 0 auto;}
.mobil_FL_top {border-bottom: 2px solid #c00;}
.mobil_close { float: right; color: #fff; font-size: 18px; width: 80px; height: 25px; line-height: 25px; text-align: center; cursor: pointer;}
.mobil_FL_title { border-bottom: 2px solid #333; color: #fff; text-align: left; font-size: 18px; line-height: 1.8; padding-bottom: 5px;}

.mobil_FL.mobil_FL_sousuo { padding-top: 25px; padding-bottom: 10px;}
.mobil_FL_txt { width: 80%; float: left; height: 45px; padding: 0 10px; font-size: 14px; font-family: verdana;}
.mobil_FL_searchBtn { float: right; width: 20%; border: none; background: #c00; color: #fff; height: 45px; cursor: pointer; font-size: 16px; font-family: "Microsoft YaHei",verdana;}
.mobil_FL_banmain { overflow: hidden;}
.mobil_FL_banmain li { float: left; width: 20%; margin: 20px 0 0;}
.mobil_FL_banmain li a { display: block; margin: 0 10px; background: #333; height: 45px; line-height: 45px; font-size: 16px; color: #fff;}

.mobil_colorList a { width: 19%; float: left; display: block; color: #333; margin-top: 10px; margin-right: 1%; height: 45px; line-height: 45px;}
.mobil_FL.mobil_FL_hangye li { float: left; margin-top: 10px; width: 20%;}
.mobil_FL_hangye li a { display: block; background: #333; margin: 0 10px; height: 45px; line-height: 45px; font-size: 14px; color: #fff;}
.mobil_FL.mobil_FL_hangye li.hot a { background: #c00;}

.mobil_cataList { display: none; width: 100%; overflow: hidden; background: #fff; height: 60px; padding-top: 10px; border-bottom: 1px solid #ccc}
.mobil_fenlei { display: block; float: left; width: 48%; height: 45px; line-height: 45px; font-size: 14px; color: #fff; margin: 0 1%; background: #c00; text-align: center; cursor: pointer;}
.mobil_fenlei img { width: 24px; vertical-align: middle; margin-right: 10px;}
.mobil_zhizuo { display: block; float: right; width: 48%; height: 45px; line-height: 45px; font-size: 14px; color: #fff; margin: 0 1%; background: #c00; text-align: center;}
.mobil_zhizuo img { width: 24px; vertical-align: middle; margin-right: 10px;}
.mobil_zhizuo a { color: #fff; display: block;}

#boxlist{}
#boxlist #title{overflow:hidden;zoom:1; }
#boxlist .l{font-family:"微软雅黑";font-size:30px;color:#333;float:left;line-height:220%;}
#boxlist .r{font-size:14px;float:right;text-align:right;line-height:220%;padding-top:25px;}
#boxlist .r a{color:#333;padding: 6px 20px;background: #c00;color: #fff;}
#boxlist .r a:hover{color:#fff;background:#f00;}
.explanlist {border:1px solid #ccc;border-width:1px 1px 0px 0px;margin-bottom:30px; }
.explanlist td{border:1px solid #ccc;border-width:0px 0px 1px 1px;text-align:center;height:50px;line-height:50px;}
.explanlist .tr td{background:#333;font-size:16px;color:#fff;}
.explanlist .ptd td{height:100px;line-height:100px;}
.explanlist .ptd .price{font-family:"georgia";font-size:40px;}
.price_div {padding-bottom: 30px;}
.price_div a{display:block;background: #c00;border: 1px solid #c00;color: #fff;line-height: 30px;width: 80%;margin: -20px auto 0;}
.price_div a:hover{border: 1px solid #c00;background: #f00;}
.explanlist .bigclass{width:20px;font-size:16px;margin:0 auto;}
.explanlist .rtd{border-left:1px solid #c00;}
.explanlist .tr .rtd{background:#c00}
.explanlist .tr .nortd{background:#333}
.explanlist .rtd .rfont{/* position:absolute;top:-10px;left:552px9;left:552px; */text-align:center;width:100%;background:#c00;font-size:16px;line-height:58px;}
.tableBuy .brtd{border-bottom:1px solid #c00}
.tableBuy td{text-align:center;height:60px}
.tableBuy a{color:#fff;background:#c00;height:35px;line-height:35px;width:95px;display:block;margin:0 auto;cursor:pointer}
.tableBuy a:hover{background:#f00;}

#floatTitle{width:1180px;overflow:hidden;zoom:1;margin-left:1px;display:none}
#floatTitle li{float:left;width:207px;background:#f5f5f5;font-size:16px;color:#333;display:block;height:50px;line-height:50px;text-align:center;border-right:1px solid #ccc}
#floatTitle li.first{width:345px;}
#floatTitle li.last{border-right:0;width:208px;}

#floatTitle li:nth-child(5),#floatBuy li:nth-child(5){}
#floatBuy{width:1180px;overflow:hidden;zoom:1;margin-left:1px;display:none;border-top:1px solid #ccc;}
#floatBuy li{float:left;width:207px;background:#f5f5f5;font-size:16px;color:#fff;display:block;height:50px;line-height:50px;text-align:center;border-right:1px solid #ccc}
#floatBuy li.first{width:345px;}
#floatBuy li.last{border-right:0;width:208px;}
#floatBuy a.mainButton{background:#c00;color:#fff;padding:5px 10px;font-size:14px;}
#floatBuy a.mainButton:hover{background:#f00}
.sbanner_text  .t{margin-top:44px;}
.bTopDiv{overflow:hidden;zoom:1;margin-top:30px}
.bTopDiv .lTop{float:left}
.bTopDiv #title{float:right}
 #boxlist .bTopDiv .r{padding-top:8px}

.box_edit_nav {padding-bottom:40px;}
.box_edit_nav ul{background:#ccc;margin:auto;width:800px;height:40px;border-radius:20px;}
.box_edit_nav ul li{float:left;width:200px;text-align:center;font-size:14px;}
.box_edit_nav ul li a{display:block;padding:9px; color:#000;background:url(/images/v8/x1.png) 30px top no-repeat;padding-left:40px;border-radius:20px;height:22px;}
.box_edit_nav ul li.hot a,.box_edit_nav ul li a:hover{color:white;background:url(/images/v8/x1h.png) 30px top no-repeat #cc0000;}
.box_edit_nav ul li.hot a p,.box_edit_nav ul li a:hover p{border-top-color: #cc0000;}
.box_edit_nav ul li a.fxLi {background: url(/images/v8/fenxiaoIco.png) 40px 10px no-repeat;}
.box_edit_nav ul li.hot a.fxLi,.box_edit_nav ul li a.fxLi:hover{background:#cc0000 url(/images/v8/fenxiaoIco.png) 40px -59px no-repeat;}
.box_edit_nav ul li a.weiWeb {background: url(/images/v8/wxIco.png) 40px -108px no-repeat;}
.box_edit_nav ul li.hot a.weiWeb,.box_edit_nav ul li a.weiWeb:hover{background:#cc0000 url(/images/v8/wxIco.png) 40px -13px no-repeat;}

.box_edit_nav ul li.hot a:hover{background-color:#ff0000;}
.box_edit_nav ul li.hot a:hover p{border-top-color: #ff0000;}
.box_edit_nav ul li a p{position:absolute;margin-top:10px;margin-left:50px;border:6px solid #fff; border-top-color: #fff;}

.box_edit_navMobile {display:none; width:100%;}
.box_edit_navMobile ul{background:#ccc;margin:auto;width:100%;height:40px;}
.box_edit_navMobile ul li a{display:block;padding:9px; color:#000;height:22px;}
.box_edit_navMobile ul li.hot a, .box_edit_nav ul li a:hover {color:white;background: #cc0000;}
.box_edit_navMobile ul li.hot a:hover{background-color:#ff0000;}


/*分销页面*/
.fxBanner{width:100%;height:540px;text-align:center;background:url(/images/fenxiao/bg.jpg) center center no-repeat;position:relative}
.fxBanner .fxTxt{width:100%;max-width:1182px;margin:0 auto;padding-top:25px;position:absolute;left:50%;margin-left:-587px}

.scene{width:100%;min-width:500px;max-width:1240px;height:380px;margin:0 auto;padding:0;position:relative;zoom:1;list-style:none;_display:none;}
.layer img{position:absolute;left:50%;}
.layer-01{top:55px;margin-left:75px;}
.layer-02{top:55px;margin-left:265px;}
.layer-03{top:142px;margin-left:-502px;}
.layer-04{top:250px;margin-left:460px;}
.layer-05{top:385px;margin-left:90px;}
.layer-06{top:430px;margin-left:-130px;}

.fxWhatisBg{background:#fff;}
.fxWhatis{width:100%;max-width:1182px;margin:0 auto;text-align:center;}
.fxWhatis .fxDetail{font-size:14px;margin-bottom:40px;}
.fxWhatis .whatisImg{padding-bottom:60px;}

.fxSolutionbg{background:#EAF8FC;padding-bottom:60px}
.fxTitle{font-size:26px;font-weight:normal;line-height:50px;padding:50px 0px 30px;}
.fxSolution{width:100%;max-width:1180px;margin:0 auto;}
.fxSolution .fxTable{table-layout:fixed}
.fxSolution .fxDiv{padding-left:20px;}
.fxSolution .fxDiv .t{font-size:18px;border-top:1px solid #1A9FEF;width:100%;line-height:45px;text-align:left;}
.fxSolution .fxDiv .d{font-size:14px;text-align:left;width:100%;padding-bottom:30px;}
.fxSolution .fxDiv:hover .t,.fxSolution .fxDiv:hover .d{background:#D6F0F8;cursor:pointer}

.flexslider {margin: 0px auto 0px; position: relative;width: 100%;height: 680px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 38px;height: 73px;line-height: 99em;overflow: hidden;margin: -36px 0 0;display: block;background: url(/images/fenxiao/arrow.png) center bottom no-repeat;position: absolute;top: 50%;left:50px;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: center top;left:auto;right: 50px;;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display: block;height: 36px;overflow: hidden;width: 36px;line-height:36px;text-align:center;font-size:16px;cursor: pointer;border-radius:100%;background:rgba(0,0,0,.5);color:#fff}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background:#fff;color:#333}
.flexslider .slides a img {width: 100%;height: 482px;display: block;    }

.flexslider .slides li.b1{background:#3484E6}
.flexslider .slides li.b2{background:#FCE73B}
.flexslider .slides li.b3{background:#FF6633}
.flexslider .slides li.b4{background:#CEEFF7}
.flexslider .slides .bannerTxt{padding-top:50px;color:#fff;font-size:14px;}
.flexslider .slides .bannerTxt h2{font-size:26px;font-weight:normal;line-height:100%;margin-bottom:10px;}
.flexslider .slides .blackFont{color:#333}


.fxFunctionBg{width:100%;background:#F3F3F3;padding-bottom:20px;}
.fxFunction{width:100%; max-width:1182px;margin:0 auto;}
.functionList ul{overflow:hidden;zoom:1;}
.functionList li{float:left;width:25%;}
.functionList li .funImg{position:relative;text-align:center;height:150px;padding-top:30px;}
.functionList li .funImg div{background:#FFC322;}
.functionList li h2{color:#FFC322;line-height:35px;font-weight:normal;margin-bottom:10px}
.functionList li .fDetails{text-align:left;margin-left:0px;margin-bottom:50px; text-align: center;}
.functionList li .fBg{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;width:150px;height:150px;border-radius:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.functionList li .fImg{background:#FFC322;width:118px;height:118px;line-height:118px;border-radius:100% 100%;margin:0px auto;position:relative;z-index:10}
.functionList li .fImg img{padding-top:38px;}
.functionList li:hover img{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: 0.3s linear;transition: 0.3s ease-in;}
.functionList li:hover .fBg{transform: scale(1.02,1.02);transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.functionList li.f02 .funImg div{background:#FF6633}
.functionList li.f03 .funImg div{background:#3484E6}
.functionList li.f04 .funImg div{background:#1A9FEF}
.functionList li.f02 h2{color:#FF6633}
.functionList li.f03 h2{color:#3484E6}
.functionList li.f04 h2{color:#1A9FEF}


.fxContactDivBg{background:#fff;overflow:hidden;zoom:1;}
.fxContactDiv{width:100%;max-width:1182px;margin:0 auto}
.cTable{table-layout:fixed}
.cTable td{text-align:center; overflow: hidden;}
.td2{background:#FFCE3C}
.td4{background:#3C97E9}
.td6{background:#FF7E46}
.cTable .d{font-size:18px;color:#fff;line-height:30px;text-align:center;}
.cTable .d strong{font-size:24px;font-weight:normal;padding:0px 3px;}
.cTable .iImg{margin-bottom:10px}
.fxBtn  a {background: #3484E6;color: #fff;height: 48px;line-height: 48px;font-size: 16px;width:250px;margin:50px auto;display: block;}
#bottom{margin-top:0px;}
.fxBtn  a:hover{background: #326AAE;cursor:pointer}


@media screen and (max-width: 1200px){
	   #choosecnt{ padding-bottom: 500px;}
	   .choosetitle p {left: 10%; font-size: 30px;}
	   #advantagecnt {padding-bottom: 620px;}
}

@media screen and (max-width: 1180px){
	#TopMenu a {padding:0 12px;}
	#topMain {width:100%}
	.topMobile { display: none;}
	#topLogo img{height:35px;}
	#moreNews { width: 98%; margin: 0 auto; float: none;}
	.newList { border-bottom: 1px solid #ccc}
	#Evaluations { width: 98%; float: none; padding: 0 0 5px;}
	.cataList .td_first { display: none;}
	.cataList .td_first,.cataList .td_hyfl{width:100px;}
	.cataList .fenlei {width: 100px;}
	.cata_ul > li { float: left; width: 100px;}

	#floatTitle {display:none !important;}
	#floatBuy{display:none !important;}
}
@media screen and (max-width: 1040px){
	.topMainRight {display:none;}
	.topMobile { display: block;}
	.moban_anli { height: 375px;}
}
@media screen and (max-width: 960px){
	.topMainRight {display:none;}
	.topMobile { display: block;}

	.bottom .homeAbout {display:none;}
	.bottom .templateUl { width: 95%; float: none; cursor: pointer;}
	.bottom .mTitle { padding: 15px 0px; font-size: 16px; text-indent: 5px; border-bottom: 1px solid #ddd;}
	.mTitle span { float: right; font-size: 25px; margin-right: 10px; display:block;}
	#moreNews .mTitle span{ font-size: 14px;}
	#moreNews .mTitle .more a {margin-top:0px;}
	.bottom ul li { font-size: 13px; padding: 0px;}
	.bottom .templateUl a { display: block; padding: 10px 0; text-indent: 5px; border-bottom: 1px solid #2d2d2d;}
	.mobil_About { display: block; width: 95%; margin-top: 20px;}
	#weixinImg {display:none;}
	.weixinImgBg { float: none; padding-right: 0; width: 100%;}
	.templateUl ul {display:none;}
	.flexslider {height:300px;}
	.flexslider01 {height:300px;}
	.sec1_bg2 {height:355px;}
	.sec1_video {height:335px;}
	.sec1_img07 { top: 520px;}
	.sec1_div001 {top: 610px;}
	#modelList ul li { width:33.332%;}

	.cataLt {display:none;}
	.mobil_cataList {display:block;}

	
	.explanlist .tr td {font-size:12px;}
	.explanlist .ptd td {font-size:12px;}
	.explanlist .ptd .price {font-size:12px;}
	.tableBuy a { width: 90%; font-size: 12px;}
	.explanlist td {font-size: 12px;}
	.explanlist .bigclass {font-size: 12px;}
	#floatTitle {display:none !important;}
	#floatBuy{display:none !important;}

	.bTopDiv .lTop { width: 100%;}
	.box_edit_navMobile {display:block}
	.box_edit_navMobile li { float: left; width: 25%;}
	.box_edit_nav {display:none;}
	.bTopDiv #title { width: 80%; float: none;}
	#boxlist .bTopDiv .r { width: 100%; padding-bottom: 8px;}
	#boxlist .r a{ padding: 0px; width: 100%; display: block; text-align: center;}
	.btn1 { font-size: 12px; line-height: 180%; width: 90%;margin: 10px auto;}
}
@media screen and (max-width: 768px){
	.sec1_bg2 {height: 280px; top: 40px;}
	.sec1_video{height: 265px;top: 48px;}
	.sec1_img07 { top: 390px;}
	.sec1_div001 {top: 480px;}
	.sec1_div002 {top: 900px;}
	.section1 { height: 1400px;}
	#news { font-size: 14px;}
	.sec9_img01 {width: 98%;top: 50px;}
	.sec9_text {top: 95px; width: 98%;}
	.sec9_text p { font-size: 12px;}
	.sec9_div001 { top: 140px;}
	.mobil_FL_banmain li { width: 33.332%; margin-top: 10px;}
	.mobil_FL_banmain li a { margin: 0 5px;}
	.mobil_colorList a { width: 24%;}
	.mobil_FL.mobil_FL_hangye li { width: 25%;}
	.mobil_FL_hangye li a { font-size: 12px; margin: 0px 5px;}
	#modelList ul li { width: 33.332%;}
	.s-left table {font-size:12px;}

	.whatisImg img {width:100%;}

}
@media screen and (max-width: 640px){
	#topLogo { padding: 15px 0px 0px 10px;}
	#topLogo img { height: 30px;}
	.sec1_video {height: 120px;top: 37px;}
	.sec1_bg2 {height: 135px;top: 30px;}
	.copyRight { width: 315px;}
	.sec8_img01 { width: 96%; top: 50px;}
	.sec8_txt01 { top: 80px;}
	.sec8_txt01 p {font-size: 12px;}
	.moban { top: 70px;}
	.moban_show li { width: 265px;}
	.sec8_btn { top: 580px;}
	.section8 { height: 665px;}
	.MenuImg { width: 24px; margin-top: 25px;}
	.copyRight { display: none;}
	.listCheckButton_w {margin-top: 15px;}
	#listCheckButton .t { font-size: 20px;}
	#listCheckButton a {width: 130px;}
	#listCheckButton {padding-bottom: 15px; height: auto;}
	.showContent .Pageage_Info a { width: 100%; float: left; text-align: left;}
	#modelList ul li .showModel .showImg { height: 210px;}
	.showImg a span.mask img { margin-top: 100px;}
	.mobil_FL.mobil_FL_hangye li { width: 50%;}
	.showImg .showContent { padding-top: 70px;}
	.showImg .showContent a {margin: 10px auto;width: 90%;}
	#modelList ul li { width: 50%;}
	.showContent .grayfont {color: #666; float: left; width: 100%;}
	.Pageage_Info { height:20px;}

	#choosecnt {padding-bottom: 870px;}
	#getmoney p {text-align: left;}
}
@media screen and (max-width:420px){
	#modelList ul li { width:100%;}
}
@media screen and (max-width: 320px){
	.copyRight { width: 235px;}
	#news { font-size: 12px;}
}
@media screen and (max-width: 319px){

	.topMobiMenu {width: 55px;}
}