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

* { margin: 0; padding: 0; box-sizing: border-box; }
a { text-decoration: none; }
li { list-style: none; }
img { border: 0; }
body { font-family: '΢ÈíÑźÚ'; font-size: 14px; color: #333; overflow-x: hidden; }
h1, h2 , h3 , h4 , h5 , h6 { font-weight: normal; }
.position { position: relative; }
.container { width: 1200px; clear: both; margin: 0 auto; }
.pull-left { float: left; }
.pull-right { float: right; }
.text-c { text-align: center; }
.mt45 { margin-top: 45px; }
.clear { height: 30px; clear: both; width: 100%; }



/*   head   */
.head { height: 120px; }
.head .headLogo { margin-top: 45px; width: 50%; }
.head .headNav { width: 50%; margin-top: 45px; }
.head .headNav ul { float: right; }
.head .headNav ul li { float: left; }
.head .headNav ul li a { display: block; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #333; margin: 0 5px; }
.head .headNav ul li a:hover { background-color: #076ce0; border-radius: 5px; color: #fff; }
.head .headNav ul li .abg { background-color: #076ce0; border-radius: 5px; color: #fff; }


/*   foot    */
.foot { background-color: #f4f4f4; padding: 40px 0; }
.foot .footLogo { width: 280px; padding-top: 40px; }
.foot .footLogo h3 { font-size: 16px; padding-left: 10px; }
.foot dl { width: 170px; }
.foot dl dt { font-size: 18px; line-height: 40px; color: #000; }
.foot dl dd { line-height: 36px; color: #808080; }
.foot .footContact { width: 380px; }
.foot .bottom { text-align: center; }
.friendlink { border-top: 1px solid #404040; color: #808080; line-height: 24px; padding-top: 10px; }
.friendlink a { color: #808080; margin: 0 10px; }


/*   index    */
.h2 { color: #000; font-size: 24px; }
.h5 { color: #737373; font-size: 14px; margin: 15px 0 25px; }
.line { display: block; width: 26px; height: 2px; background-color: #0171c2; margin: 0 auto; }


.homeProList li { float: left; width: 380px; height: 260px; margin: 0 10px 20px; }
.homeProList li a { display: block; text-align: center; }
.homeProList li .ProListName { height: 40px; line-height: 40px; color: #666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.homeProList li .ProListImg { width: 380px; height: 220px; overflow: hidden; }
.homeProList li .ProListImg img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.homeProList li .ProListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}


.homeProLayout li { float: left; width: 20%; text-align: center;  }
.homeProLayout li dt { font-size: 16px; font-weight: bold; line-height: 35px; color: #111; margin-top: 10px; }
.homeProLayout li dd { line-height: 32px; }

.about { height: 465px; background-position: center center; background-repeat: no-repeat; }
.about .h2 , .about .h5 { color: #fff; }
.about .h2 { padding-top: 65px; }
.about .line { background-color: #fff; }
.about .aboutArc { font-size: 14px; text-align: left; line-height: 24px; color: #fff; }
.about .aboutMore { display: block; width: 145px; height: 42px; text-align: center; line-height: 42px; margin: 30px auto 0; font-size: 16px; color: #fff; background-color: #5bc102; border-radius: 5px; }

.homeNewsList li { float: left; width: 300px; margin: 0 50px 20px; }
.homeNewsList li .NewsListName { display: block; font-size: 18px; color: #666; line-height: 35px; }
.homeNewsList li .NewsListArc { line-height: 24px; color: #808080; }


/*    products    */
.innban { height: 350px; }
.pages a , .pages span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 6px; color: #333; }
.pages a { border: 1px solid #999; }
.pages span { border: 1px solid #076ce0; background-color: #076ce0; color: #fff; }


/*   news    */
.leftnav { width: 200px; }
.leftnav li { height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; border-bottom-style: dashed; }
.leftnav li a { padding-left: 10px; color: #666; }
.leftnav li a:hover { color: #076ce0; }
.leftnav li a.active { color: #076ce0; }
.rightItem { width: 945px; }
.newsList li { height: 130px; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-bottom-style: dashed; padding-bottom: 20px; }
.newsList li .newsListImg { display: block; width: 200px; height: 110px; }
.newsList li .rightContent { width: 725px; }
.newsList .rightContent .newsListTitle { font-size: 16px; color: #666; font-weight: bold; }
.newsList .rightContent .newsListTime { font-family: Arial, Helvetica, sans-serif; position: absolute; right: 0; top: 0; }
.newsList .rightContent .newsListArc { color: #999; font-size: 14px; line-height: 22px; margin-top: 5px; }
.newsList .rightContent .newsListNav { color: #a7a7a7; font-size: 12px; }
.innTitle { font-size: 24px; border-bottom: 1px solid #f0efef; padding-bottom: 20px; }
.innArc { padding: 20px 0; line-height: 26px; color: #676767;text-indent: 28px; }
 /* border-bottom: 1px solid #f0efef; border-bottom-style: dashed; */
.innClass { position: absolute; right: -270px;  }
.innPages { line-height: 26px; width: 920px; }
.innPages , .innPages a { color: #666; }


/*   about    */
.innAbout { text-align: center; }
.innAbout .innAboutTitle { font-size: 24px; color: #000; margin: 20px 0; }
.innAbout .innAboutArc { text-align: left; font-size: 14px; line-height: 26px; color: #555; }
.innMap { width: 750px; }
.innContact { width: 400px; }
.location { height: 45px; line-height: 45px; border-bottom: 1px solid #f0efef; font-size: 16px; color: #076ce0;  }
.location span { display: inline-block; padding: 0 10px; border-bottom: 4px solid #076ce0; height: 45px; }<!--ºÄʱ1751458480.0357Ãë-->