/**首页头部与底部**/
#head,#maincontent,#foot,#mainabout,#footmenu,#copyright,#location{width:1080px; margin:0px auto;}
#head{ height:80px;}
#logo{width:200px; float:left; padding-top:15px}
#logofont{float:left;}
#right{float:right; width:700px}
#banner{ width:100%;}
.hotproduct{ margin:0 -10px;}
.hotproduct li{float:left; width:25%;margin-bottom:25px;}
.hotproduct li .a_item{display:block;margin:0 10px; background:#ffffff;}
.hotproduct li img{display:block;min-width:100%;width:100%; height:185px}
.hotproduct li .a_name{line-height:30px;color:#454545;font-size:14px;}
.hotproduct li .a_img{ padding:0; margin:0}

.hotproduct li dt{color:#707070;line-height:20px; height:90px; padding-top:3px; font-weight:normal;}
.hotproduct li .a_more{background:url(../images/pjt.png) no-repeat left center;height:23px;line-height:23px;padding-left:20px;color:#999;display:inline-block;}
.hotproduct li .a_txt{padding:10px; padding-left:15px;font-weight:bold;}
.hotproduct li .a_item:hover{background:#227bd7;color:#fff;}
.hotproduct li .a_item:hover .a_name,.hotproduct li .a_item:hover dt{color:#fff;}
.hotproduct li .a_item:hover .a_more{background-image: url(../images/pjton.png);color:#fff;}
#graybox{ background:#f6f6f6; padding-bottom:25px; padding-top:5px}

.indexnews_left{width:360px; float:left; height:165px;}
.indexnews_box{ float:left; height:120px; width:210px; line-height:21px}
.indexnewstitle{ font-size:16px; line-height:24px; padding-top:5px; height:40px}
.indexnewstitle a{ color:#10569e;}
.indexnewsimg{ padding:0; margin:0;float:left;width:135px;}
#aboutbox{background:url(../images/fabout.jpg) no-repeat; height:480px; padding-top:20px}
.indexaboutbox{width:1060px; margin:0px auto; text-align:center; font-size:14px; color:#014a8f; line-height:210%}
.brandcasetitle1{ color:#004b8d; text-align:center; font-size:26px; padding-bottom:20px; padding-top:30px;}
.brandcasetitle1 p{font-size:48px; font-family:"MyriadPro-LightCond";text-transform:uppercase;line-height:50px;letter-spacing:1px; padding-bottom:2px; color:#004b8d; text-align:center}
#footbox{background:#666666; width:100%;color:#ffffff;}
#foot{ line-height:50px; height:50px; font-size:14px}
#foot_a{float:left;width:320px;background:url(../images/tel.png) no-repeat 0px 50%; padding-left:30px}
#foot_b{float:left; background:url(../images/email.png) no-repeat 0px 50%; text-align:left; padding-left:38px}
#foot_c{float:right; background:url(../images/wz.png) no-repeat 0px 50%; text-align:right; padding-left:25px}
#footbox a{ color:#ffffff;}
#copyright{width:100%; background:#555555; line-height:50px; text-align:center; font-size:14px}
.title_t{ height:50px; padding-top:25px}
.title_t h2{ float:left; color:#000; font-size:24px; line-height:30px; font-weight:normal;}
.title_t h2 span{ color:#787878; font-size:18px}
.more_a{float:right; height:23px;text-transform:uppercase; padding-top:10px}
.more_a a{ height:23px; line-height:23px; background:url(../images/more_a.png) no-repeat 0 0; padding-left:20px;color:#009944;}
.more_a a:hover{ background-position:0 -23px;}
.green,.green a{ color:#6eb92b;}
.green a:hover{color:#000;}
/**导航菜单**/
#nav{ width:665px;height:80px; float:right; font-family:"微软雅黑"; font-weight:bold}
#nav li{ width:115px;float:left; line-height:80px; font-size:14px; text-align:center;}
#nav a{color:#454545; display:block}
#nav a:hover{color:#000000}
#nav .home{ color:#ffffff;background:#227bd7}
#nav .home a{color:#ffffff;background:#227bd7}
#nav .home a:hover{color:#ffff00;}
/**内页**/
#mainabout_box{background:url(../images/about.jpg) no-repeat center top; width:100%; padding-top:250px; padding-bottom:35px}
#maincontact_box{background:url(../images/contact.jpg) no-repeat center top; width:100%; padding-top:250px; padding-bottom:35px}
#mainyingyong_box{background:url(../images/yingyong.jpg) no-repeat center top; width:100%; padding-top:250px; padding-bottom:35px}
#mainnews_box{background:url(../images/tec.jpg) no-repeat center top; width:100%; padding-top:250px; padding-bottom:35px}
#mainproduct_box{background:url(../images/product.jpg) no-repeat center top; width:100%; padding-top:250px; padding-bottom:35px}
#mainabout{ height:auto; background:#ffffff;box-shadow: 0px 3px 2px rgba(0,0,0,.1);}
#mainabout_left{float:left; width:230px}
#mainabout_right{float:left; width:848px; border-left:1px solid #eeeeee;}
#location{ line-height:50px; padding-top:20px; border-bottom:1px solid #e2e2e2;}
.abouttitle{ margin-left:30px; margin-right:30px;font-size:26px; padding-top:25px; line-height:35px; border-bottom:2px solid #eeeeee; color:#0061c5; padding-bottom:10px}
.lefttitle{ line-height:24px; font-size:16px; font-weight:bold; color:#444444; border-bottom:1px solid #eeeeee; padding-left:20px; padding-top:15px; padding-bottom:10px}
.lefttitle dt{ padding:0; margin:0; font-weight:normal; font-size:14px; color:#ff6600; text-transform:uppercase; line-height:21px}
.aboutcontent{padding:15px 30px 30px 30px; line-height:200%; font-size:14px; min-height:300px}
.aboutcontent h2{ font-size:16px; color:#ff3300; padding-bottom:10px; padding-top:10px}
.aboutcontent_a{float:left; width:450px;}
.aboutcontent_b{float:right; width:550px;}
.aboutimage{ text-align:center}
.aboutimage img{width:100%;}
.newscontent{padding:5px 30px 20px 30px; min-height:600px}
.fanganview{ text-align:left; line-height:200%; padding-top:20px}
.fanganview h2{ font-size:24px; line-height:35px; height:45px; font-weight:normal; text-align:center; color:#333333}
.content{ padding:10px 0px 10px 0px}
.context{border-top:1px dashed #cccccc; padding-top:10px; height:54px}
.context li{ line-height:26px; font-size:14px;}
.content{ padding-bottom:20px; padding-top:5px; font-size:14px; line-height:180%}
.context a{color:#0063b7;}
.news{ float:left; width:313px;padding-left:30px;padding-bottom:30px}
.newsbox{ border-bottom:1px solid #eeeeee; height:140px; padding-top:20px}
.news_a{float:left; width:185px;}
.news_a img{width:180px; height:120px; border:0}
.news_b{ padding:0; margin:0;float:right; width:585px}
.news_b h2{ font-size:16px; line-height:22px; padding-top:8px;}
.news_b h2 a{ color:#0581c7;}
.news_b dt{ padding-top:10px; color:#999999; font-size:14px; line-height:24px; height:105px}
.newsmore{  text-align:center; height:55px}
.newsmore a{ display:inline-block; width:100px; height:32px; line-height:32px; text-align:center; background:#999999; color:#ffffff;}
.newsmore a:hover{ background:#0581c7; color:#f7f8fa}
/**产品**/
.leftmenubox{border:1px #e2e2e2 solid;}
.productcontent{ padding:0; margin:0; padding-top:20px; min-height:600px; padding-left:30px;}
.all-list{border-left: 1px #eeeeee solid; border-top: 1px #eeeeee solid; width:786px}
.all-list ul li{float: left; width: 261px; height: 250px; overflow: hidden; background: #fff; border-right: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid; text-align: center; position: relative;}
.all-list ul li a{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; display: block; padding-top: 20px;}
.all-list ul li a i{-webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s; display: block; overflow: hidden; width: 100%; height: 250px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 9; border:1px #fff solid; *display: none;}
.all-list ul li a:hover i{border:5px #a0d4f1 solid; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.all-list ul li a .figure{height:162px; overflow: hidden; position: relative; text-align: center;}
.all-list ul li a .figure img{width: 220px; height:160px; z-index: 1; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.all-list ul li a:hover .scale img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.all-list ul li a h3{font-size: 14px; font-weight:normal; color: #333; padding:10px 17px 0px 17px; text-align: center; line-height:22px}
.producttitle{ text-align:center; padding-top:15px}
.producttitle h2{font-size:24px; font-weight:normal; color:#333333; line-height:45px; padding-bottom:15px}
.productxxcs{ border-top:0px solid #e6e6e6;}
.productfont{ padding:15px 0px 20px 0px; text-align:left; font-size:14px; line-height:180%;}
/**按钮**/
.btn02 { width:120px; height:40px; background:#ff4400; color:#ffffff;font-size:16px; font-weight:bold; line-height:40px; cursor:pointer; border:0; margin:0; padding:0; text-align:center;}
.btn04 { width:120px; height:40px; background:#ad0000; color:#ffffff;  font-size:16px; font-weight:bold; cursor:pointer; line-height:40px; border:0; margin:0; padding:0; text-align:center;}

.leftmenu{font-size:14px;border-top:1px solid #eeeeee}
.leftmenu ul {padding:0; margin:0;list-style-type: none;}
.leftmenu ul li { height:45px; color:#3c3b3b; line-height:45px;background:url(../images/leftmenu.png) no-repeat 20px 50%; border-bottom:1px solid #eeeeee}
.leftmenu ul li a{ color:#3c3b3b;display:block; padding-left:45px}
.leftmenu ul li:hover a { display:block; color:#fff;background:url(../images/leftmenuon.png) no-repeat 20px 50% #227bd7;}
.leftmenu ul li.home{ color:#fff;background:url(../images/leftmenuon.png) no-repeat 20px 50% #227bd7;}
.leftmenu ul li.home a{ color:#fff;background:url(../images/leftmenuon.png) no-repeat 20px 50% #227bd7;}

.BigClass_box{margin:0; padding:0;}
.BigClass_index{ margin:0; padding:0; list-style:none;}
.BigClass_index li { height:45px; line-height:45px;background:url(../images/leftmenu.png) no-repeat 20px 50%; border-top:1px solid #eeeeee}
.BigClass_index li a{color:#555555;display:block;text-indent:45px;font-size:14px; font-weight:bold}
.BigClass_index li a:hover{ color:#222222;}

.SmallClass_index{ margin:0; padding:0; list-style:none; padding-bottom:8px}
.SmallClass_index li { line-height:24px;}
.SmallClass_index li a{  display:block; color:#666666; text-indent:45px; font-size:12px}
.SmallClass_index li a:hover{ color:#000000;}