@charset "utf-8";
/* CSS Document */

.logo{ width: 690px; background: URL(../images/logo_en.png) left bottom no-repeat;  }
.tel{ background: URL(../images/telEn.png) left bottom no-repeat; }

/* menu style ========================================= */
.nav li { text-transform: capitalize; }

/* search */
.search{ overflow: hidden;}
.searchForm span{ float: right; display: block; width: 600px; height: 30px; }


/* ganxie grow */
.ganxieText{ width: 750px; font-size: 24px; padding: 0px 10px; }

/* youshi style */
.youshiTitH1{ font-size: 30px; left: 0px; top: 30px; text-align: center; }
.youshiTitWucha{ width: 1200px; left: 0px; top: 80px; font-size: 18px; text-align: center; }
.youshiXuanze{ font-size: 16px; font-weight: bold; color: #F40; background: URL(../images/youshiTit.png) center 50% no-repeat; }

.youshiListLi li { background: URL(../images/youshiicon.png) left 10px no-repeat;}

.youshi1{ height: 300px; }
.youshiLeft1{ float: left; display: block; width: 500px; }
.youshiLeft1 .youshiListTit { width: 400px; background: URL(../images/youshilefttit.png) right 20px no-repeat; }
.youshiRight1{ float: right; display: block; width: 700px; text-align: center; }


.youshiLeft3 .youshiListTit { width: 630px; background: URL(../images/youshilefttit.png) right 20px no-repeat; }
.youshiLeft3 .youshiListLi li{ clear: both; display: block; width: 100%;}
.youshiRight3 img{ border: 0px; margin-top: 30px; }


.youshiRight4 li{ height: auto; }

/* liucheng */
.liucheng{ background: none; }
.liucheng img{ border: 0px; width: 100%; }

/* about */
.aboutVideo{ width: 430px; height: 330px; }
.aboutVideo video{ width: 430px; height: 330px; }


/* left style */
.secList a{ text-indent: 1em; border-bottom: 1px solid #e3e3e3; height: 35px; line-height: 35px; }


/* right style */
.right{ float: right; display: block; width: 960px; }

.location{ clear: both; display: block; height: 40px; line-height: 40px; background: #1369be; color: #FFF; }
.classname{ float: left; display: inline-table; margin-left: 15px; }
.classlink{ float: right; display: inline-table; margin-right: 15px; }
.classlink a{ color: #FFF; }


.rightContent{ clear: both; display: block; margin: 15px 0px; }





/* sub product content style */
.productList{ clear:both; display:block;}
.productList li{ float: left; display: block; width: 230px; margin: 0px 5px 25px 5px; text-align: center; }
.productList li div{ clear: both; display: table-cell; text-align: center; vertical-align: middle; width: 228px; height: 228px; background: #FFF; border: 1px solid #f7f7f7;}
.productList li img{ border: 0px; max-width: 228px; max-height: 228px;}
.productList p{ clear: both; display: block; padding: 0px; margin: 0px; text-align: center; }







.productText{ clear: both; display: block; margin: 20px 0px;}
.productTextTitle{ clear: both; display: block; height: 40px; line-height: 40px; background: #ccc;}
.productTextTitle div{ float: left; display: block; width: 50%; text-align: center; font-size: 16px; cursor: pointer;}
.productTextTitle .cur{ background: #258fa5; color: #FFF;}

.productTextContent table{ clear: both; width: 100%; border-collapse: collapse; border: 0 none}
.productTextContent table td{ text-indent: 1em;}
.productTextContent table td.highlight{ color: #fff; background-color: #258fa5; border: 0 none; }





/* sub news content style */
.newsList{ clear:both; display:block;}
.newsList li{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsList li .newsListTitle{ float: left; display: inline-table; text-indent: 1em; background: URL(../images/newsicon.jpg) left 50% no-repeat; }
.newsList li .newsListTime{ float: right; display: inline-table; color: #999; }


.newsTitle{ clear: both; display: block; height: 70px; line-height: 70px; font-size: 26px; font-weight: bold; color: #1369be; text-align: center; border-bottom: 1px solid #e3e3e3;}
.newsInfo{ clear: both; display: block; text-align: center; padding: 10px 0px;}
.newsInfo span{ display: inline-block; margin: 0px 15px;}
.newsPic{ clear: both; display: block; margin: 10px 0px; text-align: center; }
.newsPic img{ border: 0px; max-width: 700px; }
.newsContent{ clear: both; display: block; margin: 20px 0px; font-size: 16px; line-height: 30px; color: #666;}
.newsContent p{ margin: 0px;}
.newsContent img{ clear: both; display: block; border: 0px; }


/* download style */
.downList{ clear: both; display: block; }
.downList li{ float: left; display: block; width: 46%; margin: 0px 2%; height: 50px; line-height: 50px; border-bottom:  1px solid #e3e3e3;}
.downList li span{ float: right;}
.downList li span a{ color: #258fa5;}



/* page style */
.pageList{ clear: both; display: block; text-align: center; margin: 20px 0px 10px;}
.pageList a{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #e3e3e3; margin-right: 7px;}
.pageList b{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #258fa5; background: #1369be; color: #FFF; margin-right: 7px;}


.pageContent{ clear: both; display: block; font-size: 16px; margin: 30px 0px;}


.pagePreNext{ clear: both; display: block; border-top: 1px solid #e3e3e3; padding-top: 10px; }




/* scroll start */
#demoThree { overflow:hidden; width:1150px; margin:0px auto; }
#demoThree span{ display:block; clear:both; text-align:center;}
#demoThree li{ float:left; text-align:center; padding:0px; }
#indemoThree { float: left; width: 1600%; }
#demoThree1 { float: left; }
#demoThree2 { float: left; }
/* scroll end */



/* kefu list */
.kefuShow{ background:#4fbae8 URL(../images/service.png) center 50% no-repeat; }
.kefuHeader{ background: URL(../images/kefuTopEn.png) center bottom no-repeat; }
.kefuList li a{ display: inline-block; background: none; margin-left: 10px; border: 0px;  }