@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color:#373a3c; background-color:#fff; width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
body{ background:#fff ;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input:hover,input:active,input:focus{ outline: 0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix {*zoom: 1;*clear: both;}
.clearfix:before, .clearfix:after {display: table;clear: both;content: '';}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1100px; margin:0 auto;}
/*����*/
.head{ width:100%;position:relative; z-index:9999; border-top:2px solid #c20307;}
.head .head_top{height:38px; line-height:38px;font-size:13px; color:#666; background-color:#f4f4f4; border-top:2px solid #c20307;margin-top:3px;}
.head .head_top a{ color:#666;font-size:13px;}
.head .head_top a:hover{ text-decoration:underline; color:#e0222c;}
.head .head_top span{ color:#ddd; font-size:10px; padding:0 20px;}
.head .head_logo{width:100%;background:#fff;}
.head .head_logo .logoDiv{float:left; height:120px; width:535px; background:url(../images/logo.png) center left no-repeat;}
.head .head_logo .logoDiv .alogo{ color:#fff; font-size:40px; display:none}
.head .head_logo .logoDiv img{ display:block; }
.head .head_logo .rightDiv{ height:120px;position:relative; padding-left:100px; background:url(../images/dianhua.png) left center no-repeat; text-align:left;}
.head .head_logo .rightDiv .phone{}
.head .head_logo .rightDiv .tp{ width:80px; height:65px; margin-right:10px;}
.head .head_logo .rightDiv .p1{ line-height:20px; font-size:14px; color:#444; padding-top:24px; padding-bottom:5px;}
.head .head_logo .rightDiv .p1 span{ color:#000; font-size:14px;}
.head .head_logo .rightDiv .p2{ font-size:38px; color:#e1001a; height:40px; line-height:40px; font-family: impact;}

.nav{ width:100%; background:#c20307;}
.navMain{ width:100%;}
.nav .navMain .navLi{ float:left; width:137px; position:relative; }
.nav .navMain .navLi.indexLi{ border:0; background:none;}
.nav .navMain .navLi a.a1{ display:block; height:60px; width:100%; color:#fff; font-size:14px;line-height:59px;text-align:center; position:relative; font-weight:600;}
.nav .navMain .navLi a.a1 span{ display: inline-block; background:url(../images/nav_l.png) left center no-repeat; padding-left:20px; position:relative; z-index:10;}
.nav .navMain .navLi a.a1 em{ display:block; position:absolute; left:0; top:-5px; z-index:5; height:60px; width:100%; }
.nav .navMain .active a.a1 em,.nav .navMain .navLi a.a1:hover em{ background:url(../images/nav_hover.png) center center no-repeat;}
.nav .navMain .navLi .dh2{ width:180px; top:100%; left:50%; margin-left:-90px; position:absolute; z-index:1000; display:none;overflow:hidden;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; box-shadow:0 3px 5px rgba(0,0,0,0.1); }       
.nav .navMain .navLi .dh2 a.a2{ display:block; text-align:center; color:#000; line-height:50px; font-size:14px; background-color:rgba(255,255,255,1); margin-bottom:1px;}
.nav .navMain .navLi .dh2 a.a2:hover{ color:#fff; background-color:#54a530; color:#fff;}
.nav .navMain .navLi:hover .dh2{ display:block;}


/*banner*/
.banner{width:100%;  position:relative;background-color:#fff; }
.banner_slides{position:relative; overflow:hidden; width:100%; margin:auto; margin-left:auto; margin-right:auto; max-width:100%; min-width:1100px;}
.banner_slides , .slides_container , .slides_control ,.banner_pic{height:500px;}
.banner_slides li.slidesjs-slide{ width:100%; height:500px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:500px;}
.slides_btn{position:absolute; z-index:999;display:block;width:50px;height:80px; border-radius:5px;margin-top:-40px;top:50%;overflow: hidden;text-indent:-9999px; background-color:rgba(0,0,0,0.1);}
.banner:hover .slides_btn{background-color:rgba(0,0,0,0.5);}
.banner .slides_btn:hover{ background-color:#c20307;}

.btn_previous{ left:2%; background:url(../images/pre02.png) center center no-repeat; }
.btn_next{ right:2%; background:url(../images/next02.png) center center no-repeat;}
	/*ҳ��*/
.slides_pagination{ width:80px;height:8px;bottom:25px; right:50%; margin-right:-40px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 5px;display:inline-block; width:13px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:13px;height:13px;line-height:50px;background:#fff;color:#666; border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#e1001a;color:#fff;}
/*banner end*/

/*����*/
.gg{width:100%; min-width:1100px; position:relative; z-index:10; background:#f4f4f4 url(../images/bg.jpg) repeat;}
.gg .ggTp{ overflow:hidden; width:85px;float:left;color:#e1001a;font-size:14px; font-weight:700;line-height:65px; }
.gg .ggNr{ width:1015px; overflow:hidden; font-size:14px;white-space:nowrap;line-height:65px;}
.gg .ggNr span{ display:inline-block; min-width:100%; color:#444; padding-right:50px;}
.searchBox{ position:relative; width:330px; height:41px; background-color:#fff; margin-top:12px;}
.searchBox .search_input{ display:block; float:left; height:41px; line-height:41px; width:245px; border:0; background:none; font-family:"΢���ź�"; font-size:14px; text-indent:1rem;}
.searchBox .search_bu{ display:block; float:right;width:75px; height:41px; background:#c20307 url(../images/ss.png) center center no-repeat; border:0; cursor:pointer;}

.baseTitle{ height:60px; background:url(../images/product_t.png) left center no-repeat; border-bottom:2px solid #c20307;}
.baseTitle .span0{ display:block; width:230px; line-height:60px; color:#fff; font-size:27px; font-weight:700; text-align:center;}
.baseTitle .span1{ width:705px; height:60px; background:url(../images/biaoyu.png) center center no-repeat; margin-left:30px;}
.baseTitle .span2{line-height:32px;display:block; font-size:15px; color:#999; padding-left:15px;}
.baseTitle .baseMore{ margin-top:12px; width:130px; height:35px; display:block; background:url(../images/m.png) left center no-repeat; line-height:35px; text-align:center; font-size:13px; color:#fff; }
.baseTitle .baseMore:hover{text-decoration:underline;}


/*��ҳ��Ʒ*/
.indexMain{position:relative; padding:40px 0; background-color:#fff; }
.indexMain .product{ position:relative; z-index:10;}
.indexMain .product_t{ height:60px; background:url(../images/product_t.png) left center no-repeat; border-bottom:2px solid #c20307;}
.indexMain .product_t .div1{ width:230px; line-height:60px; color:#fff; font-size:27px; font-weight:700; text-align:center;}
.indexMain .product_t .div2{ width:705px; height:60px; background:url(../images/biaoyu.png) center center no-repeat; margin-left:30px;}
.indexMain .product_t .m{ margin-top:12px; width:130px; height:35px; display:block; background:url(../images/m.png) left center no-repeat; line-height:35px; text-align:center; font-size:13px; color:#fff;}
.indexMain .product_t .m:hover{ text-decoration:underline;}

.proTitle{ width:235px;}
.proTitle .t_t{ height:95px; background-color:#c20307; color:#fff;  text-align:center;}
.proTitle .t_t .span1{ display:block; font-size:34px; font-weight:700; padding-top:10px;}
.proTitle .t_t .span2{ display:block; font-size:13px;}
.proTitle .pclass{ padding:7px 0 10px 0;}
.proTitle .pclass li{ margin-top:3px;}
.proTitle .pclass li a{ display:block;height:55px; line-height:55px; font-size:14px;color:#383737;background:url(../images/bg.jpg) repeat; border-radius:55px 0px 0px 55px; }
.proTitle .pclass li a span{ display:inline-block; margin-left:20px; padding-left:35px; background:url(../images/jt.png) left center no-repeat;}
.proTitle .pclass li a:hover{color:#c20307; text-decoration:underline;}
.proTitle .lxwm_t{ height:90px; background:url(../images/lxt.jpg) center center no-repeat; border:2px solid #c20307;}
.proTitle .lxwm{ padding:10px 0; line-height:20px; font-size:13px; color:#f9d3d4;background-color:#c20307;}
.proTitle .lxwm p{ padding:8px 15px; border-bottom:1px dashed #cd484a;}
.proTitle .lxwm p:last-child{ border:0;}
.prdListBox{}
.indexMain .productList{ overflow:hidden; width:840px;height:673px; position:relative; margin-top:10px;}
.indexMain .productList ul{ overflow:hidden; width:849px;height:675px;}
.indexMain .productList ul li{ width:274px; float:left; margin:0 9px 0px 0; } 
.indexMain .productList ul li .boxa{ width: 100%; display:block; cursor:pointer;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:190px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.indexMain .productList ul li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:150px; margin:66px auto; height:55px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(../images/product_.png) center center no-repeat;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ display:block;}
.indexMain .productList ul li .boxa .spanT{ display: block; z-index:10; height:35px; line-height:33px; width:222px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.indexMain .productList ul li .boxa .spanT:hover{ color:#e0222c;}
.indexMain .more{ display:block; width:100%; height:10px; margin:auto; background-color:#ebebeb; margin-top:15px; border-radius:10px;}
.indexMain .more:hover{ background-color:#c20307;}

/*end footTel*/

/*��������*/
.about{ padding:0px 0 35px 0; background:#fff url(../images/3bg.jpg) center bottom no-repeat; border-top:2px solid #c20307;}
.about .about_t{height:75px; background:url(../images/about_t.png) top center no-repeat;  margin:0px auto auto auto; text-align:center;}
.about .about_t .span1{ display:block;  font-size:28px; font-weight:700; color:#fff; padding-top:6px;}
.about .about_t .span2{ display:block; color:#f1b7b9; font-size:12px; text-align:center;text-transform:Uppercase; letter-spacing:1px; }
.about .indexaboutB{}
.about .textBox{word-break: normal;overflow:hidden; font-size:14px;line-height:35px; height:140px; width:100%;color:#444; margin:20px auto; text-indent:2rem;}
.about .textBox p{word-break: normal;}
.about .aboutB{ width:690px; margin:auto; border-top:2px solid #bbb; border-bottom:1px solid #bbb; height:3px;}
.about .about_class{ padding-top:30px;}
.about .about_class li{ float:left; width:16.666%;}
.about .about_class li a{ display:block; width:120px; margin:auto;}
.about .about_class li a .span1{ display:block; width:120px; height:120px; border-radius:100%; overflow:hidden;background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.about .about_class li a .span2{ display:block; font-size:13px; color:#333; text-align:center; padding-top:8px;}
.about .about_class li a:hover .span2{ color:#c20307; text-decoration:underline;}

.about .img{ float:left; width:397px; overflow:hidden; position:relative;}
.about .img a{ position:absolute; z-index:10; top:50%; margin-top:-30px; right:0; width:150px; height:60px; line-height:60px; text-align:center; background-color:#fff; color:#333; font-size:20px;}
.about .img a:hover{ background-color:#dd0103; color:#fff;}
.about .content_box{ position:relative;width:560px; height:373px;}
.about .content_box .abt{ color:#cd0000; font-size:30px;letter-spacing: 1px; text-align:left; font-weight:700; margin:20px 0 10px 0; }

.about .aboutMore{ display:block;margin:40px auto 0px auto; background:#54a530; line-height:50px; border-radius:50px; width:370px; text-align:center; font-size:25px; color:#fff;}
.about .aboutMore:hover{ background-color:#c20307;}


/*��ҳ�������� end*/

/*��ҳ����*/
.indexNews{ padding:40px 0; background:#fff ; }
.indexNews .news_t{ line-height:50px; background:#fff; border-bottom:1px solid #a79677;}
.indexNews .news_t .span0{ display:block; height:7px; width:7px; margin-top:21px; background-color:#fff;}
.indexNews .news_t .span1{ font-size:23px; color:#fff; font-weight:700; padding-left:10px;}
.indexNews .news_t .span2{ font-size:18px; color:#c3b191; padding-left:20px;}
.indexNews .news_t .m{ padding:0 30px; font-size:13px; color:#fff; height:33px; line-height:33px; margin-top:8px;}
.indexNews .news_t .m:hover{ background-color:#dd0103; color:#fff;}
.indexNews .news_left{ width:350px; height:400px; position:relative;}
.indexNews .img{ position: relative; width:320px; height:380px; border-left:8px solid #54a530; background:url(../images/news.jpg) center center no-repeat; background-size:cover; z-index:10;}
.indexNews .b{ display:block; position:absolute; z-index:1; width:320px; right:0; top:20px; height:376px; border:2px solid #000;}


.indexNews .newsBox{ width:710px; position:relative; height:380px;}
.indexNews .newsBox .newsT{ line-height:60px;}
.indexNews .newsBox .newsT .div1{ color:#000; font-size:25px; font-weight:700;}
.indexNews .newsBox .newsT .div2{ color:#b7b7b7; font-size:22px; padding-left:8px;}
.indexNews .newsBox .newsT .news_m{ display:block; color:#c20307; font-size:13px;}
.indexNews .newsBox .newsT .news_m:hover{ text-decoration:underline;}
.indexNews .newsBox .bg{ position:absolute; z-index:5; left:-70px; background-color:#f8f6e0; height:320px; width:780px; bottom:0;}
.indexNews .newsBox ul{ position:relative; z-index:10; padding-top:5px; padding-right:30px;}
.indexNews .newsBox ul li{ width:100%; border-bottom:1px solid #e8e4bb; padding:10px 0;}
.indexNews .newsBox ul li:last-child{ border:0;}
.indexNews .newsBox ul li a{ display:block;line-height:30px;}
.indexNews .newsBox ul li .spanT{ display:block; font-size: 14px;color:#444; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:400px; padding-left:25px; background:url(../images/21.png) left center no-repeat; }
.indexNews .newsBox ul li  .span_time{ display:block; color:#b7b7b7; font-size:13px;}
.indexNews .newsBox ul li .spanDesc{ display:block;  font-size:12px; color:#a9a9a9; padding:5px 0 0 0;}
.indexNews .newsBox ul li .spanDesc div{line-height: 20px; height:60px; overflow: hidden;}
.indexNews .newsBox ul li a:hover .spanT{ color:#e0222c; text-decoration:underline;}
.indexNews .newsBox ul li a:hover {}

/*��ҳ���̰���*/
.cases{ padding:40px 0; background:#f4f4f4;}
.cases .caseList{ overflow:hidden; padding-top:15px;}
.cases .caseList ul{ width:1108px;}
.cases .caseList li{ float:left; width:267px; margin-right:8px;}
.cases .caseList li a.imga{display: block;width:100%;height:300px; position:relative;overflow:hidden;background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.cases .caseList li a.imga .span1{ display:block; width:80%; position:absolute; z-index:10;bottom:10px; left:10%; height:40px; background-color:rgba(255,255,255,0.8); overflow:hidden; line-height:40px; text-align:center; color:#333; font-size:14px;;}
.cases .caseList li a.imga:hover .span1{ background-color:#fff; }
.cases .caseList li a img{ width:100%; height:177px;}
.cases .caseList li .titleBox{ display:block; width:90%; line-height:40px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; margin:auto;}
.cases .caseList li .titleBox a.title{ color:#666; font-size:13px;}
.cases .caseList li .titleBox a:hover{ color:#5fa022;}
.cases .caseList li:hover a.title{ color:#5fa022;}
.cases .caseList .box{ width:9999px;}
.cases .caseList .box ul{ float:left;}

/*�ײ�*/
.foot{ padding:30px 0 0px 0; position:relative; background-color:#111; }
.foot .btm_dh{ margin-right:80px;}
.foot .btm_dh .t{ color:#fff; font-size:16px; font-weight:700;}
.foot .btm_dh .t span{ padding-right:50px; border-bottom:1px solid #aaa; padding-bottom:10px;}
.foot .btm_dh .dh{ width:300px; margin-top:30px; border-right:1px solid #222;}
.foot .btm_dh .dh li{ float:left; width:150px; line-height:30px;}
.foot .btm_dh .dh li a{ font-size:13px; color:#999;}
.foot .btm_dh .dh li a:hover{ color:#fff; text-decoration:underline;}
.foot_ewm{ margin-left:30px; width:130px; background-color:#444; height:147px; }
.foot_ewm img{ display:block; width:107px; height:107px; margin:auto;}
.foot_ewm span{ height:30px; line-height:30px; display:block; font-size:13px; color:#999; text-align:center;}


.foot .f_Nav{ text-align:center;position:relative; z-index:10;} 
.foot .f_Nav a.a1{ font-size:13px; color:#666;}
.foot .f_Nav a.a1:hover{ text-decoration:underline; color:#fff;}
.foot .f_Nav span{color:#666; font-size:10px; vertical-align:middle; padding:0 10px;}
.foot .f_Nav a.a2{ color:#666; font-size:13px;}
.foot .f_Nav1{ padding:18px 0; background-color:#000;}
.foot .f_Nav1 span{ color:#5c0507; padding:0 40px; font-size:36px;}
.foot .f_Nav1 a.a1{ font-size:14px; color:#fff;}

.Copyright { background-color:#000; line-height:50px; margin-top:30px; border-top:1px solid #2b2b2b;}

/*��ǰλ��*/
.breadcrumbs{position: relative; width:100%; line-height:38px; padding-bottom: 2px; border-bottom:2px solid #dd0103; }
.mainConTitleFont { float: left; color: #666;font-size: 16px; font-weight: bold;}
.breadcrumbs a{color:#666; font-size:13px; font-family:'Microsoft YaHei';}
.breadcrumbs a:hover{color:#000; text-decoration:underline;}
.breadcrumbs .dqdhMain{color:#666;}
.breadcrumbs span{ color:#cd0000; font-family:'Microsoft YaHei'; font-size:13px; }
/*��ҳ*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #c20307; background-color:#c20307;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}


/**/
.viewpage{ padding:20px 0 50px 0; border-top:1px solid #aaa;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

.main{ padding:30px 0 60px 0;}
.main .main_right{ width:840px;}
.text{ line-height:35px; font-size:15px; color:#666; font-family:"Microsoft YaHei"; padding:30px 0;}
.text span{font-size:15px; color:#666; font-family:"Microsoft YaHei"}
.text img{ max-width:100% !important;}
.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center;}
.main .subtitle span{ padding:0 10px;}
.main .main_left{ width:230px; min-height:400px;}
.main .main_left .t{width: 100%; display:block;height:54px; padding-bottom: 2px; overflow: hidden;	color:#feb644;font-size: 16px; line-height: 54px; text-align: right; font-weight: bold;background: url(../images/index_21.jpg) left bottom repeat-x #262626;}
.main .main_left .t span{ float:right;display: block; padding-right: 38px;color:#838383; font-size: 22px;line-height: 54px;font-family: 'Microsoft YaHei';font-weight:normal; text-transform: uppercase;}

.main .main_left .navLeft{width:100%; padding-bottom:25px;background: url(../images/contactbox.png) left bottom repeat-x #000;}
.main .main_left .navLeft li{width:100%; border-top:1px solid #fff;background-color:#faca99;}
.main .main_left .navLeft li { width: 186px; height: 46px; margin:11px auto; padding-left: 30px ;background: url(../images/proclassbg.png)  left center no-repeat #ffffff; border-radius:5px; overflow:hidden;}	
.main .main_left .navLeft li a{display: block; width:95%;height:46px;line-height:46px; color: #000; font-size:15px; overflow:hidden; margin:auto;}
.main .main_left .navLeft li:hover,.main .main_left .navLeft li.active{    background: url(../images/proclassbg2.png) left center no-repeat #ffcc00;}
.main .main_left .navLeft li a:hover,.main .main_left .navLeft li.active a{ color:#fff;}
.main .t2{ margin-top:15px; width:100%; width:100%; height:55px; line-height:55px; background-color:#5a3a29; color:#fff; font-size:22px; text-align:center; display:block;}
.main .lxwmLeft{margin:auto; line-height:35px; padding:15px 10px;font-size:13px; color:#666; border:1px solid #ddd;}

/*��������*/
.news_list{ padding-top:30px;}
.news_list li{ padding:20px 0; border-bottom:1px dotted #c6c6c6;}
.news_list li .titleBox{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:400px;}
.news_list li .titleBox a{    font-size: 14px; color: #5a5a5a;}
.news_list li .titleBox a:hover{ color:#e0222c;}
.news_list li .time{ font-size:12px;color: #acacac;}
/*��ϵ����*/
#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:40px;line-height:40px;font-size:16px;color:#dd0103;text-align:center;cursor:pointer;background:#fff; margin-top:20px; border:1px solid #dd0103; font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;}
.wizfrm:hover{ background-color:#dd0103; color:#fff; }

/*��Ʒ*/
.main .caseList{ margin-top:20px; }
.main .caseList ul{ width:849px;}
.main .caseList ul li{ width:274px; margin:0 8px 0px 0; float:left;} 
.main .caseList ul li .boxa{ width: 100%; display:block;position:relative; cursor:pointer;}
.main .caseList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:190px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .caseList ul li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .caseList ul li .boxa .spanImg .aB em{ display:block; width:150px; margin:66px auto; height:55px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(../images/product_.png) center center no-repeat;}
.main .caseList ul li .boxa:hover .spanImg .aB{ display:block;}
.main .caseList ul li .boxa .spanT{ display: block; z-index:10; height:35px; line-height:30px; width:90%; margin:auto; text-align:center; color:#666; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .caseList ul li:hover .boxa .spanT{color:#e0222c;}


/*在线客服*/
.keifu{ position:fixed; bottom:5% ;top:auto !important; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/kefu/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/kefu/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/kefu/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px}
.keifu_con .weixin img{ width:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/kefu/keifu.png); background-position:0 -149px; }