﻿html { overflow-x: hidden; overflow-y: auto;}
*html{background-image:url(about:blank); background-attachment:fixed;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,input{margin:0;padding:0;}
body{ background:#fff; color:#333; font-size:12px; line-height:24px; font-family:"微软雅黑";}
img{ border:0; vertical-align:top;}
li{ list-style:none; }
a{color: #333; text-decoration:none;}
a:hover {color: #0066FF; cursor:pointer}
.clear{ clear:both;}
.sbox{ width:1001px; margin:0 auto; overflow:hidden;}

#top{ height:25px; line-height:25px; background:#4E7204;}
.top{ text-align:right; color:#fff;}
.top span{ float:left;}
.top a{ color:#fff;}

#logo{ height:120px; overflow:hidden; background:#87BB19;}
.logo{ text-align:right;}
.logo strong{ font-size:40px; text-align:left; height:100px; padding-top:30px; color:#434242; float:left;}
.logo span{ font-size:24px; line-height:150px; color:#fff;}

#nav{ height:35px; line-height:35px; background:url(../images/nav_bg.jpg) repeat-x;}
.nav ul li{ float:left;}
.nav ul li a{ display:inline-block; width:125px; font-size:16px; text-align:center;}

/* slider-container */
.slider-container{ height:400px; overflow:hidden; position:relative}
.slide-item a{ height:400px; width:100%; margin:0 auto; display:block;}
.slide-item{ min-width:1000px; width:100%; position:absolute; left:0; top:0; display:none;}
.thumbs{ position:absolute; left:45%; bottom:10px; z-index:4; width:20%; height:10px; padding:0; }
.thumbs li{ float:left; cursor:pointer; position:relative; width:7%; *width:6.99%; height:10px; background:#ccc; margin-right:4px; overflow:hidden; }
.thumbs li.curr,.thumbs li:hover{ background:#36c; cursor:pointer; }

.in_fwly{ width:1001px; height:299px; margin-top:20px; margin-bottom:20px; background:url(../images/fwly_bg.jpg) no-repeat;}
.fwly_tit{ padding:15px 15px 0 15px; text-align:right;}
.fwly_tit p{ height:35px; border-bottom:1px solid #D2D2D2;}
.fwly_tit p strong{ float:left; font-size:22px; margin-right:5px; color:#0c4da2;}
.fwly_tit p span{ float:left; font-size:16px; color:#d7d7d7;}
.fwly_tit p a{ color:#0c4da2;}
.fwly_con{ padding-top:20px;}
.fwly_con ul li{ width:174px; padding:0 35px; padding-top:12px; float:left; background:url(../images/fwly_img_bg.jpg) no-repeat 21px 0; text-align:center;}
.fwly_con ul li img{ margin-bottom:20px;}
.fwly_con ul li h2{ font-size:18px; height:30px; text-align:left; color:#0c4da2;}
.fwly_con ul li p{ text-align:left;}

.in_cpdh{ width:242px; height:322px; margin-right:24px; float:left; background:url(../images/in_cpdh_bg.jpg) no-repeat;}
.in_cpdh_con{ padding:10px 20px;}
.in_cpdh_con ul li{ height:30px; background:url(../images/in_cpzs_li_bg.jpg) bottom no-repeat;}
.in_cpdh_con ul li img{ float:left; margin-right:10px; padding-top:6px;}
.in_cpdh_con ul li a{ float:left; font-size:14px;}

.in_cpzs{ width:735px; height:322px; overflow:hidden; float:left; background:url(../images/in_cpzs_bg.jpg) no-repeat;}
.in_cpzs_con { padding:10px 0 0 15px;}


.in_alzxcp{ height:444px; margin:20px auto; background:url(../images/in_anli_bg.gif) no-repeat;}
.in_alzxcp_left{ width:390px; float:left; overflow:hidden;}
.in_anliqu{ padding:5px 15px;}
.in_anliqu ul li{ border-bottom:1px dashed #ccc; height:80px; margin:15px 0;}
.in_anliqu ul li img{ float:left; margin-right:10px;}
.in_anliqu ul li h2{ font-size:12px; color:#666; height:22px; overflow:hidden; width:245px; float:left;}
.in_anliqu ul li p{ font-size:12px; color:#666; width:245px; line-height:22px; float:left;}
.in_anliqu ul li p span{ color:#0c4da2;}

.in_zixunqu{ padding:0 15px; background:url(../images/in_news_list.gif) no-repeat 17px 6px;}
.in_zixunqu ul li{ height:29px; text-indent:30px; font-size:14px; line-height:29px; overflow:hidden;}

.in_alzxcp_right{ width:610px; float:left; overflow:hidden;}
.in_tjcp{ padding:10px 0 0 17px; height:195px; overflow:hidden;}
.in_tjcp ul li{ float:left; width:132px; margin-right:15px;}
.in_tjcp ul li p{ text-align:center; height:30px; lien-height:30px; font-size:14px; overflow:hidden;}

.in_khal{ padding:15px 0 0 20px;}
.in_khal ul li{ float:left; width:175px; margin-bottom:53px; margin-right:20px;}
.in_khal ul li h2{ font-size:14px; height:30px; line-height:30px; overflow:hidden; text-align:center;}

.in_fldh{ margin-bottom:20px; background:url(../images/in_fldh_img.jpg) no-repeat; height:186px;}
.in_fldh ul{ padding:20px;}
.in_fldh ul li{ height:33px; line-height:33px; overflow:hidden; font-size:14px;}

.in_ryzz{ height:340px; margin-bottom:20px; background:url(../images/in_ryzz_bg.jpg) no-repeat;}
.in_ryzz_con{ padding:15px;}
#in_ryzz{ height:240px; position:relative; overflow:hidden;}
#in_ryzz ul { position:absolute; height:240px; top:0;}
#in_ryzz ul li{ width:240px; float:left; padding-right:10px;}
#in_ryzz ul li h2{ font-size:14px; height:20px; line-heihgt:20px; padding-top:5px; text-align:center;}
#in_ryzz ul li p{ line-height:20px; color:#666; padding:5px;}

.in_youshi_con{ margin-bottom:15px;}
.in_youshi_con ul li{ width:250px; text-align:center; float:left;}
.in_youshi_con ul li h2{ font-size:18px;}
.in_youshi_con ul li img{ width:240px; height:163px; margin-bottom:10px;}

.con{ margin:20px auto; width:980px; padding:20px 8px; }
.position{ height:50px; line-height:50px;}
.con_left{ width:212px; margin-right:47px; float:left;}
.list_fl{ padding:0px 10px; padding-top:70px; padding-bottom:10px; border-bottom:1px solid #00428c; margin-bottom:16px; background:url(../images/list_fl_bg.jpg) no-repeat;}
.list_fl ul li{ height:30px;  padding-top:5px; background:url(../images/in_cpzs_li_bg.jpg) bottom no-repeat;}
.list_fl ul li img{ float:left; margin-right:10px; padding-top:6px;}
.list_fl ul li a{ float:left; font-size:14px;}
.list_lx{ background:url(../images/list_lx_bg.jpg) no-repeat top; padding:70px 10px 10px 10px;}
.con_right{ width:716px; float:left;}
.list_img_con{background:url(../images/list_bg.jpg) repeat-y; padding-left:10px;}
.list_img_con ul li{ width:220px; float:left; margin-right:12px; text-align:center;}
.list_img_con ul li img{ border:1px solid #DCDCDC; opacity:0.85; filter:alpha(opacity=85); padding:4px;}
.list_img_con ul li a:hover img{ border:1px solid #D35B5D; padding:4px; opacity:1; filter:alpha(opacity=100);}
.list_img_con ul li p{ height:35px; line-height:35px;}

.list_con{background:url(../images/list_bg.jpg) repeat-y; padding:0 15px;}
.list_con ul li{ height:35px; line-height:35px; border-bottom:1px dashed #ccc; text-align:right;}
.list_con ul li a{ float:left;}

.list_anli_con{background:url(../images/list_bg.jpg) repeat-y; padding:0 15px;}
.list_anli_con ul li{ height:140px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.list_anli_con ul li img{ float:left; margin-right:15px;}
.list_anli_con ul li h2{ height:40px; line-height:40px; font-size:18px;}

.list_tj_con{background:url(../images/list_bg.jpg) repeat-y; padding:0 15px;}
.list_tj_con ul li{ width:295px; height:200px; padding:10px; padding-left:30px; float:left; background:url(../images/list_tj_bg.jpg) no-repeat 20px 0;}
.list_tj_con ul li p{ text-align:center; width:250px; font-size:16px;}

.show_tit{background:url(../images/list_bg.jpg) repeat-y; padding:0 15px; padding-bottom:10px; text-align:center;}
.show_tit h2{ font-size:18px; height:35px; line-height:35px; margin-bottom:10px;}
.show_tit p{ color:#999;}
.show_con{ background:url(../images/list_bg.jpg) repeat-y; padding:0 15px;}
.show_con p{ margin-bottom:10px;}

.list_page{background:url(../images/list_bg.jpg) repeat-y; padding-top:30px; text-align:center;}
.list_page a{ display:inlie-block; padding:2px 7px; border:1px solid #ccc;}
.list_page span{ display:inlie-block; padding:2px 7px; border:1px solid #2D9C06;}

.con_news_sx{background:url(../images/list_bg.jpg) repeat-y; padding-top:30px; text-align:center;}

.in_yslf_left{ width:530px; float:left; margin-bottom:20px;}
.in_yslf_right{ width:450px; padding-right:20px; float:left;}
.in_yslf_right h2{ font-size:36px; height:50px; line-height:50px; font-weight:bold; color:#CD100E;}
.in_yslf_right p{ font-size:18px; height:35px; line-height:35px;}
.in_yslf_right span{ font-size:14px; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px; display:block;}

.links{ margin-bottom:20px; font-size:14px;}

#foot_nav{ height:50px; margin-bottom:20px; background:#2e2e2e;}
.foot_nav ul li{ float:left;}
.foot_nav ul li a{ display:block; width:125px; height:35px; font-size:16px; padding-top:15px; text-align:center; lien-height:50px; }

.footer{ padding-bottom:20px;}
.foot_left{ width:530px; float:left;}
.foot_left h2{ font-size:24px;}
.foot_right{ width:470px; text-align:right; float:left;}

.yiz-slider-3 {height: 250px; width: 700px;position: relative; overflow: hidden;}
.yiz-slider-3 ul {margin: 0px;padding: 0px; float: left;height: auto;list-style-type: none;display: block; position: absolute;top: 0;left: 0; z-index: 98;}
.yiz-slider-3 ul li {height: 250px;width:100%;float: left;padding: 0px;margin: 0px;float:left;}
.yiz-slider-3 ul li img{ width:100%;z-index:1; }
.yiz-leftarrow{background: url(../images/left-arrow.png); display: block;height: 87px; width: 56px;position:absolute; left: 0; top:50%;z-index: 99; cursor:pointer; margin-top: -43px}
.yiz-rightarrow{background: url(../images/right-arrow.png); display: block;height: 87px; width: 56px;position:absolute; right: 0; top:50%;z-index: 99; cursor:pointer;margin-top: -43px}

.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/*center*/
.cen_t { width:1000px; margin:0 auto;}

/*案例详细*/
.cate_point{ float:left; display:inline; padding:4px; border:1px solid #ccc; width:280px; height:430px; margin:30px 0 0 30px; overflow:hidden;}

/*产品详细*/
.cate_txt{ float:left; display:inline; width:505px; margin:30px 0 0 24px;}
.cate_txt h1{ font-size:18px; color:#37970c; background:url(../images/title_x.gif) no-repeat left center; padding-left:10px; padding-top:1px;}
.cate_txt h4{ font-size:14px; color:#2a2a2a; height:30px; line-height:30px; overflow:hidden;}
.cate_txt h5{ height:24px; line-height:24px; overflow:hidden; font-weight:normal;}
.cate_txt h5 b{ color:#474747;}
.cate_txt p a,.cate_txt2 p a{ margin-left:8px;}
.cate_txt_p{ width:460px; height:175px; line-height:170%; padding:0px 0; font-size:13px;}
.cate_txt_p p,.cate_txt_p2 p{ padding:5px 0;}
.cate_box { width:503px; height:165px; border:1px solid #92B076; background:url(../img/box_title.gif) no-repeat 22px 26px; margin-bottom:6px;}
.cate_box p { margin-top:105px; margin-left:10px; line-height:200%; font-size:13px;}
.cate_box p a { margin:0 10px;}
.cate_box p em { line-height:200%;}
.cate_tell {}
.cate_tell b { float:right; font-weight:normal;}
/*产品详细end*/

/*焦点图*/
.focus{ position:relative; width:700px; height:250px; background-color: #000; float: left;}  
.focus img{ width: 700px; height: 250px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\6;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:9px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  