﻿@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:1000px;}
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;}
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:1000px; margin:0 auto;}
/*top*/
.head{ width:100%;position:relative; z-index:9999; border-top:5px solid #c00202; background-color:#fff;}
.head .head_top{height:33px; line-height:33px;font-size:13px; color:#666; background-color:#fff; border-bottom:1px solid #ddd;}
.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 10px;}
.head .head_logo{width:100%; }
.head .head_logo .logoDiv{float:left; height:120px; width:515px; background:url(../images/logo.png) center left no-repeat;}
.head .head_logo .logoDiv2{background:url(../images/logoen.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; text-align:right;}
.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:#999;}
.head .head_logo .rightDiv .p1 span{ color:#000; font-size:14px;}
.head .head_logo .rightDiv .p2{ font-size:38px; color:#c00202; height:40px; line-height:40px; font-family:"Bookman Old Style",AlternateGothic2BTRegular,Tahoma,sans-serif; font-weight:700; letter-spacing:-2px; padding-top:10px;}
.head .head_logo .rightDiv .language{ margin-top:18px;}
.head .head_logo .rightDiv .language a{ display:block; float:right; color:#666; padding:0 15px; border:1px solid #ebebeb; background-color:#f4f4f4; font-size:13px; margin-left:5px;}
.head .head_logo .rightDiv .language a.ch span{ display:block; height:28px; line-height:28px; padding-left:35px; background:url(../images/sitestar-lan-ver-chines1.jpg) left center no-repeat;}
.head .head_logo .rightDiv .language a.en span{ display:block; height:28px; line-height:28px; padding-left:35px; background:url(../images/sitestar-lan-ver-english1.jpg) left center no-repeat;}

.nav{ width:100%;border-bottom:1px solid #ddd;border-top:1px solid #ddd; background:#c20307/*c20307*/;}
.navMain{ width:100%;}
.nav .navMain .navLi{ float:left; width:141px; margin-left:1px; }
.nav .navMain .navLi.indexLi{ margin-left:0; border:0; background:none;}
.nav .navMain .navLi a{ display:block; height:55px; width:100%; color:#fff; font-size:15px; line-height:55px;text-align:center; position:relative;}
.nav .navMain .navLi a em{ display:none;position:absolute; top:0; left:0; width:100%; height:2px; background-color:#5a3a29;}
.nav .navMain .active a,.nav .navMain .navLi a:hover{ background:#c00202; color:#fff;}

/*banner*/
.banner{width:100%;  position:relative;background-color:#000; border-top:2px solid #fff; }
.banner_slides{position:relative; overflow:hidden; width:1440px; margin:auto; margin-left:auto; margin-right:auto; max-width:100%; min-width:1000px;}
.banner_slides , .slides_container , .slides_control ,.banner_pic{height:420px;}
.banner_slides li.slidesjs-slide{ width:100%; height:420px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:420px;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; display:none;}
.btn_previous{ left:8%; background-position:left top;}
.btn_next{ right:8%;background-position:left bottom;}
	/**/
.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{line-height:55px;width:100%; min-width:1000px; position:relative; z-index:10; background:#91A1AE; }
.gg .ggTp{ overflow:hidden; width:85px;float:left;color:#e1001a;font-size:14px; font-weight:700; }
.gg .ggNr{ width:915px; overflow:hidden; font-size:14px;white-space:nowrap;}
.gg .ggNr span{ display:inline-block; min-width:100%; color:#444; padding-right:50px;}


.baseTitle{margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #bbb;}
.baseTitle .span0{ display:block; height:7px; width:7px; margin-top:13px; background-color:#c20307;}
.baseTitle .span1{ font-size:25px; color:#000; font-weight:700; line-height:32px; display:block; height:32px; padding-left:10px;}
.baseTitle .span2{line-height:32px;display:block; font-size:15px; color:#999; padding-left:15px;}
.baseTitle .baseMore{float:right; display:block;color:#383737; text-align:center;height:32px; line-height:32px; font-size:12px; padding:0 23px; }
.baseTitle .baseMore:hover{background-color:#e1001a; color:#fff;}


/*产品中心*/
.indexMain{position:relative; padding:25px 0 30px 0;}
.indexMain .product{ position:relative; z-index:10;}
.proTitle{ width:240px;}
.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; background-color:#DAB367;}
.proTitle .pclass li{ width:220px; margin:auto; margin-top:3px; padding:5px; background-color:#fff;}
.proTitle .pclass li a{ display:block; width:216px; border:1px dashed #aaa;height:25px; line-height:25px;font-size:14px;color:#444;background:#fff/*url(../images/bg.jpg) repeat*/;     overflow: hidden;}
.proTitle .pclass li a span{ display:inline-block; margin-left:20px; padding-left:25px; background:url(../images/addition.png) left center no-repeat;}
.proTitle .pclass li a:hover{color:#F72862; text-decoration:underline;}
.proTitle .lxwm_t{ height:78px; border:2px solid #dd0103; background:url(../images/lxwm_title.jpg) center center no-repeat; display:none;}
.proTitle .lxwm{ padding:15px; line-height:22px; font-size:13px; color:#666;background-color:#f2f2f2;  border-radius:10px; border-bottom:2px solid #c20307; border-top:2px solid #c20307;}
.proTitle .lxwm p{ padding:7px 0;}
.proTitle .classM{ display: block; height:83px; text-align:center; color:#fff;background:url(../images/left_lx.jpg) left center no-repeat;}
.proTitle .classM .div1{ font-size:14px; padding-top:15px;}
.proTitle .classM .div2{ font-size:22px; font-weight:700; }
.prdListBox{}
.indexMain .productList{ overflow:hidden; width:748px;height:940px; position:relative;}
.indexMain .productList ul{ overflow:hidden; width:756px;height:666px;}
.indexMain .productList ul li{ width:242px; float:left; margin:0 8px 8px 0; background-color:#fff; border:1px solid #dedede;} 
.indexMain .productList ul li .boxa{ width: 100%; display:block; cursor:pointer;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:177px;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 img{ display:block;;width:100%; height:177px; }
.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{ border-top:2px solid #c20307; padding-bottom:30px; margin-top:30px; background-color:#91A1AE; }
.about .about_t{height:60px; background:#c20307;  margin:-30px auto auto auto; text-align:center;line-height:60px; border-radius:60px; }
.about .about_t .span1{ display:block;  font-size:26px; font-weight:700; color:#fff; padding-left:30px;}
.about .about_t .span2{ color:#fff; font-size:14px; padding-right:30px; }
.about .indexaboutB{ margin-top:25px;}
.about .img{ float:left; width:300px; height:373px; overflow:hidden; position:relative;}
.about .img img{ display:block; width:100%; height:100%; border-radius:10px;}
.about .content_box{ position:relative;width:660px; 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 .textBox{word-break: normal;  overflow:hidden; font-size:14px;line-height:31px; height:217px; width:660px;color:#c9dae8; letter-spacing:1px;}
.about .textBox p{word-break: normal;}
.about .aboutMore{ display:block; margin:20px auto 10px 0; background:url(../images/bg.jpg) repeat; height:60px; border-radius:60px;border:1px solid #ddd; width:520px;}
.about .aboutMore span{ display:inline-block; color:#fff; height:60px; line-height:60px;}
.about .aboutMore .span2{ font-size:35px; font-family: impact; color:#a66916;  padding-left:30px;}
.about .aboutMore a{ padding:0 30px; border:1px solid #a66916; height:32px; line-height:32px; color:#fff; font-size:14px; margin-right:30px; margin-top:14px; background-color:#a66916; border-radius:34px;}
.about .aboutMore a:hover{ background-color:#fff; color:#a66916;}
.about .ditu{ height:60px; display:block; width:518px; background:url(../images/ditu.jpg) no-repeat center center; border:1px solid #ddd; border-radius:60px;}
.about .about_lx{ display:block; position:absolute;right:0; bottom:0; width:110px; height:133px;  background-color:#f4f4f4; border-radius:3px;}
.about .about_lx .span1{ display:block; height:111px; margin:10px; width:88px; border:1px dashed #aaa; border-radius:8px;}
.about .about_lx .span2{ display:block; width:50px; margin:auto; font-size:25px; font-weight:700; text-align:center; padding-top:16px;word-break:break-all;}
/*关于我们 end*/

/*新闻*/
.indexNews{ padding:0 0 0px 0; background-color:#c20307; }
.indexNews .news_t{ border-bottom:1px solid #a79677; padding:15px 0; margin-bottom:0;}
.indexNews .news_t .span0{background-color:#fff;}
.indexNews .news_t .span1{ color:#fff; }
.indexNews .news_t .span2{color:#c3b191;}
.indexNews .news_t .baseMore{color:#fff; }
.indexNews .news_t .baseMore:hover{ background-color:#dd0103; color:#fff;}
.lx_box{ padding:25px 0;} 
.lx_box .lx_ewm{ display:block; width:140px; margin-top:5px; background-color:#a66916;}
.lx_box .lx_ewm img{ display:block; width:110px; margin:auto;}
.lx_box .lx_ewm .div1{ display:block; text-align:center; font-size:13px; color:#fcc6c7; line-height:26px;}
.lx_box .lx_ewm .div2{ display:block; height:35px; line-height:35px; color:#fff; font-size:18px; text-align:center;}
.lx_box .lx_list{ width:846px; }
.lx_box .lx_list li{ height:50px;background-color:#f4f4f4; margin:5px 10px 5px 0; width:413px; float:left; border-radius:50px;}
.lx_box .lx_list li:hover{ background-color:#fff;}
.lx_box .lx_list li .span1{ display:block; width:401px; height:38px; margin:5px; line-height:38px; border:1px dashed #bbb; color:#333; font-size:14px; border-radius:40px;}
.lx_box .lx_list li .span2{ padding-left:25px;}


.indexNews .img{ width:400px; height:392px;}
.indexNews .img img{ display:block; width:100%; height:100%;}
.indexNews .newsBox{ border:1px solid #ddd; padding:15px 0 10px 0;}
.indexNews .newsBox ul{ width:1008px;}
.indexNews .newsBox ul li{ float:left; width:100%; width:244px; margin:8px 8px auto auto ;  }
.indexNews .newsBox ul li:nth-child(2n){}
.indexNews .newsBox ul li a{ display:block;padding-bottom:15px; margin:0px 20px;}
.indexNews .newsBox ul li .spanT{ display:block; font-size: 15px;color:#333; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left:20px; background:url(../images/18.png) left center no-repeat; border-bottom:1px solid #ddd; line-height:30px;}
.indexNews .newsBox ul li  .span_time{ display:block; color:#b7b7b7; font-size:12px;padding-top:5px;}
.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 { background-color:#fff;}
/*案例*/
.cases{ padding:20px 0 20px 0;}
.cases .caseList{ overflow:hidden; padding-bottom:5px;}
.cases .caseList ul{ width:1008px;}
.cases .caseList li{ float:left; width:244px; margin-right:8px;}
.cases .caseList li a.imga{display: block;width: 244px;height:177px;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 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:0px 0 27px 0; position:relative; background-color:#222; }
.foot .bg1{ background: url(../images/boobg.png) top center no-repeat;position:absolute; bottom:0; width:100%; left:0; z-index:2; height:100%;}
.foot .bg2{  position:absolute; bottom:0; width:100%; left:0; z-index:1; height:146px;}
.foot .f_Nav{ text-align:center;padding-top:15px; line-height:15px;  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:#c20307; margin-bottom:7px;}
.foot .f_Nav1 span{ color:#5c0507; padding:0 40px; font-size:36px;}
.foot .f_Nav1 a.a1{ font-size:14px; color:#fff;}

/*��ǰλ��*/
.breadcrumbs{position: relative; width: 748px; 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;}
.breadcrumbs a:hover{color:#000; text-decoration:underline;}
.breadcrumbs .dqdhMain{color:#666;}
.breadcrumbs span{ color:#cd0000;  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 #5a3a29; background-color:#5a3a29;}
/*��һƪ��һƪ*/
.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:748px;}
.text{ line-height:35px; font-size:15px; color:#666; padding:30px 0;}
.text span{font-size:15px; color:#666;}
.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-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:#ff9900;}
.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:30px; line-height:30px; padding:0 10px; border:1px solid #ddd; width:435px;}
#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:756px;}
.main .caseList ul li{ width:242px; margin:0 8px 8px 0; border: 1px solid #e6e7e7; 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:180px;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 img{ display:block;;width:236px; height:177px; margin:3px auto;}
.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;}
