@charset "utf-8";
@import url(../css/font.css);
@import url(../css/main.css);
@import url(../css/animate.css);

.header{height:100px;padding-bottom:1px; background:url(../images/icon01.jpg) repeat-x left bottom;}
.logo{float:left; margin-right:30px}
.hotline{float:left; color:#32312f; margin-top:30px;}
.hotline span{ display:block; line-height:20px; font-size:14px;}
.hotline strong{ display:block; height:20px; margin-top:10px; text-indent:25px; line-height:20px; font-size:18px; background:url(../images/icon02.jpg) no-repeat left center;}
.i_nav{float:right; height:20px; margin-top:55px;}
.i_banner{width:948px; height:300px; margin:10px auto 0; overflow:hidden;}
.flexslider{position:relative;width:100%;overflow:hidden;zoom:1;}
.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.img img{ width:100%}
.flexslider a{display:block;z-index:999}
.flex-direction-nav a{width:20px;height:20px;line-height:99em;overflow:hidden;margin:-10px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:0 -35px;right:0;}
.flex-direction-nav .flex-prev{left:0;background-position:0 -5px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:2px;text-align:right; right:10px;padding:0; margin:0}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -10px;display:block;height:10px;overflow:hidden;text-indent:99em;width:10px;cursor:pointer}
.flex-control-paging li a.flex-active{background-position:0 -1px;}
.i_container{overflow:hidden; padding-top:20px; padding-bottom:20px;}
.i_left{float:left; width:250px; overflow:hidden;}
.i_right{float:right; width:670px; overflow:hidden;}
.i_news01{width:250px;}
.i_news01_l{ padding:10px 5px; line-height:20px;}
.i_news01_l li{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_casesort{width:250px;}
.i_casesort_l{ padding:10px 0; line-height:34px;}
.i_casesort_l li{ height:34px; padding-left:15px; font-size:14px; background:url(../images/icon04.jpg) no-repeat left center;}
.i_service{width:250px;}
.i_service_l{ }
.i_service_l dl{padding:5px 0;}
.i_service_l dt{height:25px; text-indent:10px; font-size:14px; background:url(../images/icon04.jpg) no-repeat left center; line-height:22px}
.i_service_l dd{line-height:20px;}
.i_contact{width:250px;}
.i_contact_c{ padding:15px 5px; line-height:25px;}
.i_do{width:670px; border-bottom:1px solid #f1f1f1;}
.i_do dl{float:left; width:178px; height:130px;padding:0 10px 0 14px; border-left:1px solid #f1f1f1}
.i_do dt{ height:20px; text-indent:11px; font-weight:bold; line-height:20px; background:url(../images/icon08.jpg) no-repeat left center;}
.i_do dd{ height:60px; margin-top:10px;}
.i_do dd strong{ display:block; float:left; width:60px; height:50px; padding-top:5px;}
.i_do dd strong img{width:50px; height:50px;}
.i_do dd span{ display:block; float:left; width:118px; line-height:20px;}
.i_do ins{ display:block; width:178px; margin-top:10px; line-height:20px; background:url(../images/icon09.jpg) no-repeat left center; text-indent:10px; text-decoration:none;}
.i_do ins a{ color:#c3c3c3;}
.i_do ins a:hover{ color:#F00;}
.i_pro01{width:670px; margin-top:15px;}
.i_pro01_c{ line-height:20px;}
.i_pro01_l{width:670px;}
.i_pro01_l li{float:left; display:inline; width:212px; margin:20px 10px 10px 0;}
.i_pro01_l li img{width:100%; height:212px}
.i_pro01_l li span{display:block; width:212px; height:18px; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; font-size:14px; font-weight:bold}
.footer{overflow:hidden; background:url(../images/icon01.jpg) repeat-x left top;}
.footer_nav{ padding:10px 0;}
.footer_nav li{float:left; width:115px; padding-left:20px;}
.footer_nav li a{ display:block; text-indent:10px; line-height:20px; font-weight:bold; height:20px; background:url(../images/icon08.jpg) no-repeat left center;}
.copyright{float:left; padding:20px 0; line-height:20px;}
.ftxt{ padding-top:30px; line-height:20px; text-align:right;}
.jsq{float:right; line-height:20px; text-align:right;}
.flink{ padding-bottom:20px;}
.flink h3{float:left;}
.flink a{ padding:0 10px;}
.p_banner{width:948px; height:300px; margin:10px auto 0; overflow:hidden;}
.p_container{overflow:hidden; padding-top:20px; padding-bottom:20px;}
.sidebar{width:670px; height:28px; text-indent:10px; line-height:28px; border-bottom:1px solid #e7e7e7; background:url(../images/icon08.jpg) no-repeat left center;}
.p_content{padding:20px 0; line-height:25px;}

/*about*/
.titleS,.proNav a{font-size:14px;line-height:25px; background:url(../images/icon08.jpg) no-repeat left center ; padding-left:15px}
.about{ margin:20px auto}
.about>img,.newsImg img,.proCon img{ width:100%}
.about p{ line-height:20px; margin-top:20px}
/*products*/
.proNav{ border-bottom:1px solid #eee; padding-bottom:20px}
.proNav a{ background:url(../images/icon04.jpg) no-repeat left center ; margin-right:20px}
a.proNavS,.proNav a:hover{ color:#f00}
.page{ text-align:center; overflow:hidden; width:100%; padding:40px 0 10px}
.page a{ color:#fff; background:#C03; font-size:14px;  padding:2px 10px; margin:0 2px 4px}
.proCon h3{ font-size:18px; margin:30px auto}
/*news*/
.newsUl,.newsUl li,.recruitUl,.recruitUl li,.newsTxt h3,.newsTxt p{ overflow:hidden}
.newsUl li,.services .i_service_l dl{ margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:20px}
.newsImg{ float:left; width:15%}
.newsTxt{ float:right; width:80%}
.newsTxt h3{ font-size:16px; height:30px; line-height:30px}
.newsTxt p{ margin:5px auto; line-height:20px; height:40px;text-indent:0; }
.newsTxt p,.newsTxt span{color:#333}
.newsTitle{text-align:center; }
.newsTitle h3{ font-size:18px; margin-bottom:20px}
.newsTitle span i{ font-style:normal; margin:0 10px; color:#999}
/*services*/
/*recruit*/
.recruitUl li{border-bottom:1px dashed #ccc; height:40px; line-height:40px}
.recruitUl li a{ float:left; width:70%; font-size:14px}
.recruitUl li span{ float:right; width:20%; text-align:right}
/*contact*/
.contact{ overflow:hidden; background:url(../images/shanghai.png) no-repeat bottom center; padding-bottom:170px}
.contact h3{ font-size:18px; text-indent:1.2em; margin-top:70px}
.contact p{ font-size:16px; text-indent:1.2em}
.map{ margin-top:20px}
.map iframe{height:480px; width:100%;border:0; margin:0; padding:0}
.map p{ font-size:16px ; }