/* CSS Document Copyright (C) BangYouDesign */

body { background-color: #fff;}
#banner { width: 100%; min-width: 640px; text-align:center; padding: 0; height: 360px; margin:0 auto; position:relative;z-index:1;background-color: #c9cacb;}
#banner_img { height: 200px; text-align: center; line-height: 200px; background-color: #efefef; padding: 0 0 160px; margin:0 auto; }
.Img { width:92%; max-width: 1200px; border: 1px solid #ccc; padding: 3px; margin-left:10px;}

/* 媒体瀑布流 */
#pbl { clear: both; padding: 10px 0 30px; overflow: hidden; zoom:1;}
#pbl h1 { padding: 50px; font-size: 36px; line-height: 40px;}

#pbl_right { float: right; width: 25%; min-width: 135px; padding: 20px 0; font-size: 24px; line-height: 32px;}
#pbl_right ul { list-style: none; width: 100%; padding: 0; margin: 0;}
#pbl_right ul li { list-style: none; width: 100%; padding: 0; margin: 0;}
#pbl_right ul li a { padding: 10px 0; display: block; background-color: #fff; color: #333;}
#pbl_right ul li a:hover { background-color: #a4e442; color: #3b3f34;}
#pbl_right h2 { padding: 10px 0; background-color: #333; color: #7d7d7d;}
#pbl_right .pbl_box { margin: 30px auto; padding: 10px; text-align: center; font-size: 14px; color: #7d7d7d;}
#pbl_right .pbl_box p { padding: 5px 0; line-height: 24px; text-align: left; color: #7d7d7d;}
#pbl_right .pbl_box .Center { text-align: center;}
#pbl_right .pbl_box .hot { padding: 10px; background-color: #efefef;}

#pbl_left { float: left; width: 70%; min-width: 335px; padding: 20px 0 20px 30px; font-size: 14px; line-height: 24px;}
#pbl_left h1 { text-align: center; font-size: 24px; padding: 10px; line-height: 32px; margin-bottom: 20px;}
#pbl_left p { text-align: left; text-indent: 25px;}
#pbl_left p.Center { text-align: center; text-indent: 0; margin: 10px auto;}
#pbl_left p a { padding: 3px 15px; margin: 0 5px; background-color: #efefef;}

/* 渠道合作 */
#qdhz, #bzzx { text-align: left; margin: 0 auto; padding: 0;}
#qdhz_left, #bzzx_left  { float: left; width: 25%; min-width: 135px; padding: 20px 0; font-size: 24px; line-height: 32px;}
#qdhz_right, #bzzx_right { float: left; width: 73%; min-width: 335px; padding: 20px 0 20px 2%; font-size: 14px; line-height: 24px;}
#qdhz_right iframe, #bzzx_right iframe { float: left; width: 100%; min-width: 480px; min-height:450px;}
#qdhz_right .Imgh { width:98%; max-width: 1200px; border: 1px solid #ccc; padding: 3px; margin-left:10px;}
#qdhz_left h2, #bzzx_left h2 { padding: 10px 0; text-align: center; background-color: #48bacd; color: #ffffff;}
#qdhz_left ul, #bzzx_left ul { list-style: none; width: 100%; text-align: center; padding: 0; margin: 0;}
#qdhz_left ul li, #bzzx_left ul li { list-style: none; width: 100%; padding: 0; margin: 0; border-bottom: 1px dashed #efefef; }
#qdhz_left ul li a, #bzzx_left ul li a {  padding: 10px 0; display: block; background-color: #fff; color: #333;}
#qdhz_left ul li a:hover, #bzzx_left ul li a:hover { background-color: #a4e442; color: #3b3f34;}
#qdhz_right h1, #bzzx_right h1 { padding: 10px 10px 10px 35px; background-color: #f7f8f8; color: #7d7d7d; font-size: 24px; line-height: 32px; border-bottom: 1px solid #dcdddd; margin-bottom: 30px;}
#qdhz_right h2, #bzzx_right h2 { padding: 10px 10px 10px 35px; font-size: 18px; line-height: 28px; font-weight:bold; margin: 30px 0;}
#qdhz_right h2 span, #bzzx_right h2 span { padding-left: 10px; font-size: 12px; line-height: 24px; font-weight: normal;}
#bzzx_right h2 { background-color: #f7f8f8;}
#bzzx_right ol {padding-left: 85px;list-style-type: lower-alpha;}
#bzzx_right ul {padding-left: 85px;list-style-type: disc;}
#qdhz_right p, #bzzx_right p { padding: 10px 10px 0 35px; text-indent: 25px;}

#qdhz table { width: 100%; border-left: 1px solid #eee; border-top: 1px solid #eee; margin: 30px auto 50px;}
#qdhz table tr td { border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px;}
.Imgw { width: 70%; max-width: 600px; border: 1px solid #eee; padding: 3px; margin-left:10px;}
.ImgL { width: 50%; max-width: 600px; float: left; border: 1px solid #eee; padding: 3px; text-indent: 0; margin-right: 40px;}

#bzzx_right div { margin-bottom: 30px; overflow:hidden;}
#bzzx_right div.btss { height: 50px; clear:both; min-width: 300px; background-color: #f7f8f8;}
#bzzx_right div.btss h2, #bzzx_right div.btss p { float: left; width: 70%; min-width: 270px; margin: 0; padding: 10px 4%; line-height: 30px; vertical-align: middle;}
#bzzx_right div.btss p { float: right; width: 10%; min-width: 33px; font-size: 30px; display: block; cursor:pointer; text-align: right;}
#bzzx_right div.box1, #bzzx_right div.box2, #bzzx_right div.box3, #bzzx_right div.box4, #bzzx_right div.box5, #bzzx_right div.box6, #bzzx_right div.box7, #bzzx_right div.box8, #bzzx_right div.box9, #bzzx_right div.box10, #bzzx_right div.box11, #bzzx_right div.box12, #bzzx_right div.box13, #bzzx_right div.box14, #bzzx_right div.box15, #bzzx_right div.box16, #bzzx_right div.box17, #bzzx_right div.box18, #bzzx_right div.box19, #bzzx_right div.box20, #bzzx_right div.box21, #bzzx_right div.box22, #bzzx_right div.box23, #bzzx_right div.box24, #bzzx_right div.box25, #bzzx_right div.box26, #bzzx_right div.box27, #bzzx_right div.box28, #bzzx_right div.box29, #bzzx_right div.box30 { display: none;}

#qdhz_right form { padding: 10px 10px 10px 35px; line-height: 53px; vertical-align: middle;}
#qdhz_right form label { width: 99%; clear: both; display: block; margin: 25px auto;}
#qdhz_right form label span { width: 95px; display: block; float: left;}
#qdhz_right form #gsmc, #qdhz_right form #gsdz, #qdhz_right form #lxr, #qdhz_right form #dzyj, #qdhz_right form #sjhm { width: 60%; min-width: 300px; margin-left: 10px; border: 0; height: 53px; line-height: 53px; padding-left: 69px; background: #eee url('../images/qdhz-icon1.jpg') no-repeat 0 center;}
#qdhz_right form #gsdz { background: #eee url('../images/qdhz-icon2.jpg') no-repeat 0 center;}
#qdhz_right form #lxr { background: #eee url('../images/qdhz-icon3.jpg') no-repeat 0 center;}
#qdhz_right form #dzyj { background: #eee url('../images/qdhz-icon4.jpg') no-repeat 0 center;}
#qdhz_right form #sjhm { background: #eee url('../images/qdhz-icon5.jpg') no-repeat 0 center;}
#qdhz_right form #submit_bt {background-color: #a4e442;padding: 10px 45px; margin-left: 110px; border: 0; cursor:pointer}
#qdhz_right form #submit_bt:hover { background-color: #f30;}

#jbsx { color: #84c225;}

/* 合作伙伴 */
#hzhb .main { clear:both; background-color: #fff; overflow: hidden; zoom: 1; padding: 8px 0;text-align:center; }
#hzhb #tabs0 { height: auto;margin: 0 auto;}
#hzhb .menu0{ width:100%; min-width: 980px; padding-bottom: 58px; padding-left: 0; background: #f7f8f8;}
#hzhb .menu0 li{ display:block; float: left; padding: 20px 14%; color: #333; text-align: center; cursor:pointer; background: #f7f8f8; border-top: 5px solid #f7f8f8;}
#hzhb .menu0 li.hover{ background: #fff; border-top: 5px solid #84c125; color: #000;}
#hzhb #main0 ul {display: none; padding: 30px;}
#hzhb #main0 ul.block {display: block;}
#hzhb #main0 ul li { float: left; text-align: left; line-height: 24px; padding: 15px 10px;}
#hzhb #main0 ul li img { height: 25px; margin: 20px;}


/* 产品页 */
.bg0, .bg2, .bg4, .bg1, .bg3, .bg5 { background: transparent !important;}
#sliderBox, #sliderBox1, #sliderBox2, #sliderBox3, #sliderBox4, #sliderBox5, #sliderBox6 { display: block; text-align: center; clear: both; height: 840px; background: #fff url('../images/v3/bg3.png') repeat-x 0 0;}
#sliderBox2, #sliderBox4 { background-image: none; background-color: #3e3a39; margin-top: -3px;}
#sliderBox1, #sliderBox5 { background: #fff url('../images/v3/bg4.png') repeat-x 0 -50px;}
#sliderBox6 { background: #fff url('../images/v3/bg2.jpg') repeat-x center top;}

#banner1, #banner2, #banner3, #banner4 { height: 840px; clear: both; overflow: hidden; zoom: 1;}

/**  产品页面的图片样式  **/
.layout .cp1{ top: 120px; left: 24%; z-index: 1;}
.layout .cp2{ top: 400px; left: 22%; z-index: 1;}

.layout .cp3{ top: 120px; left: 22%; z-index: 1;}
.layout .cp4{ top: 400px; left: 22%; z-index: 1;}

.layout .cp5{ top: 120px; left: 18%; z-index: 1;}
.layout .cp6{ top: 400px; left: 22%; z-index: 1;}
.layout .cp7{ top: 580px; left: 22%; z-index: 1;}


.layout .cp11 { top: 120px; left: 24%; z-index: 1;}
.layout .cp22 { top: 380px; left: 20%; z-index: 1;}
.layout .cp33 { top: 380px; left: 32%; z-index: 1;}
.layout .cp44 { top: 380px; left: 44%; z-index: 1;}
.layout .cp55 { top: 380px; left: 67%; z-index: 1;}
.layout .cp66 { top: 380px; left: 80%; z-index: 1;}


/**  video页面的图片样式  **/
.layout .video1{ top: 80px; left:16%; z-index: 1;}
.layout .video2{ top: 330px; left:28%; z-index: 1;}

.layout .video11{ top: 120px; left:17%; z-index: 1;}
.layout .video22{ top: 400px; left:18%; z-index: 1;}
.layout .video33{ top: 400px; left:73%; z-index: 1;}

.layout .video3{ top: 120px; left: 16%; z-index: 1;}
.layout .video4{ top: 400px; left: 25%; z-index: 1;}

.layout .video5{ top: 120px; left: 20%; z-index: 1;}
.layout .video6{ top: 400px; left: 30%; z-index: 1;}

/**  新闻中心页面的图片样式  **/
.layout .anlitext1 { max-width: 90%; top: 220px; left: 48%; z-index: 1;}
.layout .anliimg1 { max-height: 99%; top: 40px; left: 1%; z-index: 1;}

.layout .anlitext2 { max-width: 90%; top: 240px; left: 1%; z-index: 1;}
.layout .anliimg2 { max-height: 90%; top: 100px; left: 58%; z-index: 1;}

.layout .anlitext3 { max-width: 90%; top: 280px; left: 48%; z-index: 1;}
.layout .anliimg3 { max-height: 95%; top: 120px; left: 1%; z-index: 1;}

.layout .anlitext4 { max-width: 90%; top: 260px; left: 1%; z-index: 1;}
.layout .anliimg4 { max-height: 90%; top: 100px; left: 54%; z-index: 1;}


/**  服务页面的图片样式  **/
.layout .servicetext1 { max-width: 90%; top: 80px; left: 20%; z-index: 1;}
.layout .serviceimg1 { max-height: 90%; top: 280px; left: 38%; z-index: 1;}

.layout .servicetext2 { max-width: 90%; top: 110px; left: 16%; z-index: 1;}
.layout .serviceimg2 { max-height: 90%; top: 380px; left: 38%; z-index: 1;}
.layout .serviceimg2a { max-height: 90%; top: 380px; left: 13%; z-index: 1;}
.layout .serviceimg2b { max-height: 90%; top: 380px; left: 33%; z-index: 1;}
.layout .serviceimg2c { max-height: 90%; top: 380px; left: 53%; z-index: 1;}
.layout .serviceimg2d { max-height: 90%; top: 380px; left: 73%; z-index: 1;}

.layout .servicetext3 { max-width: 90%; top: 150px; left: 24%; z-index: 1;}
.layout .serviceimg3 { max-height: 90%; top: 430px; left: 28%; z-index: 1;}
.layout .serviceimg3a { max-height: 90%; top: 380px; left: 13%; z-index: 1;}
.layout .serviceimg3b { max-height: 90%; top: 380px; left: 33%; z-index: 1;}
.layout .serviceimg3c { max-height: 90%; top: 380px; left: 53%; z-index: 1;}
.layout .serviceimg3d { max-height: 90%; top: 380px; left: 73%; z-index: 1;}

.layout .servicetext4 { max-width: 90%; top: 140px; left: 21%; z-index: 1;}
.layout .serviceimg4 { max-height: 90%; top: 400px; left: 33%; z-index: 1;}

.ImgLine { padding: 5px; border: 1px solid #CCC;}
