@charset "utf-8";
/* Style Reset */
section{
    display: block;
}
.scroll{ height:auto; margin:0 auto;  position:relative; overflow:hidden;}
.mod_01{float:left; overflow-x:hidden;}
.mod_01 img{display:block; margin:auto;}
.dotModule_new {padding:0 5px;height:0px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:relative;bottom:20px; margin:0 auto;z-index:11;}
.dotModule_new {text-align:center;}

.dotModule_new span {display:inline-block;margin:0 3px;width:30px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
.w5.dotModule_new span{ width:5px;}
.dotModule_new .selected {background:#66ff33;}

.sl_left,.sl_right{
	background: url(../images/sprite.png) no-repeat left center;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 25px;
	opacity: 0.5;
}
.sl_right {
	right:0;
	background-position: right center;
}
img {border:0;max-width:100%;height:auto;display:block}

.ui-page{background:#e2e7e9; }
body{ background:#e2e7e9; color:#163259; font-size:12px;}
body,p ,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#414150}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.right{ text-align:right}
.center{ text-align:center;}
.center img{width:80%; max-width:200px; }
.content{ float:left; width:100%; padding-bottom:50px;}
.ui-bar-f{
	
background-image:-moz-linear-gradient(center top , #6791E3, #12408B);
background-image: -moz-linear-gradient(top, #6791E3, #12408B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6791E3), to(#12408B));
background-image: -webkit-linear-gradient(top, #6791E3, #12408B);
background-image: -o-linear-gradient(top, #6791E3, #12408B);
background-image: linear-gradient(top, #6791E3, #12408B);
backg/round:#12408B;
 }
/* top -----------------------------------------------------------------------*/
.top{ padding:0 3%; background:url(../Images/topbg.jpg) repeat-x  center #ccc;width:94%; height:70px;}
.logo{float:left; margin:5px 10px 12px 1.875%;  max-width:185px}
.topright{width:50%; height:36px; margin:0px 0 18px 0px; float:right;}
.search{width:100%; height:28px; margin-top:6px; background:#d8d8d8;border-radius:4px;border:1px solid #ccc;}
.textinput{width:60%; height:28px;box-shadow:0; border:0; float:left; line-height:28px; text-indent:10px; color:#666; background:none;}
.buttoninput{background:url(../Images/search_but.png) no-repeat right center ; width:23px; height:25px;display:block; float:right; margin-top:1px;}
/* nav------------------------------------------------------------------------ */
.nav{width:100%; height:41px; background:#F8F8F8; border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;background-image:-moz-linear-gradient(center top , #e6ebec, #d4dadb);
background-image: -moz-linear-gradient(top, #e6ebec, #d4dadb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6ebec), to(#d4dadb));
background-image: -webkit-linear-gradient(top, #e6ebec, #d4dadb);
background-image: -o-linear-gradient(top, #e6ebec, #d4dadb);
background-image: linear-gradient(top, #e6ebec, #d4dadb);
}}
.landr{width:100%;text-align:center; height:40px; overflow:hidden;border-top:1px solid #2c2c2c ;}
.landr li{height:38px; float:left;text-align:center; font:500 14px/40px;}
.landr li a{color:#000; line-height:38px}
@media all and (max-width: 639px) { 
.landr li{height:38px; float:left;text-align:center; font:500 12px/40px;}
}

/* banner --------------------------------------------------------------------*/
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;left:8px;bottom:10px;height:9px;padding:2px 0; float:left;}
.slide-dot span{display:inline-block;width:11px;height:11px;margin:0 5px;background:url(../Images/slide-dot.png) no-repeat -20px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
/* case---------------------------------------------------------------------- */
.title{width:100%;height:40px; line-height:40px;font-family:arial; font-size:14px; background:#F8F8F8; margin-bottom:18px; border-bottom:1px solid #ebeef0;border-top:1px solid #d5dadc
background-image:-moz-linear-gradient(center top , #e6ebec, #d4dadb);
background-image: -moz-linear-gradient(top, #e6ebec, #d4dadb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6ebec), to(#d4dadb));
background-image: -webkit-linear-gradient(top, #e6ebec, #d4dadb);
background-image: -o-linear-gradient(top, #e6ebec, #d4dadb);
background-image: linear-gradient(top, #e6ebec, #d4dadb);
}
.title .ui-block-a{ color:#e51128; width:30%; border-top:1px solid #fff; padding-left:8%;background:url(../Images/title_ico.gif) no-repeat 10% center ; }
.title .ui-block-b{width:70%;border-top:1px solid #fff }
.more_i a{background:url(../Images/i_more.png) no-repeat center; width:30px; height:44px; display:block; float:right}
.backbut a{background:url(../Images/back.png) no-repeat center right; margin-top:3%; width:28px; height:32px; display:block; float:right}
.case{width:100%;}
.case_con{width:96%;padding:0 2%;}
.case_con li{display:block; padding:5px 0px;margin-bottom:14px; }
.case_con li a{ display:block; width:100% }
.case_con .ui-block-a{ width:23%;}
.case_con .ui-block-b{ width:75%; padding-left:2%; line-height:21px;}
.case_con .ui-block-b p{ border:1px solid #b1b5b6; background:#dae0e1; text-indent:.5em;width:98%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#dae0e1; }
.imgborder{display:block;float:left;  }
.imgborder img{ width:97%; border:3px solid #ccc;float:left; }

/*about*/
.aboutcon{ padding:0 3%; width:94%; line-height:23px;}
.aboutcon .ui-block-a{ width:30%;}
.aboutcon .ui-block-b{ width:70%;}

.abouttitle{ font-size:14px; font-weight:bold; width:100%;}
.abouttitle img{ width:100%; max-width:430px}
/* product */

.about,.product{width:100%;}
.product_con{width:96%;padding:0 2%;}
.product_con li{ padding:0 4.6% 7px; line-height:21px; text-align:center }
.product_con li div{ display:block;border:3px solid #ccc; }
.product_con li img{ width:98%; border:1px solid #fff;}
.product_con li p{
width:99%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/* news---------------------------------------------------------------------- */
.news{width:100%; background:#f7fdff; margin-bottom:14px;}
.newsul{width:100%;}
.newsul li{height:40px;width:100%; display:block;border-bottom:1pt solid #dfd8cf;}
.newsul li a{display:block; width:95%; padding:0 3% 0 2%;line-height:40px; height:40px;font-size:10pt;
background-image:-moz-linear-gradient(center top , #f7fdff, #eaf0f3);
background-image: -moz-linear-gradient(top, #f7fdff, #eaf0f3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7fdff), to(#eaf0f3));
background-image: -webkit-linear-gradient(top, #f7fdff, #eaf0f3);
background-image: -o-linear-gradient(top, #f7fdff, #eaf0f3);
background-image: linear-gradient(top, #f7fdff, #eaf0f3);

}
.newsul li a:hover{
background-image:-moz-linear-gradient(center top , #e5eaeb, #d8dedf);
background-image: -moz-linear-gradient(top, #e5eaeb, #d8dedf);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5eaeb), to(#d8dedf));
background-image: -webkit-linear-gradient(top, #e5eaeb, #d8dedf);
background-image: -o-linear-gradient(top, #e5eaeb, #d8dedf);
background-image: linear-gradient(top, #e5eaeb, #d8dedf);
	 }
.newsul li a .fl{ width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.newsul li a .fr{ background:url(../Images/news_ico.gif) no-repeat right center; height:40px; width:40px; display:block;}
/* footer */
.footer{width:100%; font-size:14px; font-family:΢���ź�;height:40px; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000;

}
.footer ul{width:100%; height:38px; border-top:1px solid #e2e7e9;border-bottom:1px solid #e2e7e9;
background:#000;
}
.footer ul li{float:left; height:38px;border-right:1px solid #8f8f8f; border-left:1px solid #464646}
.footer ul li p{text-align:right; margin:0 auto; height:100%; line-height:38px;}
.foottel P{background:url(../Images/foottel.png) no-repeat left center; width:60px; }
.footmail P{background:url(../Images/footmail.png) no-repeat left center; width:66px;}
.footmap P{background:url(../Images/footicon4.png) no-repeat left center; width:60px;}
.footer a{color:#fff;}

/* subpages */
.subpages{width:100%; padding-bottom:40px; height:auto; float:left;}
.subpages p{width:95%; margin:20px 2.5%; font:10pt/30px ����; color:#173059;}
.subpages div{width:95%; margin:20px 2.5%; font:10pt/30px ����; color:#173059;}
h3{ width:100%; text-align:center;}
.subpages p.date{width:90%; margin:0 5%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:right; font-size:8pt; color:#999;}
#backbut{ -moz-border-radius:.1em /*{global-radii-blocks}*/;
-webkit-border-radius:.1em /*{global-radii-blocks}*/;
border-radius:.1em; border:1px solid #b1b5b6; display:block; width:60px; text-align:center; font-size:14px; color:#e51128;height:30px; line-height:30px;margin-right:2%; margin-top:3px;

background-image:-moz-linear-gradient(center top , #fcfcfc, #eaeaea);
background-image: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#eaeaea));
background-image: -webkit-linear-gradient(top, #fcfcfc, #eaeaea);
background-image: -o-linear-gradient(top, #fcfcfc, #eaeaea);
background-image: linear-gradient(top, #fcfcfc, #eaeaea);

}
.botnav{ margin:20px 0;}
.pages{height: 30px; margin: 20px auto; width: 100px;}
.pages span{ color: #333333; display: block; float: left; font: 500 16px/40px ����; height: 30px;text-align: center; float: left; padding:0 5px}
.leftbut{width:26px; height:25px; display:inline-block; vertical-align:middle;background:url(../Images/left.png) no-repeat left center;display: block; float: left; font: 700 20px/28px ����; height: 40px; text-align: center;}
.rightbut{width:26px;height:25px; display:inline-block; vertical-align:middle;background:url(../Images/right.png) no-repeat left center;display: block; float: left; font: 700 20px/28px ����; height: 40px; text-align: center; }



  .pro-cla_list{display:none;right:0;z-index:9999;width:100%; margin-bottom:20px; }
.pro-cla_list li{width:100%;border-bottom:1px solid #ffffff;background:#DCDCDC ;color:#393B47;text-indent:5%;text-align:left;font:normal .875em/3 "Microsoft YaHei"}
.pro-cla_list li:hover{background:#cccccc}
.pro-cla_list li a{color:#393B47
}.pro-cla_list li a:visited{color:#393B47}