﻿

.inner{width:1160px; margin:0 auto;}

.head{min-width:1160px;}
/*top*/
.top{width:100%;height:40px;background:url("../images/top_bg.png") repeat-x;}
.top_content{line-height:40px;}
.top_l{float:left;}.top_nav{float:right;}.top_nav li{float:left;}
.top_nav li a{margin:0 5px;}
.top_nav  li a:hover,.top_nav li  a:active{color:#084396;}
/*logo*/
.logo_left{float:left;margin-top:20px;}
.logo_right{float:right;height:54px;padding-left:80px;font-size:20px;font-weight:bold;margin-top:20px;background:url("../images/tel.png") no-repeat;}

/*nav*/
.nav{width:100%;margin-top:5px;background:url("../images/nav_bg.jpg") repeat-x;}
.nav_mid{width:1140px;margin:0 auto;}.nav_mid .nav_list{overflow:auto;}
.nav_mid  li{float:left;width:162px;line-height:40px;text-align:center;font-size:14px;}
.nav_mid  li.list{background:url("../images/nav_01.png") no-repeat right center;}
.nav_mid  li a{color:#fff;font-weight:bold;display:block;margin:0 0 5px 0;}
.nav_mid  li.list_one a{color:#b00a2d;background:url("../images/nav_02.jpg") no-repeat  center center;}
.nav_mid a:hover,.nav_mid a:active{color:#b00a2d;background:url("../images/nav_02.jpg") no-repeat center center;}

.main_r_mid{width:760px; text-align:center;}
.con_l{ width:300px; float:left; padding:15px;}
.con_r{ width:400px; float:right; padding:15px;}
.con_r li{ line-height:28px; text-align:left;}
.con_r li b{ font-weight:bold;}
.slideBox{ width:240px;overflow:hidden; float:left; height:180px;overflow:hidden; position:relative;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:10%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4; filter:alpha(opacity=40); float:left; margin:0.5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{height:180px; width: 100%; z-index:0;}
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 180px;position: relative; }

#products{margin:10px auto; text-align:center; width:750px;}
.tab_hd{width:700px; margin:0 auto; text-align:center;}
.tab_hd .menu li{font-size:16px; font-weight:normal; cursor:pointer; background-color:#F1C41B; border:solid 1px #A5A5A5; float:left; width:160px; margin:0 30px; text-align:center;}
.tab_hd .menu li.current,.titpic li.current{color:#DA251C;}
.tab_content{padding:12px; width:700px; margin:0 auto; text-align:center;}
.layout{padding:12px; width:700px; margin:0 auto; text-align:left; clear:both;}
.layout p{text-align:left; clear:both; text-indent:2em; line-height:28px;}



/*ad*/
.ad{width:100%;  min-width:1160px;}
.banner-box{width:100%; position:relative;overflow:hidden; background-position:center; z-index:9991;}
.banner-box a.one{background-position:center; background-repeat:no-repeat; width:100%; display:block;}
.banmove{width:100%; height:100%; position:relative;}
.banmove a{display:block; width:100%; height:100%; position:absolute; z-index:1000; left:0; top:0; background-position:center; background-repeat:no-repeat;}
.banmove a:first-child{z-index:1002;}
.banmun{width:100%; height:10px; position:absolute; text-align:center; bottom:16px; right:0; z-index:9999;}
.banmun font{width:10px; height:10px; margin:0 10px; font-size:0;background:#fff; display:inline-block; cursor:pointer;}
.banmun font.hover{background-color: #084396;}      



/*broad*/
.broad{min-width:1160px;  background:#fff;}
.broad_con{width:1130px; margin:0 auto;}
.broad_con li{width:520px;line-height:44px;padding-left:40px;background:url("../images/bro.png")  no-repeat left center;}
.broad_con li span{float:right;}.broad_con a:hover,.broad_con a:active{color:#084396;}

.main{min-width:1160px;}
/*product*/
.product{width:100%;background:#f0eded;}
.pro_con{padding:30px  0;}
.pro_left{width:280px;float:left;background:#fff;}
.pro_left h2{width:100%;height:72px;text-indent:-99999px;background:url("../images/pro_bg.jpg") no-repeat  left center;}
.pro_l_con{width:236px;margin:0 auto;padding:20px 0;}
.accordion{width:100%;max-width:236px;}
.accordion .link{cursor:pointer;display:block;height:46px;line-height:46px;margin:10px 0;padding-left:20px;font-size:14px;font-weight:700;background:url("../images/pro_l.jpg") no-repeat left center;position:relative;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;}
.accordion li i.down{position:absolute;top:16px;right:12px;font-size:18px;color:#595959;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;}
.accordion li i.down{display:inline-block;width:9px;height:9px;background:url("../images/down.png") no-repeat;}
.accordion li.open i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
/* Submenu*/
.submenu{display:none;padding:0 20px;font-size:14px;position:relative;  top:-11px;  left:0;}
.submenu li{border-bottom:1px solid #4b4a5e;text-align:center;background:#ccc}
.submenu li:last-child{border:none;}
.submenu li.last_one{border:none;}/*兼容IE*/
.submenu a{display:block;text-decoration:none;padding:12px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;transition:all 0.25s ease;}
.submenu a:hover{background:#084396;color:#FFF;}

.pro_right{width:850px;float:right;}
.pro_right  h2{line-height:30px;padding:0 10px 2px;border-bottom:2px solid #084396;}
.pro_right h2 strong{font-size:16px;padding:0 10px;display:inline-block;border-bottom:3px solid #d89748;}
.pro_right  h2 a{float:right;}.pro_right   a:hover,.pro_right  a:active{color:#084396;}
.pro_r_con li{float:left;text-align:center;padding:10px 15px;}
.pro_r_con li img{border:1px solid #ccc; width:250px;}.pro_r_con li h3{padding-top:10px;}
 
 /*about*/
.about{width:auto;margin:0 auto;background:url("../images/about_bg.jpg") no-repeat center center;}
.about_con h2{text-align:center;font-size:18px;color:#fff;height:100px;line-height:100px;font-weight:bold;}
.about_con h2 span{color:#bdbec0}.about_con1{height:297px;overflow:hidden; font-size:14px;}
.about_con1 img{float:left;margin:0 40px 10px  0;}
.about_con1 p{color:#e3e3e3;text-indent:20px;line-height:28px; margin:5px auto;}.about_con1 p a{color:#b60c38;}
 /*news*/  
.news{width:auto;margin:0 auto;background:#f0eded;}
.news_con h2{width:1160px;margin:0 auto; text-align:center;text-align:center;font-size:18px;height:100px;line-height:100px;font-weight:bold;}
.news_box{margin:0 auto; padding:0; width:100%;}
.news_box ul{ width:100%;}
.news_box li{float:left; width:49%; text-align:center; font-size:14px; line-height:23px; margin:10px auto;}
.news_box li .dimg{width:180px; float:left;}
.news_box li .dimg img{width:180px; height:135px; overflow:hidden;}
.news_box li .dinfo{width:360px; float:right; text-align:left;}
.news_box li .dinfo h3{ font-size:14px; font-weight:bold;}
.news_box li .dinfo h3 span{ float:right; padding-right:20px;}
.news_box li .dinfo p{text-align:left; text-indent:2em;}
.box_list  ul{height:270px;overflow:hidden;}
.box_list  li{padding-left:20px;line-height:30px;background:url(../images/tab2.png) no-repeat left center;}
.box_list li a:hover,.tab_menu a.tab_m:hover,.box_list li a:active,.tab_menu a.tab_m:active{color:#084396;}
.box_list li span{float:right;}
 /*case*/
.case{width:auto;margin:0 auto;}
.case_con{text-align:center; width:1160px; margin:0 auto; padding:0;}
.case_con h2{text-align:center;font-size:18px;height:100px;line-height:100px;font-weight:bold;}
.case_con1{height:297px;overflow:hidden; font-size:14px;}
/* marqueeleft */
.marqueeleft{height:220px;width:1120px;overflow:hidden;margin:0 auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:300px;height:220px;overflow:hidden;}
.marqueeleft li .pic{display:block; width:270px; height:200px; overflow:hidden;}
.marqueeleft li .pic img{width:270px; height:200px;}
.marqueeleft li img{width:270px; height:200px;}
/*footer*/
.footer{min-width:1160px;background:url(../images/f_bg.jpg) repeat-x left top;}
.f_con{color:#fff;padding:20px 0;}
.f_nav{float:left;}
.f_nav li{float:left;width:150px;line-height:25px;text-align:center;font-size:15px;}
.f_nav li ul li{font-size:12px;clear:both;}
.f_con  a{color:#fff;}
.f_nav a:hover,.f_nav a:active{color:blue;}
.f_tel{float:right;}.f_tel p{line-height:25px;}.f_tel p strong{font-size:15px;}
         