@charset 'utf-8';
/*
全局css，适合所有页面
*/

*{ margin: 0px; padding: 0px; box-sizing: border-box;}
body{ font-size: 14px; font-family: "微软雅黑"; color: #666; background: #f0f0f0;}
a {text-decoration: none;color: #666;}
p {text-indent:0em;}
li{ list-style-type: none;}
img {border:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}

/* 元素行 */
.row { width: 1000px; margin: 0px auto;}
/* 主背景色 */
/*.bgcolor { background-color: #C91A1D!important; }*/
.bgcolor { background-color: #800!important; }
.color { color: #0a0!important; }
.bdcolor { color: #0a0!important; }

/*头部*/

/*顶部栏*/
.top1{ color: #666; background-color: #f0f0f0;height:30px;line-height:30px; font-size: 12px;}
.top1 a{}
.top1 h1.sitename{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }

.top1_left{ line-height:30px; }

.top1_right{padding-left: 30px; background: url(../images/tel.png) no-repeat left center;}
.top1_right span{color: #ff0500;}

/*导航栏 */
.top3{position: relative; height:110px; background: #f9f9f9;}
.top3 .top3-l{width: 230px; line-height: 110px; background: url(../images/nav.png) no-repeat scroll right center;}
.top3 .top3-l img{max-width: 210px; max-height: 98px; vertical-align: middle;}
.nav{width: 770px; padding-top: 40px;}
.nav ul{}
.nav ul .nav-li{margin-right:0px; float:left; line-height:50px; width:85px; margin-left: 25px; text-align:center; }
.nav ul .nav-a{font-weight:bold; font-size:14px;}
.nav ul .nav-h2{ font-size: 18px; color: #333;}
.nav ul .on .nav-h2{color: #0054a9;}
.nav ul li.on{border-bottom:2px solid #0054a9;}
/*.nav-sub-ul{width:123px; position: absolute; top:50px; left:0px; zoom:1; z-index:99999; display: none;}
.nav-sub-li{color: #fff; font-weight:bold; font-size:14px; height:35px;line-height:35px;}
.nav-sub-li:hover{}
.nav-sub-a{color: #fff; font-weight:bold; font-size:14px; }
.nav-sub-h3{color: #fff; display: inline; padding:5px 8px;}
.nav-sub-h3:hover{border:1px solid #fff; border-radius:3px;}*/


/*banner*/
.banner{position: relative; height: 500px;}
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{height:200px;}
.banner .hd{position: absolute; bottom: 20px; width: 100%;}
.banner .hd ul{width: 100%; text-align: center;}
.banner .hd ul li{margin: 0 10px; display: inline-block; *display: inline; zoom: 1; height: 12px; width: 12px; background: #ccc; border-radius:50%; cursor: pointer;}
.banner .hd ul li.on{background: #da251c;}

/*主体*/
.main{background-color: #B8F0FD;}
.index-title{height: 80px; background: url(../images/title-box.png) no-repeat scroll center top;}
.index-title-ch{color: #f29f00; height: 44px; line-height: 44px; font-size: 17px;}
.index-title-en{color: #0054a9;}


.main1{height: 705px; padding-top: 48px;}
.main1-nav{margin-top: 26px;}
.main1-nav li{width: 160px; line-height: 40px; height: 50px; background: url(../images/line.png) no-repeat scroll center bottom; float: left; margin-left: 8px;}
.main1-nav li:first-child{margin-left: 0;}
.main1-nav li.on{background: url(../images/square.png) no-repeat scroll center bottom; color: #fff;}
.main1-nav li.on a{color: #fff;}
.main1-box{}
.main1-box li{position: relative;float: left; background: url(../images/probg.png) no-repeat scroll 2px top; width: 296px; height: 224px; margin-right: 56px; text-align: center; padding-top: 25px; overflow: hidden;}
.main1-box li.mr0{margin-right: 0;}
.main1-box li img{width: 260px; height: 159px;}
.main1-mask{position: absolute; width: 260px; height: 159px; background: #000; top: 230px; left: 18px; opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);color:#f29f00; padding-top: 65px;}


.main2{height: 590px;padding-top: 48px;}
.main2 .main2-ul{}
.main2 .main2-ul li{width: 333px; float: left;}
.main2 .main2-ul .main2-li-div{background: #FCF6EE; height: 245px; text-align: center; padding: 66px 20px 0; }
.main2 .main2-ul .main2-li-title{color:#f29f00; margin-bottom: 15px; font-size: 16px;}
.main2 .main2-ul .main2-li-desc{color: #333;}
.main2 .main2-ul li img{height: 245px;width: 333px; vertical-align: top;}

.main3{height: 540px; padding-top: 48px; background: #ebebeb;}
.main3 .main3-box img{width: 411px;}
.main3 .main3-content{width: 550px; line-height: 30px;}
.main3 .main3-content .main3-content-div{max-height:300px; overflow: hidden;}
.main3 .main3-content a{display: inline-block; *display: inline; zoom: 1; height: 36px; width: 140px; margin-top: 20px; border: 1px solid #0054a9; border-radius: 5px; color: #0054a9;}


.main4{height: 538px; padding-top: 48px;}
.main4 .main4-content-l{position: relative; width: 484px;}
.main4 .main4-content-l>img{position: relative; width: 484px; height: 260px;}
.main4 .main4-content-r{margin-left: 514px; width: 486px;}
#news-more{position: absolute;}
#news-more-a{z-index: 1; position: relative;}
.main4 .main4-news-title{color: #1a1a1a; height: 30px; margin-top: 4px; font-size: 15px;}
.main4 .main4-content-r li{height: 90px; margin-top: 32px;}
.main4 .main4-content-r li:first-child{margin-top: 0;}
.main4 .main4-content-r li img{width: 135px; height: 90px;}
.main4 .main4-content-r .main4-news-main{margin-left: 150px;}

.main-right{width:322px; margin-right:10px; margin-top:10px;}
.main-left{padding:10px; width:815px;}





/*友情链接*/
.friendlink{}
.friendlink ul{ margin:0px 10px 0px 80px; padding-top:20px;}
.friendlink ul li{ display: inline-block; margin-right:20px; line-height:30px;}
.friendlink ul li a{}

/*底部*/
.footer{height: 270px;background: #262628; color: #fff;}
.footer a{color: #fff;}
.footer .footer-nav{height: 100px; line-height: 90px; font-size: 16px;}
.footer .footer-nav table{width: 100%;}
.footer .footer-nav table a{color: #fff;}
.footer .footer-nav table td{text-align: center;}
.footer-bottom-l{padding-left: 36px; height: 170px; width: 470px; background: url(../images/footer_line.png) no-repeat scroll right top;}
.footer-bottom-r{margin-left: 540px; line-height: 30px;}
.footer-logo-div{margin-left: 180px; font-size: 24px; color: #0054a9; letter-spacing: 18px; font-weight: 300;}
.footer-logo-div img{margin-bottom: 20px;}
.footer-logo-div div{padding-left: 20px;}
.footer-bottom-l img{vertical-align: top;}
.ercode{width: 144px; height: 144px;}
.footer-logo{height: 80px; max-width: 220px;}


/*---------------------------------以下是内页--------------------------------*/

/*内页布局*/
.page{/*background-color: #B8F0FD;*/}
.page-left{ padding:10px;width:240px;}
.page-right{margin-left:250px; padding:10px;min-height:300px;}

/*您的位置*/
.page-position{border-bottom: 2px solid #4C9ED9; padding-bottom:10px; height: 40px; line-height: 32px;}
.page-position span{border-left: 0px solid #800; padding-left: 0px; margin-left:2px;}

/*内页右侧容器*/
.page-container{padding:10px; min-height:400px;}

/* 文字列表 */
.page-list{}
.page-list ul{}
.page-list ul li{margin:0px 0px 10px 10px; line-height:25px;}
.page-list ul li a{}

/* 九宫格列表 */
.page-list-9{}
.page-list-9 ul{}
.page-list-9 ul li{position: relative; width:224px; height: 172px; display: inline-block; margin: 15px 4px;}
.li-pic-div{ width:228px; height:140px; text-align:center; vertical-align: middle; display:table-cell; overflow: hidden;}	
.li-pic-div img{width: 224px; height:137px; vertical-align: middle;}
.li-pic-title{height: 30px; text-align: center; line-height: 30px;}
.li-pic-title:hover{color:#f29f00;}
/*.li-pic-title{position: absolute;top: 0;width: 224px; height:137px;text-align:center; line-height:30px;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);color:#f29f00;background: #000; padding-top: 52px;}*/

/* 图文混列 */
.page-list-mix{}
.page-list-mix ul{}
.page-list-mix ul li{padding:10px 0px; height:135px; border-bottom:1px dashed #eeeeff;}

.page-list-mix ul li img.thumb{ margin-right:10px; width:160px; height:115px; border:1px solid #efefef;}
.page-list-mix ul li a.title{ line-height:40px; font-size:14px; color:#000; }
.page-list-mix ul li span.time{float:right; margin-top: 12px; color:#999;}
.page-list-mix ul li div.desc{text-indent:2em; color:#999;}

/*内页文章详细信息*/
.page-art-title{text-align: center; font-size: 16px; color: #333; height: 30px;}
.page-art-time{text-align: center; color: #999; font-size: 12px;}
.page-art-content{ text-indent: 0px; line-height:20px; }
.page-art-content img{ max-width:100%; vertical-align: middle; }

/*单项目，适合产品详情和招聘详情等*/
.page-art-kv{line-height:25px;}
.page-art-key{font-weight:bold;}
.page-art-value{}

/* 分页 */
.wdcms-page{ text-align:center; }
.wdcms-page a{ margin-right:10px; padding:5px 10px; border:1px solid #ccc;}
.wdcms-page span{ margin-right:5px;}

/* 上一篇下一篇 */
.page-updown{ border-top:1px dashed #ccc; padding-top:10px;}
.page-updown p{ text-indent:0px; color:#999;}
.page-updown a{ color:#999; }



/*---------------------------------以下是左侧--------------------------------*/
.left-menu{width:100%;}
.left-menu-title{background-color: #4C9ED9; height:40px; line-height:40px; font-size:16px;padding-left: 30px; text-align: left!important;}
.left-menu-content ul{border:1px solid #eee; border-top: 0; border-bottom: 0;}
.left-menu-content ul li>a{display: block; background-color: #eee; line-height:35px; font-size:14px; color:#fff; border-bottom:1px solid #fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 30px;}
.left-menu-content ul li a{color:#666;}
.left-menu-content ul li.open>a{color: #4C9ED9;}
.left-menu-content2 ul li>a{ background: #eee url(../images/list.png) no-repeat scroll 180px 10px;}
.left-menu-content2 ul li.active>a{background: #eee url(../images/listOpen.png) no-repeat scroll 180px 10px;}
.left-menu-div{height: 0; overflow: hidden;}
.left-menu-div a{display: block;line-height:30px; text-align: left; font-size:14px; color:#fff; border-bottom:1px solid #fff; background: url(../images/triangle.png) no-repeat scroll 30px 10px/10px 10px; padding-left: 44px; font-size: 12px; border-bottom: 1px solid #eee; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.left-menu-content2 li.active .left-menu-div a{display: block; height: 30px;}*/
.left-menu-div a.active{color: #4C9ED9;}

.left-menu-contact{border:1px solid #eee; border-top: 0; padding: 10px; font-size: 12px;}
.left-menu-contact p{line-height: 20px; margin: 5px 0;}


.pro-nav{position: absolute; top: 110px; left: 0; height: 500px; width: 100%; background: #e6e6e6; height: 0; opacity: 0; overflow: hidden;}
.pro-nav li{display: inline-block; position: relative; width: 500px; height: 115px; margin-top: 40px; vertical-align: top;}
.pro-nav li img{width: 205px; height: 115px;}
.pro-nav-li-r{margin-left: 215px; padding-top: 14px;}
.pro-nav-li-r p{height: 30px; line-height: 30px; background: url(../images/triangle.png) no-repeat scroll left center; color: #333; padding-left: 20px; text-align: left;}
.pro-nav-li-l{position: relative;width: 205px; height: 115px;}
.pro-nav-li-l p{position: absolute; bottom: 0; width: 100%; height: 36px; line-height: 36px; color: #fff; text-align: center; background: #000; opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);}
.pro-more{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);background: #000; text-align: center; line-height: 115px;}