/*公共样式*/
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;min-width: 1200px;}
.font-yahei {font-family: "微软雅黑";}
.container {padding-left: 0px; padding-right: 0px;width: 1200px!important;}

canvas {margin: 0px;padding: 0px;display: block;}
.text-white,.text-white a {color: #fff;}
a {color: #333;}

.margin-top {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}

/*首页样式*/
.banner-box {position: relative;}
.banner-box .bd li {height: 650px;}
.banner-box .hd {position: absolute;left: 0px; bottom: 10px;width: 100%;text-align: center;}
.banner-box .hd li {display: inline-block;width: 80px; height: 10px;border: 0px solid #ccc;background: #ccc; margin: 5px 10px;border-radius: 10px;}
.banner-box .hd li.on {background: #EC4C14;border:none;}

#welcome {display: inline-block; background: url(../images/logo.png);background-repeat:no-repeat; margin-left: 20px; position: absolute;left: 50%;margin-left: -600px;z-index: 2;top: 1px;width: 1200px; height:105px;}
#welcome .icon-qq {margin-right: 20px;}
#welcome form {display: inline-block;margin-left: 50px;vertical-align: middle;height: 25px;}
#key {background: #E3EAF0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border:none;height: 25px;padding-left: 5px; float: left; margin-top:20px;}
#btn-sou {background: url(../images/btn-sou-bg.png);width: 27px;height: 25px;border:none; margin-top:20px;}

#language {display: inline-block;background: url(../images/Tel.png); height: 38px;width: 156px;margin-left: 20px;margin-top: 40px;vertical-align: middle;}
#language a {display: block;width: 50%;height: 25px;float: left;}


#nav-box {background: url(../images/m_05.jpg) left top repeat-x; height: 90px;position: absolute;left: 50%;margin-left: -600px;top: 120px;z-index: 3;}

.logo a {display: block;background: url(../images/m_03.jpg); width: 296px; height: 90px;}
.nav-box {margin-left: 0px;}
.nav-box >ul >li {float: left;width: 12.5%;position: relative;}
.nav-box >ul >li >a {display: block;text-align: center;font-size: 16px;padding-top: 20px;line-height: 1.8;height:90px;}
.nav-box >ul >li >a >p {font-size: 12px;color: #333;}
.nav-box >ul >li >a:hover {color:#F54B00;background: #fff;}
.nav-box >ul >li.active >a {color:#F54B00;background: #fff;}

.submenu {position: absolute;left: 0px; top: 90px;background: url(../images/m_10.jpg) 210px 10px no-repeat #fff; width: 500px; height: 195px;padding: 10px; display: none;}
.submenu >ul {width: 190px;}
.submenu >ul >li {border-bottom: 1px solid #ddd;}
.submenu >ul >li >a {background: url(../images/m_13.jpg) left center no-repeat;padding-left: 15px;}

.index-block {padding-top: 20px;padding-bottom: 20px;}
.title {background: url(../images/m_17.png) left bottom no-repeat;font-family: "微软雅黑";font-size: 22px;font-weight: bold;color: #F66521; height:87px;}
.title UL {font-family: "微软雅黑";font-size: 28px;font-weight: bold;color: #Ffffff; padding-left:52px; padding-top:25px; letter-spacing:3px;line-height:20px;}
.title .enname {font-size: 16px;font-family: times;color: #87B5F0; padding-left:55px; padding-top:15px; letter-spacing:3px;line-height:48px;}
.title a.float-right {font-size: 14px;font-weight: normal;font-family: times;margin-top: 30px;color: #F66521;}

.about-icon li {float: left;width: 33.3333%;background: url(../images/m_23.jpg) left top no-repeat;text-align: center;padding-top: 15px;}
.about-icon li.first {background: none;}
.about-icon li p {text-align: center;font-size: 18px;}

.procateleft {width: 296px; border: 2px solid #2B83E4; padding:15px 10px; float: left; background-color:#FFFFFF;}
.procateleft ul {width: 254px; height:51px; margin-left:10px;}
.procateleft ul a {width: 254px; height:51px; font-size:16px; display: block;text-align:left; padding:6px 0px 0px 10px;  color:#666; background: url(../images/NAV01.jpg) left top no-repeat;}
.procateleft ul a:hover {width: 254px; height:51px; color:#FFF;background: url(../images/NAV02.jpg) left top no-repeat;}
.procateleft ul a:active {width: 254px; height:51px;color:#666;background: url(../images/NAV01.jpg) left top no-repeat;}
.procateleft li {background: #fff;margin-right: 25px;padding: 5px 10px 5px 10px;}
.procateleft li a:hover {box-shadow: 0px 5px 20px rgba(0,0,0,.2);}
.procateleft li h1 {font-size: 20px;font-weight: bold;text-align: center;background: url(../images/m_39.jpg) center top no-repeat;padding: 10px 0px 30px;}
.procateleft li a {}

.procate {margin-top: 20px; float:right;}
.procate ul {width: 904px;}
.procate li {float: left;width: 210px;border: 1px solid #ddd;padding: 1px;background: #fff;margin-right: 1px; margin-left:14px; margin-bottom:30px; padding-top: 25px;}
.procate li:hover {box-shadow: 0px 5px 10px rgba(0,0,0,.2);}
.procate li h1 {font-size: 18px;font-weight: bold;text-align: center;background: url(../images/m_39.jpg) center top no-repeat;padding: 10px 0px 10px;}
.procate li a {display: block;}
.procate li img {width: 206px;}

.case-list {position: relative;overflow: hidden;}
.case-list .bd li {float: left;width: 220px;margin-right: 25px;}
.case-list .bd li div {border: 1px solid #ddd;}
.case-list .bd li a {display: block;height: 145px;overflow: hidden;}
.case-list .bd li a img {width: 100%; height: auto;}
.case-list .bd li p {text-align: center;}

#form-liuyan {width: 700px;}
#form-liuyan #username {width: 340px;display: inline-block;}
#form-liuyan #mobile {width: 340px;float: right;display: inline-block;}
#form-liuyan #content {margin-top: 30px;}
#form-liuyan #btn-liuyan {margin-top: 30px;width: 100%;background: #F66521;}


.lianxi-box {width: 470px;background: url(../images/m_59.jpg) right bottom no-repeat; height: 238px; margin-top:-10px;}
.lianxi-box h1 {font-size: 20px;font-weight: bold;}
.lianxi-box h2 {font-size: 16px;line-height: 40px;}
.lianxi-con {line-height: 2.3;}


.botmenu {background: #CCCCCC;padding: 20px 0px;}
.botmenu-list ul {float: left;border-right: 1px solid #8E8E8E;width: 90px;margin-right: 20px; height:200px;}
.botmenu-list ul li.first {font-size: 16px;line-height: normal;margin-bottom: 10px;}

.tel-box p {font-weight: bold;font-size: 22px; color:#FF6600;}

.copy {background: #909090;padding: 10px 0px;}


/*内页样式*/
#left-box {width: 250px;}
.left-nav-title {background: #215DAF;color: #fff;font-size: 24px;font-weight: bold;padding: 25px 20px;line-height: normal;}
.left-nav-title p {font-size: 20px;font-weight: lighter;}
.left-nav-title span {float: right;font-size: 36px;}
.left-sub-list {background: url(../images/submenu-box-bg.jpg) left bottom no-repeat #F3F3F3;padding-bottom: 80px;}
.left-sub-list li {border-bottom: 1px solid #ddd;}
.left-sub-list li a {display: block;padding: 0px 20px;line-height: 50px;font-size: 16px;}
.left-sub-list li a span {float:right}
.left-sub-list li a:hover {background: #3873C5;color: #fff;}
.left-sub-list li.active a {background: #3873C5;color: #fff;}

.left-lianxi {background: url(../images/left-lianxi.jpg) center top no-repeat #F3F3F3;padding: 10px;padding-top: 106px;margin-top: 20px;}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #666;}

#right-box {width: 900px;padding-top: 0px;}
.nav-position {border-bottom: 1px solid #ddd;padding: 10px 0px;}
.nav-position .icon-list-alt {font-size: 16px;}

#main-con {margin-top: 15px;}
#main-con img {max-width: 100%;}



#article_list_page li{background:url(../images/arrow3.gif) 6px center no-repeat; padding:0px 10px 0px 18px; border-bottom:1px solid #eee; height:36px; line-height:36px;}
#article_list_page span{float:right;font-size:10px;}
#article_list_page a:link,a:visited {text-decoration: none;}a:hover,a:active {text-decoration: none;}
#page_box{margin-top: 20px;}