﻿/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: ''; color: #666; }
a { color: #666; }
a:hover { color: #f60; text-decoration: none; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1024px; margin: 0 auto; }
/*common end*/
.header { height: 93px; }
.header .logo { float: left; margin-top: 5px; }
.header .tel { float: right; margin-top: 15px; margin-right:-182px; }
.header .tel span { display: block; height: 25px; font-family: "Times New Roman", Times, serif; background: url(../images/tel_bg.png) left no-repeat; padding-left: 40px; line-height: 25px; font-size: 24px; color: #333; }
.header .ser { margin-top: 50px; float: right; width: 231px; height: 32px; background: url(../images/index_08.jpg); }
/*menu*/
/*background: url(../images/index_02.jpg) bottom repeat-x;*/
.menu { height: 38px; line-height: 38px; background:#e67817; z-index: 999; position: relative; width:100%; }
.menu ul li { float: left; position: relative; width: 127px; }
.menu ul li dl { background: #fff; width: 150px; position: absolute; left: 0px; top: 38px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 10px 0; display: none; }
.menu ul li dl dd { line-height: 28px; border-bottom: #ddd dotted 1px; margin: 0 10px; padding-left: 10px; }
.menu ul li dl dd a { font-size: 12px; color: #666; font-weight: normal; display: inline; padding: 0; text-align: left; }
.menu ul li dl dd a:hover { color: #f60; }
.menu a { font-size: 14px; color: #fff; text-decoration: none; font-weight: bold; display: block; text-align: center; }
.menu a:hover { color: #fff; }
a.menu_hover { background: #0f729c; color: #fff; }
.menu_down span { display: block; }
/*banner_02*/
.banner_02 { height: 393px; overflow: hidden; z-index: 1; position: relative; }
.banner_02 #banner_02_con { display: none; }
.content { margin-top: 30px; }
.con_01 .left { width: 191px; float: left; }
/*background: #177aa3; */
.con_01 .left h3 { padding-top: 10px; width: 100%; background: #e67817; height: 52px; color: #FFF; text-align: center; font-weight: normal; }
.con_01 .left h3 span { font-size: 12px; display:block; }
.con_01 .left ul { background: #f1f2f2; padding-left: 5px; padding-top: 10px; }
.con_01 .left ul li { margin: 3px 0; }
.con_01 .left ul li span { height: 25px; line-height: 25px; background: url(../images/icon-01.gif) left no-repeat; padding-left: 15px; }
.con_01 .left ul li dl { padding-left: 20px; }
.con_01 .left ul li dl dd { height: 25px; line-height: 25px; background: url(../images/icon-03.gif) left no-repeat; padding-left: 15px; }
.con_01 .right { float: right; width: width: 813px;
float: right; border: #e6e6e6 1px solid; }
.slideTxtBox_02 { width: 813px; float: right; border: 1px #ddd solid; }
.slideTxtBox_02 .hd { border-bottom: 1px #ddd solid; }
.slideTxtBox_02 .hd { margin-bottom: 10px; }
.slideTxtBox_02 .hd ul { float: left; position: relative; }
.slideTxtBox_02 .hd ul li { border-bottom: 0; text-align: center; cursor: pointer; line-height: 62px; width: 168px; height: 62px; color: #666; font-size: 24px; float: left; margin-right: 30px; }
.slideTxtBox_02 .hd ul li a { width: 168px; }
.slideTxtBox_02 .hd ul li.on a { border-bottom: #177aa3 2px solid; line-height: 62px; width: 168px; height: 62px; color: #177aa3; font-size: 24px; float: left; margin-right: 30px; }
.slideTxtBox_02 .hd ul li a:hover { color: #177aa3; }
.slideTxtBox_02 .bd ul li img { display: block; float: left; }
.slideTxtBox_02 .bd ul li dl { padding-top: 30px; width: 410px; float: right; }
.slideTxtBox_02 .bd ul li dl dt { color: #177aa3; margin-bottom: 20px; font-size: 18px; font-weight: normal; }
.slideTxtBox_02 .bd ul li dl dd { line-height: 30px; }
.slideTxtBox_02 .bd ul li dl .last { text-align: center; line-height: 36px; margin-top: 20px; width: 105px; display: block; background: #177aa3; height: 36px; font-size: 14px; }
.slideTxtBox_02 .bd ul li dl .last a { color: #fff; }
.con_02 { margin-top: 60px; }
.con_02 h2 { border-bottom: #177aa3 1px solid; padding-bottom: 12px; margin: auto; width: 100px; display: block; color: #177aa3; font-size: 24px; font-weight: normal; }
.con_02 .neirong { padding-top: 30px; }
.con_02 ul li { padding-bottom: 5px; padding-left: 5px; width: 454px; padding-right: 5px; margin-bottom: 30px; float: left; margin-left: 20px; transition: .5s; overflow: hidden; margin-right: 20px; padding-top: 5px; }
.con_02 ul li img { display: block; float: left; }
.con_02 ul li dl { width: 290px; display: block; float: left; margin-left: 15px; }
.con_02 ul li dl dt { line-height: 20px; height: 20px; }
.con_02 ul li dl dt span { float: right; color: #177aa3; }
.con_02 ul li dl dt a { float: left; color: #F00; }
.con_02 ul li dl dd { padding-top: 10px; line-height: 20px; }
.con_03 { background: #f1f2f2; padding-top: 50px; padding-bottom: 40px; }
.con_03 h2 { border: #177aa3 1px solid; text-align: center; font-weight: normal; line-height: 40px; margin: auto; width: 128px; height: 40px; color: #177aa3; font-size: 18px; }
.con_03 .left { width: 712px; height: 212px; float: left; }
.con_03 .left img { display: block; float: left; }
.con_03 .left dl { margin-left: 17px; width: 330px; float: left; }
.con_03 .left dl dt { padding-bottom: 8px; display: block; color: #177aa3; font-size: 18px; font-weight: normal; }
.con_03 .left dl dd { line-height: 20px; color: #8f9194; }
.con_03 .left dl .last { padding-bottom: 2px; margin-top: 18px; padding-left: 10px; width: 50px; padding-right: 10px; display: block; background: #177aa3; }
.con_03 .left dl .last a { color: #fff; }
.con_03 .right { width: 280px; float: right; }
.con_03 .right ul li { color: #177aa3; line-height: 20px; }
.footer { background: #e67817; padding-top: 45px; padding-bottom: 50px; }
.footer .wapper .top ul { float: left; margin-right: 40px; color: #FFF; }
.footer .wapper .top ul li { margin-bottom: 6px; }
.footer .wapper .top img { display: block; float: right; width: 205px; height: 187px; }
.footer .wapper .top ul li a { color: #FFF; }
.footer .wapper .top ul li a span { padding-left: 3px; }
.footer .wapper .top ul li a:hover { color: #0FF; }
.footer .wapper .top ul li h3 a:hover { color: #FFF; }
.footer .wapper .top ul a { color: #FFF; }
.foot { text-align: center; padding: 10px 0; line-height:22px;}
/*Add------------------------------------------------------------------------------*/
.tu{ height:250px; width:100%; overflow:hidden;}

.main{ background: #f1f2f2; padding: 30px 0;}

.inside { border: #bcbdbd 1px solid; padding-bottom: 20px; margin: 0 auto auto; padding-left: 20px; width: 1000px; padding-right: 20px; background: #fff; padding-top: 20px; }
.inside .left { padding-bottom: 20px; width: 185px; float: left; }
.inside .left h2 { line-height: 52px; font-style: normal; padding-left: 50px; color: #fff; font-size: 16px; font-weight: normal; text-decoration: none; background: url(../images/tit.png); }
.inside .left .com{ }
.inside .left .com li{line-height: 32px; margin: 3px 0; padding-left: 50px;display: block;font-size: 14px;text-decoration: none;}
.inside .left .pro { background: #f1f2f2; padding-left: 5px; padding-top: 10px; }
.inside .left .pro li { margin: 3px 0; }
.inside .left .pro li span { height: 25px; line-height: 25px; background: url(../images/icon-01.gif) left no-repeat; padding-left: 15px; }
.inside .left .pro li dl { padding-left: 20px; }
.inside .left .pro li dl dd { height: 25px; line-height: 25px; background: url(../images/icon-03.gif) left no-repeat; padding-left: 15px; }
.inside .right { width: 770px; float: right; }
.weizhi { border-bottom: #d7d9da 1px solid; height: 30px; text-align: right; }
.nr { padding: 10px; min-height:450px;}
/*contact*/
.contact h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.contact { margin-top: 15px; }
.contact ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.contact ul li { line-height: 20px; padding: 3px 0; }
/*proShow*/
.product_show ul li { width: 130px; line-height: 20px; }
.product_show ul li { float: left; margin: 15px 20px 0; border: #e4e4e4 solid 1px; display: inline; }
.pro img { max-width: 120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true);
height: expression(this.height > 90 ? 90: true);
}
.hover2 { background: #f4f4f4; }
/*product_list*/
.side_product { margin-top: 15px; }
.side_product h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.side_product ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.side_product ul li { line-height: 24px; }
.side_product ul li a { padding-left: 30px; display: block; border-bottom: #e4e4e4 dashed 1px; background: url(../images/side_menu_bg.gif) 10px 8px no-repeat; }
.side_product ul li dl dd a { display: inline; border: none; background: none; }
