@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; border:none; list-style:none;}
body{ font:12px/1.75 "Microsoft Yahei",Arial, Helvetica, sans-serif; overflow-x: color: #515151; background-color:#FFF;}
a{ color:#666; text-decoration:none; }
a:hover{ color:#e50012;}
.l,.left{ float:left;}
.r,.right{ float:right;}
.clear{ width:100%; height:20px; clear:both;}

.header_t{ width:1200px; margin:0px auto; height:55px;}
.header_t .l{ line-height:55px; font-size:14px;}
.header_t .l span{ padding-right:20px;}
.header_t .r{ width:105px; height:25px; padding-left:20px; background:url(../images/099.png) left center no-repeat; margin-top:15px;}
.header_t .r select{width: 85px;height: 25px;font-size: 12px;line-height: 16px;color: #686666;border: 1px solid #686666;border-radius: 15px;transition: border-radius 0.2s;padding: 2px;}


.header{ width:100%; height:70px; background-color:#125cb3; }
.header .nei{ width:1200px; height:70px; margin:0px auto;}
.logo{ float:left;  height:70px; }

.nav{ padding-left:7px; padding-right:8px; height:70px;  float:right;}
.nav li,.nav li a{ width:116px; height:70px; float:left; text-align:center; line-height:70px; font-size:16px;  color:#fff;}
.nav .on a,.nav li a:hover{ background: url(../images/003.png) center bottom no-repeat ; color:#fff;}

.banner{ width:100%; height:420px; background:url(../images/009.jpg) center center repeat-x;}
.slide-main{height:420px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:9999;top:178px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:420px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:420px; position:relative;position:absolute;z-index:8;}


.item{display:block;width:100%;height:20px;position:absolute;z-index:999;top:390px;left:0;text-align:center;}
.item a{display:inline-block;width:15px;height:15px;  overflow:hidden; background-color:#FFF; color:#000;  line-height:15px; font-size:12px; margin:0px 5px;border-radius:15px;}
.item a.cur{ background-color:#FF6600; color:#FFF;}


.titbg{ width:100%; height:109px; background-color:#fafafa;}
.tit{ width:98px; height:54px; margin:0px auto; padding-top:30px; padding-bottom:25px; padding-left:72px;}
.tit1{background:url(../images/101.png) left center no-repeat #fff;}
.tit2{ width:170px;  background:url(../images/102.png) left center no-repeat #fafafa;}
.tit3{  background:url(../images/103.png) left center no-repeat #fff;}
.tit4{  background:url(../images/104.png) left center no-repeat #fafafa;}
.tit5{  background:url(../images/105.png) left center no-repeat #fff;}
.titbg2{ background-color:#fafafa;}
.tit strong{ width:100%; height:24px; line-height:24px; font-size:24px; font-weight:500;  display:block; font-family:"微软雅黑"; color:#333; margin:0px auto;}
.tit span{ width:100%; height:24px; line-height:24px; text-transform:uppercase; font-size:12px; display:block; color:#999; text-align:center; padding-top:6px; margin:0px auto;}


#navdnr{ width:100%; height:410px; text-align:center; margin:0px auto; }
.navul{ width:1000px; height:50px;text-align:center; line-height:30px;color:#CCC; margin:0px auto;}
.navul li{ display:inline; font-size:14px; border:1px solid #dfdfdf; padding:5px 35px; border-radius: 15px; margin:0px 10px;}
.navul li a{ color:#333;}
.navul .navft a{color:#2D9CDD;}

#navxnr{ width:1240px; height:320px; margin:0px auto;}
#navxnr .navnr {display:none;width:1240px;}
#navxnr .navft {display:block;}
.navnr p{ width:270px; height:320px; float:left; overflow:hidden; margin:0px 20px;}
.navnr p a{ width:268px; height:318px;  line-height:25px;  display:block; color:#333; font-size:14px; text-align:center; border:1px solid #dfdfdf;}
.navnr p a img{ width:240px; height:240px; display:block; padding:30px 5px 0px; margin:0px auto;}



.about{ width:100%; height:134px; overflow:hidden; background-color:#fafafa;}
.about ul{ width:1200px; height:134px; overflow:hidden; margin:0px auto;}
.about ul li{ width:373px; height:134px; float:left; margin-right:40px; }
.about ul li a{width:373px; height:200px;  display:block; }
.about ul li a img{ float:left; padding-right:10px; margin-top:15px;}
.about ul li a strong{ font-size:15px; font-weight:bold; font-family:"微软雅黑"; display:block;}
.about ul li a span{ font-size:14px; display:block;}
.about ul .li_3{ margin-right:0px;}


#casednr{ width:1200px;  height:620px; margin:0px auto; overflow:hidden;}
#casednr li{ width:371px; height:270px;float:left; margin-right:40px; overflow:hidden; border:1px solid #f1f1f1; margin-bottom:35px;}
#casednr li.last{ margin-right:0px;}
#casednr li img{ width:371px;  height:270px;}
#casednr li span{ position:relative; width:301px; height:96px;  padding:4px 60px 0px 10px; line-height:24px; background:url(../images/106.png) right bottom no-repeat; display:block; transition:All 0.8s ease-in-out; font-size:14px;}
#casednr li span strong{ font-size:16px; color:#FFCC00; display:block; padding:5px 0px;}
#casednr li a:hover span{ margin-top:-100px; color:#FFF; }

#newdnr{ width:100%; background-color:#fafafa; height:280px;}
#newdnr ul{ width:1240px; margin:0px auto; display:block;}
#newdnr li{ width:270px; height:120px; float:left; padding:0px 20px; margin-top:15px;line-height:180%;}
#newdnr li span{ width:20px; height:20px; float:left; margin-right:15px; text-align:center; font-weight:bold; margin-bottom:80px; color:#FFF;border-radius: 16px; line-height:20px;}
#newdnr li strong{ display:block; font-size:14px; height:30px; font-weight:normal; color:#333;}

#newdnr .li_1 span{ background-color:#e53f3f;}
#newdnr .li_2 span{ background-color:#724119;}
#newdnr .li_3 span{ background-color:#9571b1;}
#newdnr .li_4 span{ background-color:#3f7a8c;}
#newdnr .li_5 span{ background-color:#88ad79;}
#newdnr .li_6 span{ background-color:#ffc75a;}
#newdnr .li_7 span{ background-color:#f67a3e;}
#newdnr .li_8 span{ background-color:#414fdc;}



#hezuonr{ width:1195px; height:248px; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; margin:0px auto; margin-bottom:40px;}
#hezuonr li{ width:238px; height:122px; border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2; float:left; text-align:center;}

#hezuonr li span{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; display:block;}
#hezuonr li span:hover{
 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH; 
	border-right:0px solid #f2f2f2;
	border-left:0px solid #f2f2f2;
}

#hezuonr li span img{ padding:30px 44px;transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;

}

#hezuonr li span:hover img{


 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH; 
	
}


.footer{ width:100%;  padding-top:47px; border-bottom:1px solid #D4D0C8; background-color:#125cb3; clear:both; }
.footer_t{ width:1200px; margin:0px auto; height:296px; position:relative; color:#fafafa; }

.footer_t dl{ float:left;}
.footer_t dt{ height:29px; font-family:"微软雅黑",Arial; font-size:18px;  margin-bottom:13px; color:#fff;}
.footer_t dd{ line-height:30px;}
.flink{ width:1200px; margin:0px auto; padding-bottom:15px; line-height:30px;}
.flink,.flink a,.flink a:hover{ padding-left:5px; padding-right:5px;}
.dl_1{ width:250px;}
.dl_1 dd .t a{ display:block; overflow:hidden; height:30px; color:#fafafa;}
.dl_1 dd .f a{ width:114px; height:28px; line-height:28px; text-align:center; display:block; border:1px solid #ccc; margin-top:10px; }
.dl_2{ width:290px; padding-left:40px;}
.dl_2 p{ height:98px;  }
.dl_2 .f{border-top:1px dashed #fff; padding-top:8px;}
.dl_2 a{ font-size:14px; font-weight:bold; height:38px; display:block;}
.dl_2 span{ line-height:20px;display:block;}
.dl_2 p img{ width:80px; height:78px; float:left; padding-right:15px; padding-top:6px;}
.dl_3{ width:255px;padding-left:40px;}
.dl_3 dd p{ width:114px; height:37px; line-height:37px; text-align:center; border:1px solid #ccc; float:left; margin-top:6px; margin-bottom:4px; margin-right:10px; display:inline;}
.dl_4{ width:295px;padding-left:30px;}

.footer_f{ width:100%; margin:0px auto; height:60px;  line-height:60px; text-align:center; background-color:#333; color:#fff;}
.footer_f a{ color:#fff;}

.dl_1 dd .f a,.dl_1 dd .f a:hover,.dl_2 a,.dl_2 a:hover,.dl_3 dd p a,.dl_3 dd p a:hover{ color:#FFF;}

/*产品列表*/
.banner_ny{ width:100%; height:41px; padding-top:194px;}
.banner_ny .nei{ width:1200px; height:41px; margin:0px auto; background:url(../images/007.png)  no-repeat;line-height:41px; color:#FFF;}
.banner_ny .nei .l{ width:178px; font-size:16px; text-align:center; }
.banner_ny .nei .r{ width:962px; padding-right:30px; padding-left:30px; text-align:right;}
.banner_ny .nei a,.banner_ny .nei a:hover{ color:#FFF;}

.main{ width:1200px; margin:15px auto 0px;}
.main .left{ width:241px; margin-bottom:15px;}
.main .right{ width:944px; margin-bottom:15px;}

.main .left dl{ width:239px; float:left; border:1px solid #ddd; margin-bottom:15px;}
.main .left dl dt{ width:239px; height:100px;   background-color:#005aab; float:left; color:#FFF;}
.main .left dl dt strong{ display:block; padding:25px 0px 0px 29px;  font-size:20px;  }
.main .left dl dt span{padding-left: 29px; font-size: 14px;text-transform: capitalize;display: block;  }

.main .left .menu{ width:239px; float:left;}
.main .left .menu li{ width:239px; height:50px; background-color:#f1f1f1; border-bottom:1px solid #fff; line-height:50px;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; font-size:14px;}
.main .left .menu li strong a{ width:179px; height:50px; padding-left:60px; background: url(../images/931.png) 30px center no-repeat; display:block; }
.main .left .menu li span a{ width:197px; height:50px; padding-left:42px; background: url(../images/932.png) 32px center no-repeat; display:block;}


.main .left .tel{ width:239px; height:120px; background: url(../images/941.jpg) left center no-repeat; color:#fff; }
.main .left .tel strong{ font-size:20px; display:block; padding-left:10px; padding-top:5px;}
.main .left .tel span{ font-size:16px; display:block; padding-top:25px; padding-left:10px;}




.weizhi{ width:922px; height:35px; border:1px solid #ddd; padding:0px 10px; line-height:35px; float:left;}

#pro_list{ width: auto; display:block; float:left; }
#pro_list li{ width:235px; height:303px; float:left; line-height:24px; text-align:center; border:1px solid #ddd; border-top:none; border-left:none;}
#pro_list li img{ width:214px; height:226px; padding:20px 10px 10px;}
#pro_list .none_l{ width:234px;border-left:1px solid #ddd;}



/*产品内页*/
.procon{width:912px; padding:15px; border:1px solid #ddd; border-top:none; float:left; margin-bottom:15px;}


.procon_t{ width:912px; height:442px;}
#tu{ width:912px; height:442px; }
#tu #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; width:440px; height:440px; border:1px solid #ddd; float: left;}
#tu #big-pic img{max-height:440px;max-width:440px;}

#tu .list-pic{ padding-top:10px; height:88px; width:450px; right:0px; position:relative; bottom:0px; float:right;}
#tu .cont{overflow:hidden; float: left; width:422px; height:88px; }
#tu .cont li{ float:left; width:91px; height:88px; text-align:center; display:block; overflow:hidden;}
#tu   .cont li img{ width:86px; height:86px; opacity:0.50; border:1px solid #ddd;}
#tu   .cont li.on img{opacity:1;}
#tu .pre-bnt,.show_1 .next-bnt{cursor: hand;!important;cursor: pointer;display:block; width:14px; height:88px; float:left;}
#tu .next-bnt{display:block; width:14px; height:88px; float: right;}

#info{ width:450px; height:344px; float:right;}
#info .dianhua{ width:448px; height:38px; border:1px solid #ddd; display:block;}
#info h1{ height:42px; font-size:24px;}
#info .tedian{ height:259px; line-height:27px;}
#info ul li{ width:396px; padding-left:52px; height:38px; line-height:38px; color:#2c70b7; font-size:16px; font-weight:bold;}
#info ul .li01{ background:url(../images/601.jpg) 10px center no-repeat ; }


.canshu{ width:912px;}
.canshu dt{ width:912px; padding:20px 0px 10px;}
.canshu dd table{ background-color:#ddd;}
.canshu dd table td{ background-color:#fff; padding:5px 10px;}
.shuoming{ width:912px; line-height:180%;}
.shuoming dt{ width:912px; padding:20px 0px 10px;}
.shuoming dd p{ padding-bottom:10px;}

/*文章列表*/
#show_list{ width:912px;  margin:0px auto;}
#show_list li{ width:912px; height:30px; border-bottom:1px dotted #ddd; float:left; overflow:hidden; line-height:30px;}
#show_list li span{  float: right; font-size:12px; color:#999;}
#show_list li a{ float:left; font-size:14px;}


/*文章内页*/
.show_news{width:912px; padding:15px; border:1px solid #ddd; border-top:none; float:left; margin-bottom:15px;}
.show_news h1{ width:912px; text-align:center; line-height:30px; font-size:24px; font-weight:500; padding-top:16px; color:#2D9CDD;}
.show_news .info{ 912px; padding:10px 0px; border-bottom:1px solid #f1f1f1; text-align:center;  border-top:1px solid #f1f1f1; margin:16px 0px 22px; color:#999;}
.show_news .info a{color:#2D9CDD;}
.showcon{ width:912px; margin:0px auto; line-height:200%; font-size:14px; font-family:"宋体-PUA"; color:#666; padding-bottom:20px;}
.showcon p{ padding-bottom:20px;}
.updown{ width:912px; margin:0px auto; line-height:24px; border-top:1px solid #fafafa; padding-bottom:30px; height:48px; padding-top:20px;}


/*单页*/
.danye{width:912px; padding:15px; border:1px solid #ddd; border-top:none; float:left; margin-bottom:15px; font-size:14px; line-height:200%;}
.danye p{ padding-bottom:20px;}

.page{clear:both; text-align:center; padding-top:20px;}
.page span,.page a{ display:inline-block; padding:3px 8px; border:1px solid #ddd;}
.page span{ color:#0e68c9;}

.footico{ width:128px; height:52px; position:fixed; right:0px; bottom:0px;}