@CHARSET "UTF-8";

/*头部样式*/
.sky{width:1920px;position:relative;left:50%;margin-left:-960px;background:#3767a2;height:30px;line-height:30px;overflow:hidden;}
.sky_con{width:1200px;margin:0 auto;}
.huan{float:left;line-height:30px;color:#fff;}
.k1{float:left;margin-left:30px;color:#fff}
.k1 a{color:#fff}

.bdsharebuttonbox{float:right;}
.bdsharebuttonbox a{display:inline-block;width:25px;height:25px;margin:3px 1px!important;padding:0;background-position:center;}

.bdsharebuttonbox a.bds_sqq{background:url(../img/q1.png)no-repeat center;width:25px;height:25px;}
.bdsharebuttonbox a.bds_weixin{background:url(../img/q2.png)no-repeat center;width:25px;height:25px;}
.bdsharebuttonbox a.bds_tsina{background:url(../img/q3.png)no-repeat center;width:25px;height:25px;}








.right .content .news_list li{ margin-top:20px; padding:10px 10px;}


#header{width:1000px;margin:0 auto;}
.top{}

.topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}




/*语言切换*/
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../img/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}




/*热门搜索*/
.search{width:1920px;position:relative;left:50%;margin-left:-960px;background:#F5F5F5;padding:10px 0px;}
.sou{width:1200px;margin:0 auto;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
.soText{height:22px;line-height:22px;padding-left:4px;color:#666; float:left;}
.soBtn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3767a2;color:#fff;border:none;cursor:pointer;}
.ssr{ float:right;}
#scdn{ height:24px;}


/*热门关键词*/
.words{overflow:hidden;margin-right:-1.3%;padding-top:5px;}
.words li{width:46%; float:left;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;}
.new1 li{border-bottom:1px solid #dddddd;background:url(../img/innicon.png) no-repeat 0% 50%;padding-left:13px;}
.right_word{margin-left: 5%;}





/*主体样式*/


.c1{width:1200px;margin:0 auto;margin-top:30px;}
.en1{font-size: 18px;text-align:center;font-family: 'arial';font-weight:normal;    padding-bottom: 20px;}
.c1tt{text-align:center;font-size:30px;color:#333;font-weight:bold; padding-top:20px;}
.c1tt span{color:#3767a2;}
.cps{display:block;margin-top:20px;width:1200px;height:406px;background:url(../img/cps.jpg) no-repeat center top;}
.cps li{float:left;margin:0 19px;position:relative;}
.cps li a.img{display:block;width:260px;margin-top:30px;border:1px solid #000;}
.cps li a.img img{width:260px;height:345px;}
.cps li h3{position:absolute;background:url(../img/tms.png) no-repeat center;width:220px;height:80px;bottom:20px;text-align:center;}
.cps li h3 a{text-align:center;line-height:80px;color:#fff;font-size:16px;}




.c2{width:1920px;position:relative;left:50%;margin-left:-960px;background:#F5F5F5;height:400px;overflow:hidden;display:block;margin-top:35px;}
.c2_con{width:1200px;margin:0 auto;height:400px;background:url(../img/ysbj.png) no-repeat center;position:relative;}
.tb1{width:76px;height:76px;overflow:hidden;margin:0 auto;}
.tb1 img{width:76px;height:76px;position:absolute;left:47%;top:26%;}
.tb1 img:hover{transition:all 0.8s;transform:scale(-1,1)}

.ystt{position:absolute;width:100%;text-align:center;top:50%;font-size:18px;}

.cha1{width:80px;height:25px;text-align:center;line-height:25px;border:1px solid #666;color:#3767a2;position:absolute;top:62%;left:47%;}
.cha1 a{color:#3767a2;}
.cha1:hover{background:#3767a2;}
.cha1:hover a{color:#fff;}


.ser_con{width:1200px;margin:0 auto;margin-top:30px;}
.ser_con li{float:left;margin-bottom:25px;_display:inline;margin-right:230px}
.tps{float:left;}
.tps a.img{width:60px;}
.tps a.img img{width:60px;height:60px;}


.zac{width:280px;float:left;text-align:left;margin-left:25px;}



.zac h3{padding-top:5px;}
.zac h3{color:#ff7985;font-size:16px;font-weight:normal;text-align:left;display:block;}
.zac span{text-align:left;padding-top:5px;display:block;color:#333333;font-size:14px;height:70px;overflow:hidden;}

.ser_con li:nth-child(2n){float:right;margin-left:230px;margin-right:0px}

.zdva{width:1920px;display:block;margin-top:35px;position:relative;left:50%;margin-left:-960px;}


.c3{width:1200px;margin:0 auto;display:block;margin-top:35px;}
.gsjj{float:left;text-align:center;color:#3767a2;font-size:18px;width:160px;height:170px;overflow:hidden;margin-top:35px;}
.gsnr{/*float:right;*/width:1200px;color:#666;line-height:28px;height:306px;overflow:hidden;margin-top:35px;}


.menu_cate{width:1044px;height:40px;background:#3767a2;margin:0 auto;margin-top:20px;}

/*首页页左侧分类通用样式*/
.sortx{display:flex;justify-content:center;align-items:center;}
.sortx li{position:relative;z-index: 999;float:left;width:200px;}
.sortx li .about_b{position:absolute;left:200px;top:0px;width:200px;background:#95b2d5;
	z-index:9999;}
.sortx li .layer2{top:40px;background:#95b2d5;position:absolute;
	z-index:9999;text-align:center;}
.sortx li .layer2 li{overflow:hidden;color:#fff;}
.sortx li .layer2 li a{font-weight:normal;text-align:center;background:url(../img/dot4.png) no-repeat 20% 50%;font-size:12px}
.sortx li .layer2 li a:hover{text-decoration:none;color:#fff;}
.sortx li .layer2 li .layer3 li{margin:6px 0px;height:24px;
line-height: 24px;}
.sortx li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;}

.sortx li a{display:block;line-height:40px;font-family: "微软雅黑";font-size:16px;color:#fff;text-align:center;}
.sortx li a:hover{color:#fff;}
.sortx li:hover{background:#203e64;}
//.sortx .layer2 li{width:200px;height:35px;margin-bottom:0;background:none;}


.contentx{width:1200px;margin:0 auto;display:block;margin-top:30px;}




.innbj{width: 100%;/*background: #e8e8e8;*/padding-top: 34px;padding-bottom: 34px;/*margin-top: 40px;*/}
.innbox{width: 1200px;height: 560px;background: #fff;margin: 0 auto; clear:both; overflow:hidden;}
.innbox .innpic{width: 42%;/*width: 260px;*/height:450px;position: relative;float: left;margin-right: 26px;/*margin-top: 40px;margin-left: 18px; */background:#eee;padding: 25px;}
/*.innbox .innpic img{width: 260px;height: 280px;}*/
.innbox .innpic h3{/*display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 54px;text-align: center;line-height: 54px;color: #fff;font-size: 16px;font-weight: normal;background:#3767a2;*/
/*color: #333333;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 1.5vw 0;*/
	}
.innbox .innpic a{/*display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(182, 182, 55, .5);*/font-size: 20px;color: #333;/*text-align: center;line-height: 280px;*/ }
.innbox .innpic:hover a{display: block;}
.innbox .innpic2{width: 260px;height: 280px;position: relative;float: left;margin-right: 26px;margin-top: 40px;}
.innbox .innpic2 img{width: 260px;height: 280px;}
.innbox .innpic2 h3{display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 54px;text-align: center;line-height: 54px;color: #fff;font-size: 16px;font-weight: normal;background: rgba(67, 67, 67, .9);}
.innbox .innpic2 a{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(182, 182, 55, .5);font-size: 16px;color: #fff;text-align: center;line-height: 280px; }
.innbox .innpic2:hover a{display: block;}
.innbox .inbrt{/*width: 585px;*/width: 50%;float:left;}
.innbox .innlist1{/*margin-top: 40px;*/}
.innbox .innlist1 li img{width: 180px;height: 134px;float: left;}
.innbox .innlist1 li h3{display: block;/*float: right;width: 394px;*/font-size: 16px;color: #434343; }
.innbox .innlist1 li h3 a{color: #555;}
.innbox .innlist1 li:hover h3 a{color:#3767a2;}
.innbox .innlist1 li h3 span{display: block;font-size: 14px;color: #555;line-height: 20px;padding-top: 25px;font-weight:normal;}
.innbox .innlist2{/*margin-top: 18px;*/}
.innbox .innlist2 li{float: left;background: url(../img/innicon.png)left center no-repeat;/*padding-left: 16px;width: 276px;*/font-size: 12px;line-height: 32px;}
.innbox .innlist2 li a{color: #5a5a5a;}
.innbox .innlist2 li a:hover{color:#3767a2;}

.innbox .innlist2 li h3 {
    display: block;
    float: right;
    /* width: 394px; */
    font-size: 16px;
    color: #555;
 }
.innbox .innlist2 li h3 span {
    display: block;
    font-size: 14px;
    color: #555;
    line-height: 20px;
    padding-top: 13px;
	font-weight:normal;
}


.new_time{ font-size:20px; color:#333; line-height:2}
.new_title{ font-size:20px; color:#333; font-weight:bold;line-height:2}
.new_con{ color:#555; line-height:1.7; background: url(../img/new_line.jpg)left center no-repeat;padding-left: 10px;height: 70px;margin: 5px 0;}
.new_img{ width:499px; height:235px; overflow:hidden;}
.new_img img{ width:100%; display:block}

.innlist1 li{ padding:20px;clear: both;
    overflow: hidden;}
.innlist1 li:hover{ box-shadow: 0 0 10px 0 rgba(189, 209, 242, 0.4);}
.innlist2 li{ padding:20px;}
.innlist2 li:hover{ box-shadow: 0 0 10px 0 rgba(189, 209, 242, 0.4);}


#container{width:1200px;margin:0 auto;margin-top:10px;}

.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}



/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.link{background: url(../img/link.png) no-repeat center;height: 60px;display:block;margin-top:30px;}
.f_link{width: 1200px;margin: 0 auto;background: #3767a2;font:400 14px/60px "微软雅黑";color:#fff;text-indent: 20px;}
.f_link a{color:#fff;}
/*页面底部*/
.out-foot{background: url(../img/foot.png) repeat-x;height: 350px;overflow: hidden;}
.foot{width: 1200px;margin: 0 auto;margin-top:60px;height: 269px;overflow: hidden;}
.f1a{width: 320px;/*background: url(../img/xxs.png) no-repeat right;*/height: 189px;margin-left:40px;}
.f1aa{font:600 16px/32px "微软雅黑";color:#fff;}
.f1-a{font:400 14px/24px "微软雅黑";color:#b4b4b4;padding-top: 10px;}
.f1b{width: 180px;/*background: url(../img/xxs.png) no-repeat right;*/height: 189px;padding-top: 20px;}
.f1c{width: 180px;/*background: url(../img/xxs.png) no-repeat right;*/height: 189px;padding-top: 20px;}
.f1ab{font:600 16px/32px "微软雅黑";color:#fff;padding-left: 26px;}
.f1-a1{padding-left: 26px;padding-top: 10px;}
.f1-a1 li{width: 115px;/*float: left;*/}
.f1-a1 li a{font:500 14px/30px "微软雅黑";color:#b4b4b4;}
.f1d{width: 260px;padding-top: 20px;}
.copp{text-align: center;width: 1200px;margin: 0 auto;color:#fff;}
.copp a{color:#b4b4b4;}
.out-foot a:hover{color:#fff;text-decoration:none;}

.f1-a1 p a{ font: 500 14px/30px "微软雅黑"; color: #b4b4b4;}
.f1d h1{ color:#fff; font-size:30px; font-weight:bold; background:url(../img/tel_icon.png) left center no-repeat;padding-left: 40px;}




#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#3767a2;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:44px;font-weight:400;font-family:"微软雅黑";text-align: center;
background:url(../img/nei.png) no-repeat 0% 100%;font-size:14px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position:relative;left:50%;margin-left:-960px;height:450px;overflow:hidden;}
.n_banner img{width:1920px;margin:0 auto;height:450px;overflow:hidden;}

.left{width:240px;float:left;}
.sort_menu{}
.sort_menu h3{}
.sort_product{margin-top:10px;}
.sort_product h3{}

.n_contact{margin-top:10px;}
.n_contact h3{}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:910px;float:right;padding-bottom:10px;}
.sitemp{line-height:44px;height:44px;overflow:hidden;padding-right:10px;border-bottom: 1px dashed #999}
.sitemp h2{width:340px;float:left;line-height:44px;text-align:center;text-align:left;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:44px;}
.right .content{overflow:hidden;line-height: 24px; padding:10px;}
.case_detail img{ display:block; margin:auto; max-width:800px;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../img/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}


.yqlj{ border:1px #ccc solid; width:63%; margin:0 auto; margin-top:10px; line-height:30px;}
.list_p .zxdh{ font-size:16px; color:#3767a2;}
.p_detail .content img{ max-width:800px;}
.news_detail .content img{ margin:auto; display:block; max-width:800px;}



/*后加产品样式*/
.pro{margin-bottom: 0px; width:1100px;}
.pro h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 30px; }
.pro h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../img/pro_ic.png) no-repeat 0 24px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.pro h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.pro h3 a:hover{text-decoration: none;}
.pro_l{width: 270px; overflow: hidden;}
.pro_l h4{font-size: 24px; background: #3767a2; height: 75px; text-align:center;}
.pro_l h4 a{display: block; color: #fff; padding: 18px 0 0 0px;}
.pro_l h4 span{ display: block; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #fff; margin-top: 4px; }
.pro_l h4 a:hover{text-decoration: none;}
.pro_cat h5{font-size: 16px; background-color: #ebebeb; padding: 0 20px;  height: 60px; line-height: 60px; overflow: hidden; }
.pro_cat h5 em{ color: #3767a2; }
.pro_cat ul{/*margin-bottom: 8px;*/padding: 0 20px 0px;background:#ebebeb url(../img/line.gif) no-repeat center 0 ;}
.pro_cat li{font-size: 16px; line-height: 40px; background:url(../img/pro_ic2.png) no-repeat 0 center; padding-left: 16px; }

.pro_r{width: 760px; padding:30px 30px 0 30px;}
.pro_fls{position: relative; z-index:99;}
.pro_r .pro_fls dl{ width:760px;}
.pro_r .prev,.pro_r .next{ width:45px; height:68px; display:block; position:absolute; opacity: 0.8;z-index:999;}
.pro_r .prev{ left:20px; top:190px;  background:url(../img/btn1.png) no-repeat; z-index:99999; display:block; }
.pro_r .next{right:20px; top:190px; background:url(../img/btn1.png) no-repeat -45px 0;}
.pro_r .prev:hover{ background:url(../img/btn1.png) no-repeat 0 -68px; z-index:99999;}
.pro_r .next:hover{ background:url(../img/btn1.png) no-repeat -45px -68px; z-index:99999;}

.pro_r dt img{display: block; /*width: 760px;*//*height: 450px;*/height: 368px;margin:0 auto;}
.pro_r dd {background: #ececec; padding: 24px;  position: relative; zoom: 1;}
.pro_r dd em{font-size: 18px; width: 712px; display: block;white-space: nowrap;text-overflow: ellipsis;  overflow: hidden; }
.pro_r dd p{font-size: 13px; line-height: 24px; color: #333; height: 48px; overflow: hidden; border-top: 1px solid #d2d2d2; padding-top: 8px; margin-top: 8px;}
.pro_r dd p a{ font-weight: bold; }
.pro_r dd span a{ display: block; width: 120px; height: 32px; line-height: 32px; background: #3767a2; text-align: center; font-size: 14px;  color: #fff;  position: absolute; right: 0; bottom: 0; }
.pro_r dd span a:hover{text-decoration: none;}


/*后加荣誉样式*/

.quality{ /*margin-bottom: 60px; background: #eee; */padding: 50px 0 60px;background:url(../img/quality_bg.jpg) no-repeat 0 28px; }
.quality h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.quality h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../img/quality_bg.png) no-repeat 0 28px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.quality h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.quality h3 a:hover{text-decoration: none;}

.quality dl{background: #fff; float:left; width:1000px; overflow:hidden;}
.quality dt{float: right; width:660px; overflow:hidden;}
.quality dt img{width: 660px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 280px; float: left;}
.quality dd b{display: block; font-size: 26px; margin-top: 104px; line-height: 30px; height: 30px; overflow: hidden;}
.quality dd b a:hover{text-decoration: none;}
.quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;}
.quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 210px;}

.quality_con{position: relative; width:1000px; overflow:hidden;}

.quality_con i{position: absolute; left: 30px;top: 410px; z-index:99;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../img/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../img/dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:270px; top:200px;  background:url(../img/btn4.gif) no-repeat; }
.quality_con .next{left:340px; top:200px; background:url(../img/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(../img/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(../img/btn4.gif) no-repeat -70px -62px;}

/*后加整体样式*/

@charset "utf-8";
html{color:#333;background:#FFF; }
body { color:#333;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:14px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
 

.mt10{ margin-top:10px;}

a { color:#333; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
 
 .left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right {  float:left; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:735px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}


/* 自定义属性 */
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
 
.no_mg{ margin:0 !important;}
.no_pd{ padding:0 !important;}
.no_bd{ border:none !important;}
.no_bg{ background:none !important;}



<!--整体布局结束-->


<!--案例展示 开始-->


 .hand h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.hand h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../img/hand_ic.png) no-repeat 0 28px; padding:20px 0 0 70px; border-top:1px solid #dcdcdc;}
.hand h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.hand h3 a:hover{text-decoration: none;}
.hand p{ text-align:center; color:#c1c1c1; margin:26px 0; height: 18px; overflow: hidden;}
.hand p a{ font-size:14px; color:#666; padding:0 14px; display: inline-block;}
.hand p a:hover{  font-weight: bold; color: #333;}

.hand_con{ width:100%; min-width:800px; height:340px; overflow:hidden; position:relative;}
.hand_pic{ width:800px; position:absolute; left:50%; margin-left:-400px; z-index:99;}
.hand_pic li{ float:left; padding-top:5px; width:400px; overflow:hidden;}
.hand_pic li b img{ display:block; width:400px; height:275px;}
.hand_pic li em{ display:block; height:60px; line-height:60px; font-size:14px; padding:0 60px 0 60px; text-align:center; position:relative; overflow: hidden;background: #eee; }
.hand_pic li em i{ position:absolute; /*top:22px; */left:360px;}

.hand_pic li.cur em{ }
.hand_pic li.cur em a{color:#ddd;}
.hand_pic li.cur{ background:#3767a2;}

.hand_con .gray_l{ left:-50%; margin-left:-400px;}
.hand_con .gray_r{ right:-50%; margin-right:-400px;}
.hand_con .gray span{ display:block; width:100%; height:275px; left:0; top:0; position:absolute; background:#000; opacity:0.5; filter: alpha(opacity=100);}
.hand_con .gray{ z-index:9; top:5px; cursor:pointer; width:100%; height:335px; position:absolute; z-index:999; }
.hand_con .btn{width: 45px; height: 68px; position: absolute;opacity: 0.5; z-index:999;}
.hand_con .prev{ background:url(../img/btn2.png) no-repeat;right: 54px; top: 100px; }
.hand_con .next{ background:url(../img/btn3.png) no-repeat;  left: 54px; top: 100px;}
.hand_con .prev:hover{opacity: 1; filter: alpha(opacity=100);}
.hand_con .next:hover{opacity: 1; filter: alpha(opacity=100);}

.hand{ padding-top:10px;}
.hand_pic li em:hover{ background:#2c2a2a; }
.hand_pic li em a:hover{color:#ddd;}

<!--案例展示结束-->