@charset "utf-8";
/* CSS Document 
body{font-family:"微软雅黑";font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;}*/
body{font-family: "microsoft yahei!";font-size:14px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;}



html, body {position: relative;height: 100%;margin:0;}
    
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#666;text-decoration:none;-webkit-transition:all ease-in-out 50ms;transition:all ease-in-out 50ms;}
a:hover{ color:#006f47}
.clear{clear:both;}
input,button,select,textarea{outline: none;border:none;}
select::-ms-expand { display: none; }
select{appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
/* 首页 */


/*  about us */



.ban{width: 100%;
    padding: 3rem 0;
    background: #024b9d;
    margin-bottom: 2rem;}
.ban h3{    color: #e3e3e3;
    padding-left: 0%;}
.ban p{    color: #e3e3e3;
    padding-left: 0%;}
.ban p a{color: #e3e3e3;padding:2px 3px;line-height: 24px}
.ban p a:first-child{color: #fff}
.sub_nav{height: 54px;border-bottom: 1px solid #d9d9d9;width: 100%;background-color: #f7f7f7;margin-bottom: 50px;}
.sub_main{width: 1200px;margin: 0 auto;overflow: hidden;zoom: 1;}
.sub_main li{float: left;}
.sub_main li a{display: inline-block;margin:0 20px;font-size: 16px;color: #333;line-height: 54px;position: relative;}
.sub_main li a span{ display:block; position:absolute; width:0px; height:0px; background:#009858; top:54px; left:50%;}
.sub_main li.active a{color: #009858;border-bottom: 2px solid #009858;}
.sub_main li:hover a{color: #009858;}
.sub_right{float: right;}
.sub_right>span{font-size: 14px;color: #777;line-height: 56px;}
.sub_right>a{float: left;display:block;width:30px;height: 54px;background: url(../images/home.png) no-repeat center; }
.content{width: 1200px;margin: 40px auto 0;font-size: 14px;color: #666;line-height: 26px; padding: 0 0 100px;}
.content>img{max-width: 100%;margin:10px 0;}
.menu_title{font-weight: 800;font-size: 40px;text-align: center;color: #006f47;line-height: 40px;font-family: 微软雅黑;}
.menu_title>small{font-weight: bold;font-size: 30px;color: #666;display: block;margin:15px auto 40px;}

/* new_product */

.new_product{padding:75px 0 120px;overflow: hidden;zoom: 1;}
.new_product ul li{float: left;width: 277px;margin:0 30px 40px 0;text-align: center;}
.new_product ul li:nth-child(4n){margin-right: 0;}
.new_product>ul>li>a{font-size: 14px;color: #333;padding-bottom: 10px;}
.new_product li a small{display: block;margin:20px 0 13px;color: #666;font-size: 12px;}
.new_product li img{width: 100%;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
.new_product li:hover a{color: #009858}
hr {
  box-sizing: content-box;
  background-color: #333;
  border: 0;
  width: 30px;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 0;
}
.trans {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.new_product li:hover img {
  -webkit-filter:saturate(2.5);;
  /*  opacity: .9;*/
  /*  filter: alpha(opacity=90);*/
}
.new_product li:hover hr{width: 100px;background-color:#009858 }
/* new_detail */
.new_detail{width: 1000px;margin: 0 auto;padding:75px 0 120px;overflow: hidden;zoom: 1;}
.new_top{padding: 30px;border:1px solid #dddddd;margin-bottom: 30px;}
.new_top dl{overflow: hidden;zoom: 1;}
.new_top dl dt,.new_top dl dd{float: left;}
.new_top dl dt img{width:277px; height:377px;}
.new_top dl dt{margin-right:50px; }
.new_top dl dd{width: 600px;font-size: 18px;color: #666;line-height: 30px;}
.new_top dl dd h1{font-size: 24px;color: #009858;line-height: 26px;padding-bottom: 20px;border-bottom:1px solid #dddddd;margin-bottom: 20px;}
.new_top dl dd h1 small{font-size: 14px;color: #666;display: block;margin-top: 15px;}
.new_top dl dd p{font-size: 18px;color: #666;line-height: 30px;}

.new_main,.new_nav{float: left;}
.new_main{width: 760px;}
.new_main img{max-width: 100%;}
.new_nav{padding: 20px;border:1px solid #e0e0e0;width: 158px;margin-right: 40px;}
.new_nav li{background: url(../images/nav_bor.jpg) no-repeat top 10px left;padding: 3px 0 3px 15px;margin-top: 10px;}
.new_nav li a{font-size: 14px;color: #666;line-height: 20px;}
.new_nav li:hover a{color: #009858;text-decoration: underline;}
.title{font-size: 18px;color: #009858;border-bottom:1px solid #e0e0e0;padding-bottom: 13px;margin-bottom: 15px;}


/* office */
.office{padding:50px 0 120px;width: 1200px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.office dl{border-top:1px solid #e0e0e0;zoom: 1;overflow: hidden;padding:60px 0;}
.office dl dt{width: 575px;}
.office dl dd{width: 530px;}
.office dl dd h1{font-size: 24px;color: #444444;margin:20px 0 10px;}
.office dl dd small{font-size: 20px;color: #777777;font-family:Century Gothic;line-height: 30px;}
.office dl dd p{font-size: 14px;color: #777777;line-height: 28px;}
.office dl dd .more{width: 138px;height: 38px;border:1px solid #a3a3a3;color: #7f7f7f;font-size: 14px;text-align: center;line-height: 38px;display: block;margin-top:30px;}
.office dl dd .more:hover{background-color:#009858;border:1px solid #009858;color: #fff; }





/*  product*/
.product{margin: 0 auto;overflow: hidden;zoom: 1;}
.pro_title{font-size: 14px;border-bottom: 1px solid #dddddd;padding-bottom: 10px;text-align: left;color: #6f6f6f}
.pro_title {text-align:right;}
.pro_title a{color: #6f6f6f}
.box {margin:20px 0;}
.box a{display: inline-block;padding: 0 28px;border: 1px solid #dddddd;border-radius: 13px;margin: 0 18px 18px 0;font-size: 14px;line-height:35px;color: #666;cursor: pointer;}
.box a:hover{background-color: #fcaf01;color: #fff;}
.box a.cur{background-color: #fcaf01;color: #fff;}

.product ul li{float: left;width: 24%;margin: 0 1% 50px 0;text-align: center; border: 1px solid #dddddd;    -webkit-transition: all .2s linear;
    transition: all .2s linear;height: 373px;}
.product ul li:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.product ul li:nth-child(4n){margin-right: 0;}
.product>ul>li>a{display: block;padding:0 0 25px;background-color:  #f4f4f4;}
.product li a small{display: block;padding:20px 0 13px;color: #666;font-size: 12px;}
.product li a p{font-size: 14px;color: #333;background: url(../images/new_bor.jpg) no-repeat center bottom;padding-bottom: 10px;}
.product li img{height: 270px;width: 270px;}
.product li:hover a{color: #009858}


.network_table{width: 1200px;margin:30px 0 60px;border-collapse: collapse;}
.network_table tr td{border:1px solid #ddd;background-color: #f5f5f5;line-height: 24px;padding:18px 0 18px 85px;font-size: 14px;color: #666;}
.network_table tr.net_title td{background-color: #70c5a1;text-align: center;font-size: 18px;color: #333;padding:18px 0;}
.pro_detail{overflow: hidden;zoom: 1;padding:30px 0px;margin: 20px 0;background:#fff;}
 .pro_detail h3{border-left: 8px solid #9b9b9b;padding-left:5px;height:24px;line-height: 24px}
 .pro_detail span{background:#9b9b9b;}
 .pro_detail p {height:24px;line-height: 24px;padding-top:10px;}

 .img_detail{overflow: hidden;zoom: 1;padding:30px 0px;margin: 20px 0;background:#fff;}
.img_detail img{max-width:100%}
.img_detail h3{border-left: 8px solid #9b9b9b;padding-left:5px;height:24px;line-height: 24px}
.img_detail .img_list{
  width:100%;
  padding:20px 0px;
}
.img_detail .img_list a.fen4{
  width:25%;
 padding:10px;
 display:inline-block;
}
.img_detail .img_list a.fen2{
  width:50%;
 padding:10px;
 display:inline-block;
}
.img_detail .img_list img{
  width:100%;
}

/*案例*/
.title{ width:100%; height:70px; background:url(../images/line.png) no-repeat center;border-bottom: 0px}
.title h3{ margin:0 auto; width:160px; height:60px; display:block;}
.nav_menu{ text-align:center; padding:0; height:auto; }
.nav_menu a {
-webkit-transform: skew(-20deg); 
-moz-transform: skew(-20deg); 
-o-transform: skew(-20deg);
background:#eee;
border-radius:0; -moz-border-radius:0; border:none ; padding:10px 20px; display:inline-block; color:#666}
.case_img{ background:#f5f5f5; padding:2rem}
.nav-tabs a.a_on{ background:#333; color:#fff; border:none}

.case_title{ height:80px; clear:both; line-height:80px; font-size:30px;font-weight: bold; text-align:center;}
.case_jj{max-width: 900px;margin: 0 auto; clear:both; padding-top:0rem;background: #fff;}
.case_jj h3{ background:url(../userimg/foot_bg.png) repeat; width:100%; height:40px; line-height:40px; text-indent:10px; font-size:16px; color:#fff; margin:0; padding:0}
.case_jj p{ font-size:14px; color:#666; line-height:30px;padding: 0 30px;text-align: center;}
.case_list{ padding-bottom:3rem}
.case_list div {-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;  top: 2px; margin-bottom:20px; position:relative}
.case_list div:hover{-webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);  top: -2px; cursor:pointer}
.case_list b{ width:100%; display:block; margin:0 auto; overflow:hidden}
.case_list h3{ width:100%;text-align: center; display:block; height:60px; line-height:60px; font-size:18px; font-weight:normal; border-bottom:1px #eee solid; margin:0 auto; clear:both}
.case_list h3 a{ color:#000;}
.case_list p{ width:100%; display:block; line-height:20px; font-size:12px; font-weight:normal; margin:0 auto; clear:both; padding:1rem 0;}
.case_list:hover h3{ color:#000}
.case_list:hover p{ color:#000}	



.case_list b{ width:100%; display:block; margin:0 auto; overflow:hidden; height:270px;}
.case_list b img{ width:270px; height:270px;}

.case_img b{ overflow:hidden; display:block; height:620px;}
.case_img b img{ height:100%; width:100%;}

.case_list .case_alll{height: 375px;}

/*分页*/

#pages { padding:14px 0 10px; margin:0px; text-align:center;}
#pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 { width:56px; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#333; border:1px solid #333; color:#fff; text-align:center; }



.sj_text{ background:#f5f5f5; height:432px;}
.sj_text h3{ font-size:20px; color:#333; line-height:40px; border-bottom:1px #ddd dotted; padding-bottom:1rem; font-weight:bold}
.sj_text p{ line-height:28px; padding:5px 0; color:#666; margin:0;}
.sj_text p font{ font-weight:bold; color:#333;}
.sj_text .yy{ clear:both; padding-top:20px; margin-top:20px; padding-left:70px; border-top:1px #ddd dotted;}
.sj_text .yy a{ background:url(../userimg/sj_but.png) no-repeat; height:48px; width:155px; display:block; float:left; margin-right:20px; background-position:0 0; text-align:center; font-size:20px; color:#fff; line-height:48px; text-decoration:none; font-weight:bold;}
.sj_text .yy a:hover{ background-position:-155px 0; font-weight:bold;}
.t_top{ background:url(../userimg/sj_bg.png) repeat-x; height:50px; text-indent:10px; font-size:16px; color:#fff; line-height:50px; font-weight:bold}
.sj_img{ padding:0;}
.sj_zp{ padding:2rem 0;}
.sj_box{ border:1px #eee solid; border-top:none; clear:both; padding:0; margin:0 ; padding:2rem 0; padding-bottom:0}
.sj_box .sj_list{-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;  top: 2px; margin-bottom:20px; position:relative}
.sj_box .sj_list:hover{-webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);  top: -2px; cursor:pointer}
.sj_box .sj_list b{ width:90%; display:block; margin:0 auto;}
.sj_box .sj_list h3{ width:90%; display:block; height:60px; line-height:60px; font-size:18px; font-weight:normal; border-bottom:1px #eee solid; margin:0 auto; clear:both}
.sj_box .sj_list p{ width:90%; display:block; line-height:20px; font-size:12px; font-weight:normal; margin:0 auto; clear:both; padding:1rem 0;}
.sj_box .sj_list:hover h3{ color:#000}
.sj_box .sj_list:hover p{ color:#000}
.tm,.jd{width:80px;height:80px;}	
.tm{display:inline-block;background:url(../images/tm.png) no-repeat center left;background-size:80px;}
.jd{display:inline-block;background:url(../images/jd.png) no-repeat center left;background-size:80px;}
/* web */

.ys_f5{background: #f5f5f5;}
.ban.case_banner{padding-bottom: 0;}
.navbox_in p{
	 line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #eee
}
.navbox_in p a:first-child{
	
}
.navbox_in p a{color: #666;cursor: pointer;}
.case_jj img{width: 100%;margin: 0 auto;display: block;}


.news_news{max-width: 900px;margin: 0 auto;overflow: hidden;padding: 30px 0;}
.cp_cp{overflow: hidden;max-width: 1200px;margin: 0 auto;    border-bottom: 1px solid #888;}
.next_pc{overflow: hidden;    float: left;    line-height: 30px;}
.next_pc p{display: block;}
.next_pc span{display: block;}

/*返回*/
.fanhui{float: right;background:url(../images/fanhui.png) no-repeat 12px #aaa;border-radius: 5px; height: 40px;line-height: 40px;text-align: center;margin: 10px 20px 0 0;}
.fanhui a{font-size: 14px;color: #FFF;display: block;padding: 0 20px 0 40px;}


/*图片点击放大*/
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }