﻿/*主标签*/
.mvideo{
	display:none;
}
body{margin:0px;padding:0px;font-size:14px;font-family: Arial, Helvetica, sans-serif;  color:#767676;}
p{margin:0px;padding:0px;}
ul{list-style: none;margin:0px;padding:0px;}
li{margin:0px;padding:0px;border:0px;}
a{text-decoration: none; margin:0; padding:0; color:#767676;}
a:hover{text-decoration: none; color:#000;}
img{ margin:0px; padding:0px; border:0px;}
img a{ margin:0px; padding:0px;}
img a:hover{ margin:0px; padding:0px; }
/*头部*/
.header{ width:100%; height:107px; background:url(../images/logo_bg.jpg) center repeat-x;}
.logo{ width:1200px; margin:0 auto;background:url(../images/logo.jpg) no-repeat; height:107px;}
.logo p{ float:right;margin-top:10px; margin-right:10px;}
.logo p a{width:80px; display:block; text-align:center; float:left; border-right:1px solid #8C8C8C;}
/*导航栏*/
#menu{ width:100%; margin:0 auto; height:40px; line-height:40px; background:#0089E1; clear:both;}
.nav{ width:1200px; margin:0 auto;}
.nav li{line-height:40px;height:40px;text-align:center;width:150px;float:left;position:relative;z-index:9999;background: url(../images/line.jpg) no-repeat right center;}
.nav li a{display:block;line-height:40px;color:#ffffff;height:40px;font-size:14px;width:149px;}
.nav li a:hover{color:#ffffff;text-decoration:none;background-color:#0089E1;}
.nav li.lxff{background:none}
.nav .sec{height:0;background:#0089E1;color:#fff;overflow:hidden;z-index:9999;position:absolute;left:0px;}
.nav .sec a{background:#0089E1;color:#fff;height:40px;line-height:40px;width:150px;border-top:1px solid #ffffff;}
.nav .sec a:hover{background:#746e59;text-decoration:none;color:#fff;}					
/*顶部大图*/
.banner{width:100%; margin:0 auto; margin-top:3px; background:#fff; overflow:hidden;}
.banner img{margin:0 auto; text-align:center;}
.banner .bd{ position:relative;}
.banner .hd {position: absolute;height:15px;text-align: center; bottom:0; padding-bottom:15px;width: 100%;z-index:8;}
.banner .hd ul { width:160px; margin:0 auto;}
.banner .hd ul li{background:#0089E1;cursor: pointer;display:inline-block;margin:0 10px;width:12px;height:12px;text-align: center;  float:left; border-radius: 50%;}
.banner .hd ul .on{ background:#FF0000;border-radius: 50%; }
/*设计顶部大图*/
.side_design_banner {width: 100%;height: 294px;background: url(../images/side_design_banner_pic.png);}
.side_design_banner em {display: block; margin: 0 auto;width: 364px;height: 182px; background: url(../images/side_design_banner_pic_em.png) no-repeat;position: relative;top: 50px;}
/*中部*/
#mid{ width:100%; background:#F1F1F1; float:left; padding-top:30px;}
.mid{ width:1200px; margin:0 auto;}
.mid-1{ width:100%; height:645px; background:#0089E1;}
.mid-1-1{ width:220px; height:442px; background:#fff; margin-left:20px; margin-top:20px; float:left;}
.mid-1-1 ul{ width:100%; margin-top:8px;}
.mid-1-1 ul li{ width:220px;background:url(../images/index_01_bg.jpg) no-repeat center; line-height:49px;  text-indent:45px;}
.mid-1-1 span{ width:218px; height:40px; line-height:40px; display:block; background:#0089E1; text-align:center; color:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.mid-1-1 p{ width:100%; height:110px; background:#fff; line-height:20px; padding-top:8px;}
.mid-1-2{ width:920px; float:left; background:#fff; height:600px; margin-top:20px; margin-left:20px;}
.mid-1-2-1{ width:902px; margin:0 auto; margin-top:20px;}
.mid-1-2-1 ul{ width:100%; margin:0 auto;}
.mid-1-2-1 ul li{ width:212px; float:left; margin:8px 6px;}
.mid-1-2-1 ul li img { width:210px; height:210px;border:1px solid #cccccc;}
.mid-1-2-1 ul li span { width:210px; display:block; text-align:center; height:30px; line-height:30px; padding-top:5px; color:#f99000; font-weight:bold;}
.mid-2{ position:absolute;margin-top:-440px; margin-left:110px;}
.mid-3{width:100%; margin:0 auto;background:#0089E1;}
.mid-3-1{padding:10px 0px 5px 20px;}
.mid-3-2{ width:1160px; margin:0 auto; background:#fff; height:785px;}
.mid-3-2-1{ width:1130px; margin:0 auto;}
.mid-3-2-1 object{ float:left; margin-right:10px;}
.mid-3-2-1 p{ line-height:30px;}
.mid-3-2-1 ul { width:100%; margin:0 auto;}
.mid-3-2-1 ul li{ width:272px; height:182px; float:left; margin:10px 5px; display:block;}
.mid-3-2-1 ul li img{ width:270px; height:180px; border:1px solid #E9E9E9;}
.mid-3-2-1 ul li span a{height:30px; display:block;text-align:center; color:#fff; line-height:30px; width:272px; position: absolute;  margin-top:-25px; background:#000;}
.mid-3-2-1 ul li span a:hover{height:30px; display:block; background:#000; text-align:center; color:#fff; line-height:30px; width:272px; position: absolute; z-index:+1;}
.mid-4{width:100%; margin:0 auto;background:#0089E1;}
.mid-4-1{padding:10px 0px 5px 20px;}
.mid-4-2{ width:1160px; margin:0 auto; background:#fff; height:300px;}
.mid-4-2-1{ width:364px; height:270px; float:left; margin:10px; border:1px solid #EBEBEB;}
.mid-4-2-1 h4{ width:340px;  margin:0 auto;border-bottom:1px solid #EBEBEB; padding:5px; line-height:30px;}
.mid-4-2-1 p{ float:right; margin-top:-30px; margin-right:10px;}
.mid-4-2-1 ul{ width:350px; margin:0 auto;}
.mid-4-2-1 ul li{ height:28px; width:100%; background:url(../images/index_08-1.jpg) no-repeat center; line-height:28px; text-indent:20px;}
.mid-4-2-1 ul li span{ float:right; line-height:28px;}
.mid-5{width:100%; margin:0 auto;background:#0089E1;padding-top:20px; padding-bottom:20px;}
.mid-5-1{width:1160px; margin:0 auto; background:#fff; height:360px; background:url(../images/index_09.jpg) no-repeat center;}
.mid-5-2{ width:610px; float:right; margin-top:28px;}
.mid-6{width:100%; margin:0 auto;background:#fff;padding-top:20px; padding-bottom:20px;}
.mid-6-1{text-align:center; margin-top:5px; margin-bottom:20px;}
.mid-6-2{ width:1185px; margin:0 auto; height:100px;}
.mid-6-2 img{ float:left;}
.mid-6-2 ul{ width:97%; margin:0 auto; overflow:hidden;}
.mid-6-2 ul li{ width:180px; height:100px; margin:0 3px; float:left;}
/*底部*/
.footer{ width:100%; margin:0 auto; float:left;height:200px; background:#D4D4D4;}
.foot{ width:1200px; margin:0 auto; padding-top:20px;}
.foot-1{ width:55%; float:left; margin-left:20px;}
.foot-1 ul li a{ width:100px; line-height:12px; margin:10px 0; display:block; text-align:center; color:#000; border-right:1px solid #000; float:left; margin-top:15px;}
.foot-1 ul li a:hover{color:#767676;}
.foot-1 p{ width:100%; float:left; margin-left:22px; line-height:25px; margin-top:15px; color:#767676;}
.foot-1 p a{line-height:25px; color:#767676;}

/*子页*/
.main{ width:1200px; margin:0 auto;}
.cast{ width:100%; float:left;background:#0089E1; padding-top:30px; padding-bottom:30px;}
.left{ width:220px; float:left; margin-left:20px;}
.left ul{ width:100%; margin-top:8px;}
.left ul li{ width:220px;background:url(../images/index_01_bg.jpg) no-repeat center; line-height:49px;  text-indent:45px;}
.left span{ width:218px; height:50px; line-height:50px; display:block; background:#0089E1; text-align:center; color:#fff; border-left:1px solid #fff; border-right:1px solid #fff; font-size:18px; font-weight:bold;}
.left p{ width:100%; background:#fff; line-height:28px;}
.right{ width:920px; float:left; margin-left:20px; background:#fff;}
.right-1{ width:96%; margin:0 auto; height:18px; padding:13px 0px; line-height:18px; border-bottom:1px solid #dbdbdb;}
.right-1 span {color:#f99000; display:block; font-size:20px; font-weight:bold; text-indent:10px; border-left:3px solid #f99000; margin-left:10px;}
.right-1 p{ float:right;color:#000; margin-right:10px; margin-top:-18px;}
.right-2{ width:100%; margin:0 auto; margin-top:15px; margin-bottom:15px; min-height:600px;}
.title{ width:100%; text-align:center; line-height:35px; padding:5px 0; font-size:20px; margin:0 auto; color:#FF4F01; font-weight:bold;}
.author{ width:50%; text-align:center; line-height:25px; padding:5px 0;margin:0 auto; border-bottom:1px solid #ccc;}
.imgbg{ width:100%; text-align:center; padding:10px 0;} 
.imgbg img{ max-width:600px;margin-top:10px;}
.right-2 p{line-height:30px;width:96%; margin:0 auto; margin-top:20px;}
.right-2 ul{ width:90%; margin:0 auto; padding-bottom:20px;}
.right-2 ul li{ width:100%;float:left;border-bottom:1px solid #ccc; padding:15px 0;}
.right-2 ul li img{ width:180px; height:120px;float:left; margin-right:20px;}
.right-2 ul li p{ padding:0; margin:0;}
.right-2 ul li a{ width:70%; line-height:30px; font-size:18px; font-weight:bold; padding-top:20px;}
.right-2 ul li span{ float:right;line-height:30px;}
.right-3{ width:98%; margin:0 auto;min-height:600px;}
.right-3 ul{ margin-top:20px;}
.right-3 ul li{ width:285px;float:left; margin:0 7px; margin-bottom:10px;}
.right-3 ul li img{width:285px; height:285px; background:#fff; border:1px solid #ccc;}
.right-3 ul li span{  width:285px; display:block; text-align:center; line-height:35px; padding:5px 0;}
.right-3 ul li span a:hover{ color:#f99000;}
.right-4{ width:60%; line-height:30px; border-bottom:1px solid #D1D1D1;}
.right-4 a{ padding-bottom:5px;border-bottom:3px solid #1894D4; color:#636363; padding-left:5px;}
.navi{line-height:30px;text-align:center; display:block; width:100%;}
.page{ width:100%;text-align:center;display:block; float:left; line-height:30px; padding:10px 0;}
/*合作伙伴*/
.right-5{ width:90%; margin:0 auto;min-height:600px;}
.right-5 ul{ margin-top:20px;}
.right-5 ul li{ width:180px;float:left; margin:0 13px; margin-bottom:10px;}
.right-5 ul li img{width:180px; height:100px; background:#fff; border:1px solid #fff;}
.right-5 ul li span{  width:180px; display:block; text-align:center; line-height:35px; padding:5px 0;}
/*产品内页*/
.product{width:96%; margin:0 auto; margin-top:15px; margin-bottom:15px; min-height:600px;}
.product-1{ width:100%; margin-top:10px;}
.product-1 p{ line-height:30px;}
.product-1-1 {float:left; }
.product-1-1 img{ width:480px;  border:1px solid #dcdcdc;}
.product-1-2{ width:380px; float:left; margin-left:20px;}
.product-1-2 span{ line-height:60px; width:100%; display:block; text-align:center; border-bottom:1px dotted #dcdcdc; font-size:16px;}
.product-1-2 p{ width:100%; line-height:30px; height:300px;}
.product-1-2-1{ border-top:1px dotted #dcdcdc;border-bottom:1px dotted #dcdcdc; line-height:40px; font-weight:bold; padding-left:10px; font-size:16px;}
.product-2{ width:100%; margin:0 auto;}
.product-2 .top{ width:100%; height:52px; line-height:52px; background:url(../images/cpcs.png) center no-repeat;}
.product-2 .top span{ color:#ffffff;}
.list_p{

	margin:10px auto; text-align:center;clear:both;

}

.list_p a{

    display: inline-block;

    border: 1px solid #ccc;

    padding: 2px 9px;

    line-height: 20px;

    background: #fff;

    color: #999;

	transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

}

.list_p b{

    display: inline-block;

    padding: 2px 9px;

    line-height: 20px;

    background: #ccc;;

    color: #FFF;

}

.list_p a:hover{

	background: #ccc; color:#fff;

}

 
