.index_con{ margin-bottom:40px; }
.index_con h1 span{color:#0c2367; }
.index_con h1{ text-align:center; margin-top:30px; color:#333;}
.index_con h3{ text-align:center;margin-top:10px; color:#666;}
.about_us{ width:1200px; float:left;}

.about_con{ margin-top:20px;}
.about_con_left{ width:400px; height:190px; background:url(../images/about.jpg); float:left;}
.about_con_left h3{color:#fff; padding-top:50px;}
.about_con_left h4{ color:#fff; text-align:left; width:282px; margin:0 auto; line-height:36px; font-size:18px; text-align:center;}
.about_con_right{ float:left; line-height:30px; width:780px; margin-left:20px; text-indent:2em;}
.about_con_right a.btn{ width:100px; display:block; color:#fff; margin-top:10px;}
.index_left{ width:240px; float:left;margin-right:20px; margin-top:20px; border:1px solid #0096ff; padding-bottom:25px; min-height:560px;}
.index_left ul.sort li a{color:#fff; display:block;}

.index_left h3{ font-size:24px; color:#fff; background:#0096ff; text-align:center;height:60px; line-height:60px; margin-top:0;}
.index_left ul.sort li{ text-align:left; line-height:40px; width:228px;height:40px; font-size:18px; color:#fff;  margin:0 auto;margin-top:10px; border-radius:4px; background:#0096ff; padding-left:10px;}
.index_left ul.sort li.cur {background:#fe5900;}
.index_left ul.sort li:hover {background:#fe5900;}
.index_left a.btn{ margin-top:20px;}

.title{ border-bottom:1px solid #eee;}
.title h4{ color:#333;  width:120px; text-align:left; line-height:40px; margin-bottom:-1px; font-size:24px;}
.title  a{ float:right; color:#666; line-height:50px;}
.goods{ margin-right:-20px; margin-top:20px;}
ul.goods li{ float:left;width:300px; margin-right:20px; overflow:hidden; margin-bottom:15px; display:inline; }
ul.goods li .liup{ line-height:225px; position:relative; overflow:hidden;}
ul.goods li .liup a{ border:1px solid #ddd; border-radius:3px; text-align:center; width:300px; height:225px;  display:table-cell;  background:#fff;  vertical-align:middle; } 

ul.goods li .liup a img{  vertical-align:middle; }
ul.goods li .liup .exp_bot{ background:rgba(0,0,0,0.5); line-height:24px; width:100%;height:225px; position:absolute;left:0; bottom:-225px; color:#fff; text-align:center; padding:70px 15px 0px 15px;}
.goods li p{ line-height:40px;width:290px; margin:0 auto;  margin-bottom:0; color:#fff; text-align:center; font-size:14px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.goods li p a{ color:#666;}


.pro_more{ width:100px; margin:0 auto; color:#0c2367; display:block; margin-top:30px; border:1px solid #0c2367; text-align:center; padding:8px 0; border-radius:4px;}
a.pro_more:hover{ color:#fff; background:#0c2367;}
.news{ float:left; width:590px; margin-right:20px;}
.news ul.hot{ margin-top:20px;  width:170px; float:left;}
.news ul.hot li{ width:170px; height:110px; float:left; margin-right:10px; position:relative; margin-bottom:10px;}
.news ul.hot li img{ width:170px; height:110px;}
.news ul.hot li a{ display:block;}
.news ul.hot li a p{ background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:0; margin-bottom:0; width:100%; height:30px; color:#fff; line-height:30px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news ul.normal{ margin-top:8px; float:left; width:400px; margin-left:20px;}
.news ul.normal li{ line-height:30px; height:30px; }
.news ul.normal li a{ display:block; color:#666;}
.news ul.normal li a span{ float:right;}
.news ul.normal li a strong{ display:block; float:left; font-weight:400; width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news ul.normal li a i{ font-size:8px; margin-right:10px; color:#0096ff; }
.news1{ margin-right:-20px;}

.case{margin-top:40px;}
.case ul{ margin-right:-20px; }
.case ul li{width:285px;height:214px; float:left; margin:10px; position:relative; overflow:hidden; border:1px solid #ddd;}
.case ul li img{width:285px;height:214px;}
.case ul li a{display:block;}
.case ul li a .exp_bot{ width:285px;height:214px; background:rgba(0,0,0,0.5); position:absolute; bottom:-214px; left:0px; text-align:center; color:#fff; z-index:999;padding:70px 15px 0px 15px;}
.case ul li a p{display:block;width:100%;height:30px; line-height:30px; margin-bottom:0;}

.xiaoban{ width:1200px;height:160px; margin:0 auto; background:url(../images/little_ban.jpg); margin-top:5px;}
.xiaoban span{ font-size:24px; color:#fff; float:right; margin-top:110px; margin-right:20px;}
.youshi{ margin-bottom:30px;}
.youshi ul{ margin-top:40px;}
.youshi ul li.li01{ width:1070px; margin:0 auto; border-bottom:1px dashed #ddd; padding-bottom:40px; padding-top:20px;}
.youshi ul li.li01 h2{ margin-top:0px; color:#0096ff;}
.youshi ul li.li01 h2 img{ margin-right:10px;}
.youshi ul li.li01 .lileft{ width:660px; float:left; margin-right:30px;}
.youshi ul li.li01 .lileft p{ font-size:18px; line-height:36px; margin-bottom:0;}
.youshi ul li.li01 .lileft p i{ margin-right:10px; color:#0096ff;}
.youshi ul li.li01 .liright{ float:right;}

.youshi ul li.li02{ width:1070px; margin:0 auto; border-bottom:1px dashed #ddd; padding-bottom:40px; padding-top:20px;}
.youshi ul li.li02 h2{ margin-top:0px;color:#ff9900;}
.youshi ul li.li02 h2 img{ margin-right:10px;}
.youshi ul li.li02 .liright{ width:660px; float:left; margin-left:50px;}
.youshi ul li.li02 .liright p{ font-size:18px; line-height:36px; margin-bottom:0;}
.youshi ul li.li02 .liright p i{ margin-right:10px; color:#ff9900;}
.youshi ul li.li02 .lileft{ float:left;}

.case1{margin-top:40px;}
.case1 ul{ margin-right:-20px; }
.case1 ul li{width:285px;height:214px; float:left; margin:10px; position:relative; overflow:hidden;}
.case1 ul li img{width:285px;height:214px;}
.case1 ul li a{display:block;}

.case1 ul li a p{display:block;width:100%;height:30px; line-height:30px; margin-bottom:0;background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; text-align:center; color:#fff; z-index:999;}