@charset "utf-8";

/* CSS Document */

body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif;  background:#FFF;}

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"微软雅黑"}

h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}

a{text-decoration:none; color:#fff; outline:none;}

input{ outline:none;}

img{ border:0 none; vertical-align:top;}

ul li{list-style:none;}

i{ font-style:normal;}

.c{clear:both; overflow:hidden; zoom:1;}

.center{ text-align:center;}

.fl{ float:left;}

.fr{ float:right;}

.warp{width:1200px; margin:0 auto; clear:both;}

.mt8{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt18{ margin-top:18px;}

.mt20{ margin-top:20px; text-align: center;}

.mt25{ margin-top:25px;}

.mt30{ margin-top:30px;}

.mt35{ margin-top:35px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}

.mr13{ margin-right:13px;}



#top_bg{ height:36px; line-height:37px; overflow:hidden; background:#f7f7f7; border-bottom:#f2f2f2 solid 1px; color:#444; font-size:13px;}

#top_bg a{ color:#444; margin:0 5px;}

#top_bg a:hover{ color:#268121; text-decoration:underline;}

/*header*/

#header{ height:120px; position:relative; z-index:10000;}

#header #logo{ position:absolute; left:0; top:0px;}

#header #tel{ position:absolute; right:0px; top:0px;}

#header #search{ position:absolute; left:500px; top:39px; background:#FFF; border:#151515 solid 2px; width:380px; height:36px;}

.search_btn{ width:86px; height:36px;}

.search_btn input{ background:#151515; width:86px; height:36px; border:0 none; text-align:center; line-height:36px; color:#FFF; font-size:15px; cursor:pointer;}

.search_nav{ width:80px; text-align:center; height:36px; line-height:36px; background:#f2f2f2; margin-right:8px; display:block; cursor:pointer;}

.search_nav:hover .serxl_menu{ display:block;}

.serxl_menu{ display:none; background:#f2f2f2; border:#151515 solid 2px; border-top:none; margin-left:-2px; padding:5px 0; position:relative;}

.serxl_menu li{ height:26px; line-height:26px; overflow:hidden;}

.img_alt{width:80px; height:36px; font-size:13px;}

.img_alt i{ font-style:normal; background:url(../images/ticps.png) top center no-repeat; width:10px; height:7px; display:inline-block; margin-left:4px;}

.search_txt{ width:200px; height:36px;}

.search_txt input{ width:200px; height:36px; line-height:36px; border:0 none; color:#888;}

.search_txt input:focus{ color:#222;}



/*menu*/

 
/*banner*/

#banner{min-width:1200px; max-height:600px; width:100%; clear:both; overflow:hidden; margin:0 auto;}

.slideBox{position:relative; min-width:1200px; max-height:600px; background:#FFF; width:100%; z-index:100;}

.slideBox .bd{ position:relative; z-index:0;border:0 none;}

.slideBox .bd li{ position:relative; text-align:center; }

.slideBox .bd li img{width:100%; max-height:600px; overflow:hidden; vertical-align:top; }

.slideBox .prev,.slideBox .next{width:58px;	height:100px; position:absolute; top:38%; cursor:pointer; z-index:102; filter:alpha(opacity=40); -moz-opacity:.4;opacity:.4;}

.slideBox .prev{left:10%; text-align:left; background:url(../images/L_btn.png) no-repeat; width:58px; height:100px;}

.slideBox .next{right:10%; text-align:right; background:url(../images/R_btn.png) no-repeat; width:58px; height:100px;}

.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}



/*高货欣赏*/

#in_bg01{ background:url(../images/bg01.jpg) bottom center no-repeat #fff; overflow:hidden; clear:both; padding-bottom:60px;}

.in_tt{ text-align:center; background:url(../images/in_tt.png) 0 73px no-repeat;}

.in_tt h3{ font-size:28px; font-weight:normal;}

.in_tt p{ font-size:16px; text-transform:uppercase; color:#666;}

.in_tt p i{ width:70px; height:4px; background:#268121; display:inline-block; margin:10px 0 6px 0;}



.pro_menu{ clear:both; overflow:hidden; text-align:center;}

.pro_menu li{width:150px; height:44px; overflow:hidden; display:inline-block; text-align:center; margin:10px 10px; cursor:pointer; }

.pro_menu li a{ color:#666; display:block; font-size:14px; border:#ddd solid 1px; background:#FFF; height:42px; line-height:42px; overflow:hidden; white-space:nowrap;}

.pro_menu li a:hover{ background:#268121; border:#268121 solid 1px; color:#FFF;}



.in_pro{ clear:both; overflow:hidden; width:1220px;}

.in_pro li{width:264px; height:223px; float:left; display:inline; margin:20px 20px 0px 0px; background:#FFF; border:#e5e5e5 solid 4px; padding:6px; position:relative;}

.in_pro_tu{width:264px; height:223px; overflow:hidden;}

.in_pro_tu img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:264px; height:223px; overflow:hidden;}

.in_pro li a:hover{ text-decoration:none;}

.in_pro li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }

.in_pro_txt{ background:rgba(0,0,0,0.6); position:absolute; left:6px; bottom:6px; width:264px; height:38px; line-height:38px; color:#FFF; text-align:center; font-size:14px; overflow:hidden; overflow:hidden;}



/*公司简介*/

#in_bg02{ background:url(../images/bg02.jpg) top center no-repeat; height:511px; overflow:hidden; clear:both;}

.about_bg{ background:#FFF; height:370px; width:1130px; -moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow:0px 0px 8px #e5e5e5; box-shadow:0px 0px 8px #e5e5e5; margin:38px auto 0; padding:35px;}

.about_con{ width:530px; height:440px; overflow:hidden; }

.about_con_item{font-size:14px; line-height:34px; height:170px; overflow:hidden;}

.about_more{ width:126px; height:36px; overflow:hidden; text-align:center; margin-top:34px; margin-left:197px;}

.about_more a{ display:block; border:#bdbdbd solid 1px; width:124px; height:34px; line-height:34px; color:#555; }

.about_more a:hover{ display:block; background:#268121; border:#268121 solid 1px; color:#FFF;}

.about_href{ height:120px; overflow:hidden; width:470px; padding-left:60px;}

.about_href li{ width:54px; float:left; display:inline; font-size:12px; text-align:center; margin:0 40px; transform:translate(0,0); transition:all .2s ease-in 0s;}

.about_href li img{ width:54px; height:54px; overflow:hidden;}

.about_href li p{ width:54px; margin-top:12px; overflow:hidden; white-space:nowrap;}

.about_href li a{ color:#000}

.about_href li:hover{ margin-top:-3px;}



/*翡翠资讯*/

#in_bg03{ background:url(../images/bg03.jpg) top center no-repeat; height:720px; overflow:hidden; clear:both;}



.Guide_pic{ width:460px; height:258px; overflow:hidden;}

.Guide_pic img{ width:460px; height:258px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.Guide_pic:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.Guide_xx{ width:715px; height:170px; overflow:hidden; color:#666; font-size:14px; line-height:30px; border-bottom:#ddd solid 1px; padding-bottom:6px;}

.infor_tt{font-size:24px; height:38px; line-height:38px; overflow:hidden;}

.infor_tt a:hover{ color:#268121;} 

.infor_time{ color:#999; font-size:13px; height:32px; line-height:32px; overflow:hidden;}

.infor_btn a{ width:160px; height:46px; text-align:center; line-height:46px; color:#FFF; background:#268121; display:inline-block; font-size:15px;}

.infor_btn a:hover{ background:#23901d;}



.jjbk_list{ clear:both; overflow:hidden;}

.jjbk_list ul{ width:1220px;}

.jjbk_list li{ width:285px; float:left; display:inline; overflow:hidden; margin-right:20px;}

.jjbk_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.jjbk_pic{width:285px; height:200px; overflow:hidden;}

.jjbk_pic img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:285px; height:200px; overflow:hidden;}

.jjbk_txt{ width:285px; height:30px; line-height:30px; font-size:14px; overflow:hidden; overflow:hidden; white-space:nowrap; margin-top:6px; color:#333;}



/*友情链接*/

#link_bg{ background:url(../images/link_bg.jpg) top center no-repeat; height:53px; overflow:hidden; clear:both;}

.link{ line-height:53px; width:1050px; padding-left:150px; font-size:14px; color:#444;}

.link a{ color:#444; margin:0 8px;}

.link a:hover{ color:#268121; text-decoration:underline}

/*foot*/

#foot_bg{ background:url(../images/foot_bg.jpg) bottom center no-repeat #222; padding:0px 0 0px 0; overflow:hidden; clear:both; color:#FFF; font-size:14px; line-height:36px;}

#foot_bg a{ color:#FFF;}

#foot_bg a:hover{ text-decoration:underline;}

#erweima{ width:140px; overflow:hidden; text-align:center; line-height:38px; font-size:15px; margin-left:40px;}

#erweima img{ width:140px; height:140px; overflow:hidden; margin-top:10px;}

#foot_right{ width:940px; overflow:hidden;}

#foot_nav{ font-size:15px; overflow:hidden; clear:both; margin-left:-10px;}

#foot_nav a{ color:#FFF; margin:0 10px;}

#foot_nav a:hover{ text-decoration:underline;}



/*page*/

#page_bg{ background:url(../images/bg03.jpg) bottom center no-repeat #FFF; clear:both; overflow:hidden; padding:30px 0;}

.page_L{ width:260px; overflow:hidden; }

.page_R{ width:918px; overflow:hidden; border:#e5e5e5 solid 1px; padding-bottom:14px; background:rgba(255,255,255,.88); }



.page_tt{height:46px; border-bottom:#e5e5e5 solid 1px; overflow:hidden; line-height:46px; padding:0 19px; width:880px;}

.page_tt h3{ color:#151515; font-size:20px; font-weight:normal; background:url(../images/dian_01.jpg) 1px center no-repeat; padding-left:16px;}

.weizhi{ float:right; display:inline; color:#444;}

.weizhi a{color:#444;}

.weizhi a:hover{color:#268121; text-decoration:underline;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:10px 18px 10px 18px; width:882px;}

.page_con img{ max-width:882px; height:auto; width:expression(this.width > 882px ? "882px" : this.width); overflow:hidden;}

.con_title{ font-size:32px; color:#333; font-weight:bold; line-height:48px; }

.con_auth{ clear:both; height:34px; font-size:13px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}

.con_auth span{ margin-right:25px;}



.page_L_top{ width:260px; height:84px; padding-top:16px; background:#0cac40; color:#FFF; line-height:36px; font-size:22px; font-weight:bold; text-align:center;}

.page_L_top i{ font-style:normal; font-family:Impact; font-size:26px; text-transform:uppercase; font-weight:normal;}

.leftmenulist{background:#e5e5e5; padding:0px 8px 8px 8px; overflow: hidden; border:1px solid #e5e5e5;}

.leftmenulist li{height:45px; line-height:45px; margin-top:8px; overflow:hidden;}

.leftmenulist li a{display:block; font-size:15px; padding-left:36px; background:url(../images/icon05.png) 17px center no-repeat #FFF;}

.leftmenulist li a:hover{ background:url(../images/icon04.png) 17px center no-repeat #151515; color:#FFF;}

.leftmenulist li.on a{ background:#151515; color:#FFF;}

.contact_box{ background:#fff; border:#e5e5e5 solid 1px; width:230px; overflow:hidden; clear:both; padding:0px 14px 10px 14px; font-size:14px; line-height:30px;}

.page_left_tt{ border-bottom:#e5e5e5 solid 1px; font-size:18px; height:48px; line-height:48px; margin-bottom:8px; font-weight:bold; color:#151515;}

.page_left_tt span{ margin-left:6px; color:#aaa; text-transform:uppercase; font-size:16px; font-weight:normal;}





/*客户案例*/

.case_list{ clear:both; overflow:hidden;}

.case_list li{width:265px; height:225px; float:left; display:inline; margin:16px 0px 0px 16px; background:#FFF; border:#eeeeee solid 4px; padding:6px; position:relative;}

.case_list_tu{width:265px; height:225px; overflow:hidden;}

.case_list_tu img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:265px; height:200px; overflow:hidden;}

.case_list li a:hover{ text-decoration:none;}

.case_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }

.case_list_txt{ background:rgba(0,0,0,0.6); position:absolute; left:6px; bottom:6px; width:265px; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:14px; overflow:hidden; overflow:hidden;}



/*翻页*/

#page{margin:35px 5% 25px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}

#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}

#page .scott span,#page .scott a:hover{ background:#151515; border:1px solid #151515; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 12px; height:30px; line-height:30px; text-decoration:none;}

#page .scott a,#page .scott span.morepage{padding:0 12px; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; margin:5px 3px; display:inline; float:left; color:#444;}

/*内容页翻页*/

.page_back{ border-top:1px solid #ededed; padding-top:10px; padding-left:20px; margin-top:20px; position:relative; font-size:14px; line-height:34px;}

.page_back a{ color:#333;}

.page_back a:hover{ text-decoration:underline; color:#268121;}

.page_back .bapage_back_up{ position:absolute; right:15px; top:28px;}



/*新闻资讯*/

.list01{ clear:both; overflow:hidden; padding-left:15px; padding-right:15px;}

.list01 li{ padding:20px 20px 20px 20px; height:125px; overflow:hidden; border-bottom:#ddd solid 1px;}

.list01 li:hover{ background:#fcfcfc}

.list_pic{ width:180px; height:125px; overflow:hidden;}

.list_pic img{width:180px; height:125px; overflow:hidden;transform:translate(0,0); transition:all .4s ease-in 0s;}

.list01 li:hover .list_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.list_con{ width:100%; height:125px; overflow:hidden;}

.list_con_xx{ clear:both; overflow:hidden; font-size:13px; height:52px; line-height:26px; color:#787878; margin-top:5px;}

.list_con_au{ height:38px; line-height:38px; overflow:hidden; font-size:12px; color:#999;}

.list_con_au span{ margin-right:25px;}

.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}

.box_con_title{ height:30px; line-height:30px; overflow:hidden;}

.box_con_title a{font-size:16px; vertical-align: middle; color:#000;}

.box_con_title a:hover{color:#268121;}



.con_xxjs_tt{ border-top:#e5e5e5 solid 1px;  border-bottom:#e5e5e5 solid 1px; height:44px; line-height:44px; font-size:17px; font-weight:bold; clear:both; overflow:hidden; margin-bottom:10px;}

/**/

 
.GCCon{clear:both; overflow:hidden;}

.leftGC{ float:left; width:256px;  }

.leftGCTop{ height:122px; background:url("../images/GCTitle.jpg") no-repeat center 0}
 

.GCPhone{ width:100%; padding:34px 0;background:url("../images/gcPhone.jpg") no-repeat center 0; margin-top:20px; padding-left:60px;}

.GCPline{ height:48px; overflow:hidden; margin:0 auto; width:200px;}

.GCPline img{ float:left;}

.GCPline div{ float:left; margin-left:5px;}

.GCPline div p{ color:white; font-size:14px;}

.GCPline div h1{ color:white; font-size:20px; font-weight:500;}




       .sidebar { float:left; width:260px; }
                    .topclass { width:100%; height:142px; background-color:#01a7e1; color:#FFF; text-align: center; }
                    .topclass h2 {padding: 34px 0 0 0 ;  font-size:30px;font-weight: bold; text-align: center; color:#fff;}
                    .topclass span {  font-size: 18px;text-transform: uppercase; }
                    .side-menu { background-color:#fff; padding:10px; border: 4px solid #01a7e1; }
                    .side-menu dd {margin: 8px 0;  font-size:16px;}
                    .side-menu dd > a { display:block; height:47px; line-height:47px; padding:0 0 0 42px; 
                      background:#e8ecf7 url(../images/tip.png) no-repeat 24px -440px;color: #454545; }
                    .side-menu dd > a:hover {  background-color: #f17005;color: #fff;background-position: 24px -378px;}
                    .side-menu .drop {  display:none; }
                    .side-menu .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
                    .side-menu .drop a { display:block;  background:#f7e3d3;text-align: center; color: #454545;  }
                    .side-menu .drop a:hover { background:#f17005;color: #fff;}
                    .side-menu dd.current .drop { display:block; }
                    .side-menu dd.current > a {  background-color: #f17005;color: #fff;background-position: 24px -378px;}
                    .side-menu li.current > a { background:#343434 url(../images/tip.png) no-repeat 24px -179px;color: #fff; }
                    .sidebar .tel1{background:url(../images/tel2.png) repeat center;height: 99px;}
                    .sidebar .tel1 h1{padding-left: 55px;height: 99px;background-position: left -574px;color: #fff;
                    ;margin-left: 15px;}
                    .sidebar .tel1 span{ font-size: 14px;line-height: 1.4;padding-top: 26px;
                        display: block;}
                    .sidebar .tel1 p{font-size: 21px; line-height:1;font-weight: bold;*margin-top: -20px;}
                    .side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
                    .side-pro { position:relative; top:20px; margin-bottom:20px; }
                    .side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
                    .side-pro .list dd { width:166px; margin:0 auto; }
                    .side-pro .list a { display:block; text-align:center; }
                    .side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
                    .side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
                    .side-contact { margin-bottom:20px; position:relative; top:20px; }
                    .side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }

                    .submian {position: relative;margin-top: 30px;}
                    .submian .subleft {width: 248px;}
                    .submian .subleft .sidebar{float: none;margin-bottom: 10px;}
                    .submian .subleft .titlex {    text-align: center;background: #1e45a2;color: #fff;height: 82px;}
                    .submian .subleft .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;
                      color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}



 


















































