﻿@charset "utf-8";
/* CSS Document */

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/*banner头轮播效果*/
.bannerBox{width:100%; height:500px;}
#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#1F317F;}

#ads{ position:relative; height:499px; overflow:hidden;background:url(Img/bg.jpg) no-repeat center top;}
#ads .bgitems{  z-index:1;position:absolute; top:0; }
#ads .btns{ position:absolute; z-index:7;bottom: 37px;right: 226px; padding:0px 379px;}
#ads .btns span{ color:#fff;  background:#fff; cursor: pointer;display: inline-block;margin:0 2px;width:43px;height:4px;font-size:12px;line-height:20px;text-align:center;}
#ads .btns span.cur{ background: #FE7D00;}

.baner{ background:url(../images/baner.jpg) no-repeat center; height:701px;}


.cpMain{ background:url(../images/cpmbg.jpg) no-repeat center top; height:948px;}
.cpMain .container{ overflow:hidden;}

.search{ margin-top:29px;}
.search .sl{ float:left; height:37px; line-height:37px;}
.search .sl span{ color:#fff;}
.search .sl a{ color:#939393; margin-left:8px;}
.search .sc{ float:right;}
.search .sc .txt{ float:left; width:236px; height:37px; line-height:37px; padding:0 10px; border:none; color:#5a5959; background:url(../images/txtbg.png) no-repeat center;}
.search .sc a{ float:left; background:url(../images/sabg.png) no-repeat center; width:40px; height:37px; display:block;}
/*搜素*/
.cpcont{ margin-top:32px;}
.cpcont .cpl{ width:220px; float:left;}
.cpcont .cpr{ width:780px; float:left;}
/*产品左边*/
.cpcont .cpl h4{}
.cpcont .cpl h4 img{ display:block;}
.cpcont .cpl ul{ height:340px; background:#3a3a3a; padding-top:15px;}
.cpcont .cpl li{ height:36px; line-height:36px;}
.cpcont .cpl li a{ margin-left:56px; padding-left:25px; font-size:13px; color:#fff; background:url(../images/cpabg.png) no-repeat left center;}
.cpcont .cpl li:hover p{ display:none;}
.cpcont .cpl li:hover .sda{ display:block;}
.cpcont .cpl li:hover{ background:#ff7c00;}
.cpcont .cpl li:hover a{ background:url(Img/cpabg2.png) no-repeat left center;}

.cpcont .cpl .jm{ background:url(../images/jmbg.png) no-repeat center ; height:261px; padding-left:26px; padding-top:140px;}
.cpcont .cpl .jm span{ font-size:25px; color:#fff; padding-left:20px; background:url(../images/pbg.png) no-repeat left center;}
.cpcont .cpl .jm a{ display:block; width:176px; height:34px; line-height:34px; text-align:center; color:#ff7c00; border:2px solid #ff7c00; margin-top:15px;}
.cpcont .cpl .jm img{ display:block; margin-top:28px; margin-left:38px;}
/*产品右边*/
.cpcont .cpr ul{ overflow:hidden;}
.cpcont .cpr li{ float:left; background:#fff; width:240px; height:267px; position:relative; margin-left:20px; margin-bottom:20px;}
.cpcont .cpr li>img{ display:block;}
.cpcont .cpr li p{ text-align:center; margin-top:17px;}
.cpcont .cpr li .sda{ display:block; position:absolute; width:240px; height:164px; padding-top:93px; background:url(../images/sedabg.png) repeat center; text-align:center; top:0; left:0; text-decoration:none; display:none;}
.cpcont .cpr li .sda span{ display:block; margin-top:52px; color:#fff;}
/*.cpcont .cpr li:hover p{ display:none;}
.cpcont .cpr li:hover .sda{ display:block;}*/
/*cpMain*/

.kxys{
	background: url(../images/hxbg.jpg) no-repeat center top;
	height: 640px;
	margin-top: 50px;
}
.kxys .container{ overflow:hidden;}
.kxys h4{ text-align:center; margin-top:45px; margin-bottom:30px;}
.kxys .kxc{ margin-top:37px;}
.kxys .kxc ul{ height:64px;}
.kxys .kxc li{ height:64px; width:25%; float:left; position:relative;}
.kxys .kxc li a{ text-align:center; display:block; background:url(../images/kxabg1.png) repeat-x center; padding-top:14px; font-size:16px; color:#333; text-decoration:none; height:50px; margin-right:1px;}
.kxys .kxc li a span{ font-size:15px; color:#939393; display:block; text-transform:uppercase;}
.kxys .kxc li a:hover{  background:url(../images/kxabg2.png) repeat-x center; color:#fff;}

.kxys .kxc li a:hover span{ color:#ffac5e;}
.kxys .kxc li em{ text-align:center; display:block; background:url(../images/kxabg1.png) repeat-x center; padding-top:14px; font-size:16px; color:#333; text-decoration:none; height:50px; margin-right:1px;}
.kxys .kxc li em span{ font-size:15px; color:#939393; display:block; text-transform:uppercase;}
.kxys .kxc li em:hover{  background:url(../images/kxabg2.png) repeat-x center; color:#fff;}
.kxys .kxc li em:hover span{ color:#ffac5e;}
.kxys .kxc li.cur em{ background:url(../images/kxabg2.png) repeat-x center; color:#fff;}
.kxys .kxc li.cur em span{color:#ffac5e;}
.kxys .kxc li i{ display:block; background:url(../images/ibg.png) no-repeat center; width:6px; height:4px; position:absolute; bottom:-4px; left:50%; margin-left:-3px; display:none;}
.kxys .kxc li:hover i{ display:block;}
.kxys .kxc .kcImg img{ display:block;}
/*核心优势*/

.peakCont{ background:url(../images/kmbg.jpg) no-repeat center top; height:776px; overflow:hidden;}
.peakCont .container{ height:676px; background:#3a3a3a; /*margin-top:40px;*/}
.peakCont h4 img{ display:block;}
.peakCont p{ text-align:center; line-height:24px; font-size:13px; color:#fff; padding:22px 0; border-bottom:1px solid #161616;}
.peakCont .lImg{ text-align:center; margin-top:25px;}
.peakCont .hzImg{ padding:0 30px; margin-top:30px;}
/*peakCont*/

.succesCont{ background:#F5F5F5; padding:50px 0;}
.succesCont .stle{ overflow:hidden;}
.succesCont .stle h4{ float:left; font-weight:normal;}
.succesCont .stle h4 a{ font-size:18px; color:#ff7c00;}
.succesCont .stle h4 p{ margin-top:5px;}
.succesCont .stle h4 p img{ display:block;}
.succesCont .stle .mor{ float:right; background:url(../images/morbg.png) no-repeat center; width:67px; height:20px; margin-top:30px;}

.succesCont .suCont{ position:relative; margin-top:25px;}
.succesCont .suCont>a{ position:absolute; display:block; top:130px; width:40px; height:39px;}
.succesCont .suCont .sbot1{ background:url(../images/sbbg1.png) no-repeat center; left:-20px;}
.succesCont .suCont .sbot2{ background:url(../images/sbbg2.png) no-repeat center; right:-20px;}
.succesCont .suCont ul{ overflow:hidden; width:996px; margin:0 auto;}
.succesCont .suCont li{
	float: left;
	width: 235px;
	height: 325px;
	margin: 0 7px;
	background-color: #FFF;
}
.succesCont .suCont li img{ display:block; width:215px; height:210px; border:10px solid #fff;}
.succesCont .suCont li p{ text-align:center; margin-top:14px; line-height:9px;}
.succesCont .suCont li p a{ font-size:12px; color:#000;}
.succesCont .suCont li p span{ font-size:12px; color:#fc662b;}
.succesCont .suCont li .qian a{
	font-size: 12px;
	color: #999999;
}
/*succesCont*/

.ysBox{}
.ysBox .ys1{ background:url(../images/ysbg1.jpg) no-repeat center top; height:1140px;}
.ysBox .ys2{ background:url(../images/ysbg2.jpg) no-repeat center top; height:1111px;}
.ysBox .container{ position:relative;}
.ysBox dl{ position:absolute;}
.ysBox dt{}
.ysBox dt h4{ font-size:26px; color:#ff8e23;}
.ysBox dt span{ font-size:14px; color:#fff; text-transform:uppercase;}
.ysBox dd{ margin-top:35px;}
.ysBox dd p{ font-size:13px; color:#fff; padding-left:20px; background:url(../images/cpabg.png) no-repeat left 10px; line-height:18px; margin-top:15px;}

.ysBox .dz{ left:77px;}
.ysBox .dr{ left:500px;}

.ysBox .dw1{ top:230px;}
.ysBox .dw2{ top:585px;}
.ysBox .dw3{ top:902px;}
.ysBox .dw4{ top:80px;}
.ysBox .dw5{ top:392px;}
.ysBox .dw6{ top:771px;}

.ysBox dl .dsty{ line-height:22px; color:#fff; font-size:13px;}
.ysBox dl .dsty span{ color:#ff8e23; font-weight:bold;}
/*六大优势*/

.jszc{ background:#000;}
.jszc .ggImg{ position: relative; height:170px;}
.jszc .ggImg img{ position:absolute; top:-17px; left:0;}
.jszc .jsCont{ height:685px; background:#353535 url(../images/jsImg.jpg) no-repeat left center; padding-left:455px; padding-top:45px;}
.jszc .jsCont dl{ overflow:hidden; margin-bottom:25px;}
.jszc .jsCont dt{ width:137px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#140a00; float:left; background:url(../images/gdbf.png) repeat-x center;}
.jszc .jsCont dd{ font-size:13px; color:#fff; line-height:20px; margin-left:158px; width:357px;}
/*技术支持*/

.mBox1{ background:url(../images/mbg.jpg) no-repeat center top; height:686px; overflow:hidden;}
.mBox1 .container{ margin-top:38px;}
.mBox1 .ggBox2{ position:relative;}
.mBox1 .ggBox2 img{ display:block;}
.mBox1 .ggBox2 .zx{ position:absolute; display:block; width:132px; height:35px; line-height:35px; text-align:center; font-size:13px; color:#fff; border:2px solid #fff; top:64px; left:583px;}
.mBox1 .ggBox2 span{ position:absolute; font-size:22px; color:#ff7c00; font-family:"Arial"; top:86px; right:68px;}
.mBox1 .kdCont{ margin-top:60px;}
.mBox1 .kdCont h4{ text-align:center;}
.mBox1 .kdCont .kdc{ position:relative; margin-top:24px;}
.mBox1 .kdCont .kdc>a{ position:absolute; display:block; top:129px; width:40px; height:39px; z-index:99;}
.mBox1 .kdCont .kdc .sbot1{ background:url(../images/sbbg1.png) no-repeat center; left:-20px;}
.mBox1 .kdCont .kdc .sbot2{ background:url(../images/sbbg2.png) no-repeat center; right:-20px;}
.mBox1 .kdCont .kdc ul{ overflow:hidden; width:1000px; margin:0 auto;}
.mBox1 .kdCont .kdc ul li{ float:left; margin:0 5px; width:490px; position:relative;}
.mBox1 .kdCont .kdc ul li img{ display:block; border:10px solid #3a3a3a;}
.mBox1 .kdCont .kdc li .price{ position:absolute; height:104px; background:url(../images/pribg.png) repeat center; bottom:10px; left:10px; width:445px; padding-left:25px; overflow:hidden;}
.mBox1 .kdCont .kdc li .price h5{ font-size:16px; color:#ff7c00; margin-top:15px; margin-bottom:8px;}
.mBox1 .kdCont .kdc li .price p{ float:left; width:45%; height:18px; line-height:18px; color:#fff; display:inline-block;
display:inline;zoom:1; overflow:hidden;}
/*mBox1*/

.mBox2{ background:url(../images/mbg2.jpg) no-repeat center top; height:606px; overflow:hidden;}
.mBox2 .container{ margin-top:40px;}
.mBox2 .franchisees h4 img{ display:block;}
.mBox2 .franchisees ul{ overflow:hidden; padding-top:30px; width:940px; margin:0 auto;}
.mBox2 .franchisees li{ float:left; width:235px; height:198px; position:relative; cursor:pointer; margin-bottom:1px;}
.mBox2 .franchisees li img{ display:block;}
.mBox2 .franchisees .dk_Intr{ background:#efefef; padding:0 30px; width:175px; color:#333;}
.mBox2 .franchisees .dk_Intr h5{ font-size:16px; margin-top:35px; margin-bottom:12px;}
.mBox2 .franchisees .dk_Intr p a{ color:#666;line-height:18px; height:54px; overflow:hidden;}
.mBox2 .franchisees .dk_Intr ins{ display:block; width:30px; border-top:2px solid #000; height:0; margin-top:37px;}
.mBox2 .franchisees .dk_Intr i{ display:block; background:url(../images/cpibg.png) no-repeat left top; width:11px; height:12px; position:absolute; top:50%; margin-top:-6px; z-index:99;}
.mBox2 .franchisees .dk_Intr .il{ left:-11px;}
.mBox2 .franchisees .dk_Intr .iy{ right:-11px; background:url(../images/cpibg2.png) no-repeat left top;}
.mBox2 .franchisees .dk_Intr:hover{ background:#ff7c00; color:#140a00;}
.mBox2 .franchisees .dk_Intr:hover i{ background-position:left bottom;}
.mBox2 .franchisees .dk_Intr h5 a{ color:#333;}
.mBox2 .franchisees .dk_Intr h5 a:hover{color:#333;}
/*mBox2*/

.aboutBox{ background:#000;}
.aboutBox .container{ background:url(../images/ngh.jpg) no-repeat 265px 165px;  padding:60px 0;}
.aboutBox .vid{ float:left; width:377px;}
.aboutBox .vid img{ display:block;}
.aboutBox .gy{ float:right; width:460px;}
.aboutBox .gy dt a{ font-size:18px; color:#ff7c00;}
.aboutBox .gy dt p{ margin-top:5px;}
.aboutBox .gy dt p img{ display:block;}
.aboutBox .gy dd{ margin-top:45px;}
.aboutBox .gy dd h5{ font-weight:normal; line-height:20px; font-size:20px; color:#fff;}
.aboutBox .gy dd p{ font-size:13px; color:#fff; line-height:22px; height:66px; overflow:hidden; margin-top:20px;}
.aboutBox .gy dd span{ font-size:0; margin-top:44px; display:block;}
.aboutBox .gy dd span a{ display:inline-block; font-size:14px; color:#333; width:87px; height:46px; line-height:46px; padding-left:52px; background:url(../images/spabg.png) no-repeat center; margin-left:20px;}
.aboutBox .gy dd span .noMl{ margin-left:0;}
/*aboutBox*/

.ryBox{ background:#1e1e1e; padding:60px 0;}
.ryBox .rleft{ float:left; width:680px;}
.ryBox .rright{ float:right; width:291px; height:467px; background:url(../images/ryrbg.png) no-repeat center;}

.ryBox .rleft .rl{ float:left; position:relative; z-index:999;}
.ryBox .rleft .rl li{ text-align:center; width:101px; height:156px; position:relative; cursor:pointer;}
.ryBox .rleft .rl li h5{ padding-top:40px; margin:0 15px; font-size:14px; color:#fff; margin-bottom:25px; padding-bottom:9px; border-bottom:2px solid #fff;}
.ryBox .rleft .rl li h5 a{ color:#fff;}
.ryBox .rleft .rl .lc1{ background:#828282;}
.ryBox .rleft .rl .lc2{ background:#8e8e8e;}
.ryBox .rleft .rl .lc3{ background:#ababab;}
.ryBox .rleft .rl li i{ display:block; background:url(../images/cpibg2.png) no-repeat left bottom; width:11px; height:12px; position:absolute; right:-11px; top:50%; margin-top:-6px; display:none; z-index:99;}
.ryBox .rleft .rl li:hover,.ryBox .rleft .rl li.cur{ background:#ff7c00;}
.ryBox .rleft .rl li:hover i{ display:block;}
.ryBox .rleft .rc{ overflow:hidden; float:left; width:579px;}
.ryBox .rleft .rc li{ float:left; position:relative; margin-right:1px; margin-bottom:1px;}
.ryBox .rleft .rc li a{ display:block; background:#000;}
.ryBox .rleft .rc li a img{ display:block; filter:alpha(opacity=50); opacity:.5;}
.ryBox .rleft .rc li a img:hover{ filter:alpha(opacity=100); opacity:1;}
.ryBox .rleft .rc li span{ position:absolute; bottom:0; right:0; display:block; background:url(../images/hij.png) no-repeat right center; height:28px; line-height:28px; padding-right:42px; font-size:13px; color:#fff;}

.ryBox .rright h4{ font-weight:normal; padding-left:30px; margin-top:30px;}
.ryBox .rright h4 a{ color:#140a00; font-size:18px; }
.ryBox .rright h4 h4 p img{ display:block;}
.ryBox .rright .ryc{ margin-top:23px; position:relative;}
.ryBox .rright .ryc ul{ overflow:hidden; width:230px; margin:0 auto;}
.ryBox .rright .ryc li{ float:left; width:230px; height:331px;}
.ryBox .rright .ryc li img{ display:block; padding:10px; background:#fff;}
.ryBox .rright .ryc li p{ text-align:center; margin-top:15px;}
.ryBox .rright .ryc li p a{  font-size:13px; color:#fff;}
.ryBox .rright .ryc>a{ display:block; width:6px; height:10px; position:absolute; top:319px;}
.ryBox .rright .ryc .rb1{ background:url(../images/rb1.png) no-repeat center; left:45px;}
.ryBox .rright .ryc .rb2{ background:url(../images/rb2.png) no-repeat center; right:45px;}
/*ryBox*/

.newBox{ background:url(../images/newbg.jpg) no-repeat center top; height:630px;}
.newBox .container{}
.newBox .nleft{ width:679px; float:left;}
.newBox .nright{ width:292px; float:right;}

.newBox .nleft h4{ font-weight:normal; margin-top:39px;}
.newBox .nleft h4 a{ font-size:18px; color:#ff7c00;}
.newBox .nleft h4 p{ margin-top:5px;}
.newBox .nleft h4 p img{ display:block;}
.newBox .nleft .soft{ overflow:hidden; margin-top:25px;}
.newBox .nleft .soft dl{ float:left; width:300px; margin-right:39px; margin-bottom:55px;}
.newBox .nleft .soft dt{ line-height:20px; padding-left:30px; background:url(../images/wImg.png) no-repeat left center;}
.newBox .nleft .soft dt a{ font-size:14px; color:#ff7c00; }
.newBox .nleft .soft dd{ padding-left:30px; background:url(../images/daImg.png) no-repeat left 5px; color:#fff; line-height:18px; height:54px; overflow:hidden; margin-top:15px;}
/*左边*/
.newBox .nright .dtCont{}
.nright .dtCont ul{ height:51px;}
.nright .dtCont li{ width:50%; float:left; text-align:center; line-height:50px; background:#fff;  position:relative;}
.nright .dtCont li a{ font-size:14px; color:#140a00; display:block;}
.nright .dtCont li i{ display:block; background:url(../images/dtubg.png) no-repeat center; width:7px; height:5px; position:absolute; bottom:-5px; left:50%; margin-left:-3px; display:none; z-index:99;}
.nright .dtCont li:hover,.nright .dtCont .cur{ background:#ff7c00;}
.nright .dtCont li:hover i,.nright .dtCont .cur i{ display:block;}
.nright .dImg{ position:relative; width:291px; margin-top:22px;}
.nright  .dImg img{ display:block;}
.nright  .dImg span{ height:29px; line-height:29px; display:block; text-align:center; font-size:13px; color:#333; position:absolute; bottom:0; left:0; background:url(../images/dImgbg.png) repeat center; width:100%;}
.newBox .nright .dlist{ margin-top:24px;}
.newBox .nright .dlist li{ height:30px; line-height:30px; padding-left:17px; background:url(../images/yslbg.png) no-repeat left center;}
.newBox .nright .dlist li a{ font-size:13px; color:#fff;}
/*右边*/
.newBox .ggBox3{ margin-top:35px;}
.newBox .ggBox3 img{ display:block;}
/*newBox*/

.zxjm{ background:#121212; padding:40px 0;}
.zxjm .zleft{ float:left; width:679px;}
.zxjm .zright{ float:right; width:291px;}

.zxjm .zleft>h4{ padding-bottom:8px; border-bottom:1px solid #2a2a2a; font-weight:normal;}
.zxjm .zleft>h4 a{ font-size:18px; color:#ff7c00;}
.zxjm .zleft>h4 p{ margin-top:5px;}
.zxjm .zleft>h4 p img{ display:block;}
.zxjm .zleft .zxc{ font-size:16px; color:#fff; margin-top:30px;}
.zxjm .zleft .zxc span{ font-size:22px; color:#fff;}
.zxjm .zleft .zxc h5{ font-size:21px; color:#ff7c00; margin:10px 0;}
.zxjm .zleft .zxc p{ font-size:12px; color:#353535; text-transform:uppercase;}
.zxjm .zleft .zxc .xp{ color:#ff7c00;}
.zxjm .zleft .zxc .bp{ font-size:40px; color:#ff7c00; font-family:"Arial";}
.zxjm .zleft .uform{ margin-top:30px;}
.zxjm .zleft .uform li{ overflow:hidden; margin-bottom:14px;}
.zxjm .zleft .uform li label{ float:left; width:48px; border:1px solid #b8b8b8; background:#121212;}
.zxjm .zleft .uform li label img{ display:block;}
.zxjm .zleft .uform li .ut{ float:left; width:591px; height:45px; line-height:45px; padding:0 10px; border:1px solid #b8b8b8; border-left:none; background:#121212; font-size:13px; color:#fff;}
.zxjm .zleft .uform li .wby{ width:591px; height:91px; padding:10px; line-height:20px; float:left;  border:1px solid #b8b8b8; border-left:none; background:#121212; font-size:13px; color:#fff; resize:none;}
.zxjm .zleft .uform li .bt{ height:111px;}
.zxjm .zleft .uform .sub{ font-size:0;}
.zxjm .zleft .uform .sub a{ font-size:13px; color:#fff; display:inline-block; width:160px; height:47px; line-height:47px; text-align:center;}
.zxjm .zleft .uform .sub a:hover,.zxjm .zleft .uform .sub .cur{ background:#ff7c00;}
/*左边*/

.zxjm .zright>h4{ padding-bottom:7px;  border-bottom:1px solid #2a2a2a;}
.zxjm .zright>h4 img{ display:block;}
.zxjm .zright .wtc{ height:478px; overflow:hidden; margin-top:20px;}
.zright .wtc dl{  font-size:13px; padding-bottom:13px; border-bottom:1px dotted #414141; margin-bottom:20px;}
.zright .wtc dt{ color:#fff; overflow:hidden; padding-left:14px; background:url(../images/yslbg.png) no-repeat left center;}
.zright .wtc dt em{ float:right;}
.zright .wtc dd{ color:#ff7c00; padding-left:14px; margin-top:17px;}
/*zxjm*/

#myroundabout_qj{ position:relative;}
.curclear{ background:#3b3b3b; margin-left:20px;}




