﻿*{margin:0;padding:0}
body,td,th {font-family: "Microsoft YaHei","微软雅黑" ,Arial, Helvetica, sans-serif;font-size: 14px;color: #333;}
body {margin:0; padding:0; background:#fff;}
table{margin:auto; height:auto;margin:0;padding:0; }
body , div , dl , dt , dd , ul , ol , li , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;outline:none;}
img {border:0px;}
i , em{ font-style:normal;}
ul,dl,dt,dd,li,p{Margin:0px;Padding:0px;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;box-sizing:border-box; font-weight:normal;}
table {border-collapse: collapse; border-spacing: 0;}
.clearboth{clear:both; visibility:hidden}/*系统预设*/

a:link,a:visited,a:active {text-decoration: none; color:#333;}
a:hover {color: #c00;text-decoration:none;}
.width1200{ width:1200px;margin: auto auto;}

/*避免因子元素浮动而导致的父元素高度缺失能问题*/
.clearFix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix {zoom: 1;}
.b_shadow{-o-box-shadow:0 0 18px rgba(0,0,0,.1);-ms-box-shadow:0 0 18px rgba(0,0,0,.1);-moz-box-shadow:0 0 18px rgba(0,0,0,.1);-webkit-box-shadow:0 0 18px rgba(0,0,0,.1);box-shadow:0 0 18px rgba(0,0,0,.1);}

.font01{ color:#c00;}
.font02{ color:#999;}
.font03{ color:#fff;}
.font04{ color:#f60;}
.px12{font-size: 12px;}
.px14{font-size: 14px;}
.px16{font-size: 16px;}
.px18{font-size: 18px;}
.fr{float: right;display:inline;}
.fl{float: left;display:inline;}
.padd10px{padding:10px;}
.mtop20{ margin-top:20px;}
.mtop40{ margin-top:40px;}
.mtop50{ margin-top:50px;}
.mtop60{ margin-top:60px;}
.hx{background: url(../images/hx.gif) repeat-x bottom;}
.hx2{background: url(../images/hx.gif) repeat-x center; height:40px; margin:auto;}
.page {text-align:center; width:100%;font-size:16px; padding:60px 0;}
.page a{display:inline-block;padding:8px 16px;border:#E4E4E4 1px solid;margin:2px 6px;color:#666;text-decoration:none;cursor:pointer;border-radius:3px;}
.page a:hover{border:#c80000 1px solid;color:#FFF;background:#c80000;}
.page span.current{display:inline-block;padding:8px 16px;color:#FFF;background:#c80000;border:#c80000 1px solid;margin:2px 4px;border-radius:3px;}
.page span.no{border:1px #c80000 solid;margin:2px;color:#FFF;background:#c80000;text-decoration:none;border-radius:3px;}



/*头部开始*/
.header_box{width:100%;height: auto;position:relative;z-index:999;box-shadow:0px 5px 5px rgba(0,0,0,0.15);background:#fff; background:url(../images/bg.jpg) repeat-x top;}

.head_top{ margin:auto; width:1200px; height:30px;}
.head_top .search{float: right; border-right:1px solid #D6D6D6; }
.head_top .search input{width:140px;height:29px; border:none;padding-left:10px; background:#fff;float: left;line-height:29px;color: #686d71;outline:none; }
.head_top .search input.submit{width:40px;height:29px;cursor: pointer;background:url(../images/btn-search.png) no-repeat 5px;background-size:29px auto; vertical-align:middle;outline:none;}
.head_top ul{border-right: 1px solid #D6D6D6;float: right;}
.head_top li{height: 30px;border-left: 1px solid #D6D6D6;float: left;}
.head_top li a{display: inline-block;width: 90px;line-height:28px;color: #999;text-align: center;}
.head_top li a:hover{color: #333;}

.head_logo{margin:auto; width:1200px; height:120px; background:url(../images/head.jpg) no-repeat top;}
.head_logo .aa{ width:540px; height:45px; margin-top:45px; display:block; float:left;}
.head_logo .bb{ width:150px; height:45px; margin-top:45px; margin-right:200px; display:block; float:right;}



.nav{width: auto; background:#014375;}
.nav > ul{ margin:auto; width:1200px; height:50px;}
.nav > ul > li{float: left;display: inline-block;height:50px;line-height:50px;position: relative; width:171px;background:url(../images/nav_line.png) no-repeat;}
.nav > ul > li.hover{color: #fff;font-weight: bold;}
.nav > ul > li > span{display: block; text-align:center;}
.nav > ul > li > span > a{display: block;font:700 16px/50px "微软雅黑";color:#fff;text-shadow: 0px 1px 2px #666;}
.nav > ul > li > span > a:hover{color: #fff;opacity: 1; background:#002E51;}
.nav > ul > li.hover > span > a, .nav > ul > li:hover > span > a{color: #fff;background:#002E51;}
.nav > ul > li > span > a > i{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;border-width:5px;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: 4px;}
.nav > ul > li.hover > span > a > i{border-color: #fff transparent transparent;margin-top: 4px;}
.nav > ul > li:hover > span > a > i{border-style: dashed dashed solid;border-color: transparent transparent #fff;margin-top: -6px;}
.headDown{width:171px;border-radius: 0 0 3px 3px;position: absolute;top:50px;display: none;background:rgba(0, 0, 0, .5);}
.nav > ul > li:hover .headDown{display: block;}
.headDown > li > a{height:40px;line-height:40px;color: #fff; border-bottom:1px solid #666; display:block; padding-left:45px;background:url(../images/jt3.gif) no-repeat 30px center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.headDown > li.hover > a, .headDown > li > a:hover{color: #fff;background: rgba(255, 255, 255, .1) url(../images/jt3.gif) no-repeat 30px center;background: #333 \9;opacity: 1;}

.brands{ margin:auto; position:relative; background:#f5f5f5;  width:100%; height:640px;}
.brands .bd{margin:0 auto;z-index:0; overflow:hidden;}
.brands .bd ul{ width:100% !important;  }	
.brands .bd li{ width:100% !important;  height:640px; overflow:hidden; text-align:center;  }	
.brands .bd li a{ display:block; height:640px;}
.brands .hd{position:relative; z-index:1; margin-top:-45px; height:30px; line-height:30px;  text-align:center;}
.brands .hd ul{ text-align:center;  padding-top:5px;  }
.brands .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:#fff; overflow:hidden; font-size:0;border-radius:100%;}
.brands .hd ul .on{ background:#f00; }

.brands .prev,.brands .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-350px 0 0 2%; float:left;  background:#ccc url(../images/arrow.png); filter:alpha(opacity=40);opacity:0.4  }
/*.brands .next{  background-position:right 0; float:right;   }
.brands .prev:hover,.brands .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

*/
.brands .prev { background-position: 0 0; height: 50px; width: 50px; }
.brands .prev:hover { background-position: -60px 0;background-color:#000;transition: all .5s;}
.brands .next { background-position: -120px 0; height: 50px; width: 50px;float:right; margin-right:2% }
.brands .next:hover{ background-position: -180px 0; background-color:#000;transition: all .5s;}

.number_Roll{height: 109px; padding-top:48px;}
.number_Roll ul{width: 1200px; margin: 0 auto; padding: 0;}
.number_Roll ul li{float: left; margin-right: 110px;}
.number_Roll ul li sub{bottom: -0.55em; margin-left: 6px;}
.number_Roll ul li:last-child{margin-right: 0px;}

.yatitle{ height:50px;}
.yatitle .tle{float:left; font-size:16px; line-height:30px; color:#999; padding-top:10px;text-transform:capitalize; position:relative;}
.yatitle .tle h3{font-size:24px; padding-left:15px; margin-right:10px; line-height:30px;color:#111;display:inline-block;}
.yatitle .tle h3 a{ color:#111;}
.yatitle .tle h3 a:hover{ color:#c00;}
.yatitle .tle:after{display: block; content: ''; width:5px; height:20px; background: #c00; position: absolute; left:0px; top:15px;}
.yatitle .frmore{ margin-top:12px;}
.yatitle .frmore a{ display:inline-table; font-size:12px; padding:0 15px; height:30px; line-height:30px; color:#666; margin-left:5px;border-radius:5px;}
.yatitle .frmore a:hover{ background:#01479D; color:#fff;}
.yatitle .frmore a.active{background:#01479D; color:#fff; }
.yatitle_more{margin-top:18px; margin-left:20px; float: right; font-size: 12px; color: #888; line-height: 18px; vertical-align: middle; border-left: 2px solid #ccc; padding-left: 7px;}
.yatitle_more:hover{ color: #dd1314; }

/*.yawtitle{ height:40px; padding-top:10px;}
.yawtitle .tle{}
.yawtitle .tle h3{ height:35px; font-size:26px; color:#000;position: relative; font-weight:bold;}
.yawtitle .tle h3 a{ color:#000;}
.yawtitle .tle h3:after{display: block; content: ''; width:20px; height:5px; background: #c00; position: absolute; left:120px; top: 16px;}
.yawtitle .tle h4{ margin-top:5px; height:20px; font-size:14px; color:#999;text-transform:uppercase; display:none;}
.yawtitle .frmore{ margin-top:2px;}
.yawtitle .frmore a{ display:inline-table; font-size:12px; padding:0 15px; height:30px; line-height:30px; color:#666; margin-left:5px;border-radius:5px;}
.yawtitle .frmore a:hover{ background:#01479D; color:#fff;}
.yawtitle .frmore a.active{background:#01479D; color:#fff; }
.yawtitle_more{margin-top:8px; margin-left:20px; float: right; font-size: 12px; color: #888; line-height: 18px; vertical-align: middle; border-left: 2px solid #ccc; padding-left: 7px;}
.yawtitle_more:hover{ color: #dd1314; }

.index_case{margin:20px auto auto; width:1200px; height:auto; overflow:hidden;}
.index_case ul{ width:1250px;}
.index_case ul li{float:left;display:inline;width:384px; height:256px;border: 1px solid #f5f5f5;overflow:hidden;position:relative;margin:0 20px 20px 0;border-radius:5px; }
.index_case ul li img{width:384px; height:256px; position:relative; border-radius:5px;}
.index_case ul li h3{width:384px;height:30px;bottom:0px; left:0; line-height:30px;text-align:center;color:#fff;background:rgba(0,0,0, .5);font-size:14px; position:absolute;}
.index_case .photo{-webkit-transition:all .5s;transition:all .5s;display:block;}
.index_case .photo:hover{-webkit-transform:translate(0, -20px);-ms-transform:translate(0, -20px);transform:translate(0, -20px)}
.index_case ul li h3:hover{background:rgba(238,0,0, .8);}
*/

.index_case{margin:20px auto auto; width:1200px; height:auto; overflow:hidden;}
.index_case ul{ width:1250px;}
.index_case ul li{float:left;display:inline;width:384px; height:350px;border: 1px solid #f5f5f5;overflow:hidden;position:relative;margin:0 20px 20px 0;border-radius:5px; }
.index_case ul li a{ display:block; text-decoration:none;}
.index_case ul li img{width:384px; height:256px; position:relative; border-radius:5px;}
.index_case ul li a h3{ margin:10px auto 0 auto; width:360px;height:30px;line-height:30px;color:#333;font-size:20px; background:url(../images/jian01.png) no-repeat left center; padding-left:15px; overflow: hidden;}
.index_case ul li a h4{margin:5px auto 0 auto;width:360px;height:30px;line-height:30px; overflow:hidden; font-size:18px;padding-left:15px; color:#999;}



.index_case ul li a .photo{width:384px; height:256px;-webkit-transition:all .5s;transition:all .5s;display:block;}
.index_case ul li a:hover .photo{transform:scale(1.05); -webkit-transform:scale(1.05);}
.index_case ul li a:hover h3{background:url(../images/jian02.png) no-repeat left center; color:#c80000;}






.titleh2 h2{margin:auto;text-align: center;font-size:26px;font-weight:bold;color:#373737;line-height:35px;}
.titleh2 h2:before,.titleh2 h2:after{content: '';display: inline-block;width: 20px;height: 0;margin-right: 10px;position: relative;top:-5px;border-bottom: 4px solid #c00;}
.titleh2 h2:after{margin-right: -53px; top: -5px; margin-left: 10px; border-bottom: 4px solid #999;}
.titleh2 h2 span{color:#014375; }
.titleh2 h2 i{font-size: 12px;color:#999;font-style: normal;font-weight:normal;}

.titleh3 h2{margin:auto;text-align: center;font-size:26px;font-weight:bold;color:#fff;line-height:35px;}
.titleh3 h2:before,.titleh2 h2:after{content: '';display: inline-block;width: 20px;height: 0;margin-right: 10px;position: relative;top:-5px;border-bottom: 4px solid #c00;}
.titleh3 h2:after{margin-right: -53px; top: -5px; margin-left: 10px; border-bottom: 4px solid #fff;}
.titleh3 h2 span{color:#c00; }
.titleh3 h2 i{font-size: 12px;color:#fff;font-style: normal;font-weight:normal;}


.aboutus_bg{ margin:10px auto auto; width:100%; height:auto; padding:20px 0; border-top:1px solid #EDECEC;background:#f9f9f9 ;}

/*.aboutus_bg .yatitle .tle{float:left; font-size:16px; line-height:30px; color:#fff; padding-top:10px;text-transform:capitalize; position:relative;}
.aboutus_bg .yatitle .tle h3{font-size:24px; padding-left:15px; margin-right:10px; line-height:30px;color:#fff;display:inline-block;}
.aboutus_bg .yatitle .tle h3 a{ color:#fff;}
.aboutus_bg .yatitle .tle:after{display: block; content: ''; width:5px; height:20px; background: #fff; position: absolute; left:0px; top:15px;}
.aboutus_bg .yatitle_more{margin-top:18px; margin-left:20px; float: right; font-size: 12px; color: #fff; line-height: 18px; vertical-align: middle; border-left: 2px solid #fff; padding-left: 7px;}
.aboutus_bg .yatitle_more:hover{ color: #fff; }
*/

.indabout{ margin:20px auto auto; width:1200px; height:360px; background:#fff;}
.indabout_left{ width:660px; height:360px; float:left;}
.indabout_right{ width:540px; height:360px; float:right; background:url(../images/contactbg.jpg) no-repeat center top;}
.indabout_right .rtxt1{ padding:30px 30px 0 30px; height:180px;overflow:hidden;}
.indabout_right .rtxt1 .rtxt1_ma{ width:130px; height:158px; padding:5px; background:#fff;border-radius:5px; float:left; border:1px solid #EDECEC;}
.indabout_right .rtxt1 .rtxt1_ma img{width:130px; height:130px;}
.indabout_right .rtxt1 .rtxt1_ma span{ display:block; height:28px; line-height:28px; text-align:center;}
.indabout_right .rtxt1 .rtxt1_cont{ width:320px; float:right;}

.indabout_right .rtxt1 .rtxt1_cont .hcontact{line-height:25px; font-size:13px;}
.indabout_right .rtxt1 .rtxt1_cont .hcontact h3{ font-size:18px; color:#c80000; font-weight:bold; margin-bottom:10px;}
.indabout_right .rtxt1 .rtxt1_cont .hcontactqq{ margin-top:15px; height:33px;}
.indabout_right .rtxt1 .rtxt1_cont .hcontactqq ul li{ float:left; margin-right:8px; width:100px; height:30px; line-height:30px; font-size:14px; text-indent:35px; color:#fff;}
.indabout_right .rtxt1 .rtxt1_cont .hcontactqq ul li:last-child{ margin-right:0px;}
.indabout_right .rtxt1 .rtxt1_cont .hcontactqq ul li a{color:#fff;background:#aaa url(../images/qq.png) no-repeat 10px center; border-radius:5px;  display:block;text-decoration: none;}
.indabout_right .rtxt1 .rtxt1_cont .hcontactqq ul li a:hover{color:#fff;background:#c00 url(../images/qq.png) no-repeat 10px center; display:block;}



.indabout_right .rtxt2{ margin-top:25px; height:80px; border-top:1px solid #ECECEC; padding-top:20px; background:#fff;}
.indabout_right .rtxt2 ul li{ width:134px; height:80px;  text-align:center; float:left;border-right:1px solid #ECECEC;}
.indabout_right .rtxt2 ul li img{ width:50px; height:50px;}
.indabout_right .rtxt2 ul li span{ display:block; margin-top:10px; }
.indabout_right .rtxt2 ul li:last-child{ border:none;}

.about_pic{position: relative;width:660px;height:360px;overflow: hidden; float:left;}
.about_pic .pic{position:relative;z-index:0;}
.about_pic .pic img{width:660px;height:360px;display: block;}
.about_pic .hd{width:100%;position: absolute;bottom: 10px;text-align: center;font-size:0;z-index:1;}
.about_pic .hd li{margin: 0 5px;overflow: hidden;width:6px; height:6px;cursor: pointer;display:inline-block;*display:inline;zoom:1;background:#999;border-radius:100%;}
.about_pic .hd .on{background:#f00;}

/*.index_product{margin:20px auto auto; width:1200px; height:auto; overflow:hidden;}
.index_product ul{ width:1250px;}
.index_product ul li{float:left;display:inline;width:384px; height:256px;border: 1px solid #f5f5f5;overflow:hidden;position:relative;margin:0 20px 20px 0; }
.index_product ul li .photo{width:384px; height:256px;overflow:hidden;}
.index_product ul li .photo img{width:384px; height:256px;}
.index_product .rsp{width:384px;height:256px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.index_product .text{position:absolute;width:384px;height:256px;left:-384px;top:0px;overflow:hidden;}
.index_product .text h3{width:384px;margin-top:100px;height:100px; padding:20px 0;line-height:40px;text-align:center;color:#fff;background:rgba(0, 0, 0, .5);font-size:26px;}
.index_product .text h3 span{ display:block; line-height:30px; font-size:12px;}
*/

.mpro_list{ margin:20px auto auto; width:1199px;zoom:1;  position:relative;border:1px solid #EDEDED; border-right:none;}
.mpro_list ul{ overflow:hidden; zoom:1;   }
.mpro_list ul li{float:left; _display:inline; text-align:center;border-right:1px solid #EDEDED; background:#fff;  padding-bottom:10px; }
.mpro_list ul li .pic{ text-align:center; overflow:hidden; }
.mpro_list ul li .pic a img{ width:299px; height:200px; display:block; transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s; -ms-transition:ease 0.3s; }
.mpro_list ul li .pic:hover img{transform:scale(1.05); -webkit-transform:scale(1.05);}
.mpro_list ul li span{ display:block; height:40px; line-height:40px; text-align:center; font-size:14px; overflow:hidden; color:#666;}
.mpro_list ul li .title{ line-height:24px;}
.mpro_list .sPrev,.mpro_list .sNext {display:block; width: 40px; height: 90px; position: absolute; top: 35%; z-index: 10;background:url(../images/focusBg02.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}	
.mpro_list .sPrev {background-position: 0 -180px; left: -30px; }	
.mpro_list .sNext {background-position: 0 -270px; left:auto; right:-30px;}	
.mpro_list .sPrev:hover{background-position: 0 0;}
.mpro_list .sNext:hover {background-position: 0 -90px;}


/*--新闻 --*/
.news_bg{ margin:auto; width:100%; height:500px; padding:20px 0; background:url(../images/news_bg.jpg) no-repeat center bottom; }

.homecase_list{ margin-top:10px; margin-left:-10px; width:350px;  position:relative; float:left;}
.homecase_list .hd{ width:80px; height:50px; line-height:50px;  overflow:hidden; margin:auto;}	
.homecase_list .hd .next,.homecase_list .hd .prev{ margin-top:17px; float:right; display:block; width:18px; height:18px; background: url(../images/left_right.png) no-repeat -6px -7px; overflow:hidden; margin-left:6px; cursor:pointer; }	
.homecase_list .hd .next{ background-position:-34px -7px; }	
.homecase_list .hd .prevStop{ background-position:-6px -40px; cursor:default; }	
.homecase_list .hd .nextStop{ background-position:-34px -40px; cursor:default; }	
.homecase_list .hd ul{margin:23px auto auto; zoom:1; }	
.homecase_list .hd ul li{ float:left; cursor:pointer; display:block; width:6px; height:6px; margin-right:10px; _display:inline; background:#999; overflow:hidden; font-size:0;border-radius:100%;}	
.homecase_list .hd ul li.on{ background:#f00;}

.homecase_list .bd{ width:380px;}
.homecase_list .bd ul{ overflow:hidden; zoom:1; }
.homecase_list .bd ul li{ width:360px; height:380px; margin:10px 18px 10px 10px; float:left; _display:inline; overflow:hidden;border:1px solid #f9f9f9; background:#fff;}
.homecase_list .bd ul li img{ width:360px; height:240px; display:block;}
.homecase_list .bd ul li a{ display:block; text-decoration:none;}
.homecase_list .bd ul li a h2{ margin-top:20px; height:30px; line-height:30px; font-size:18px; display:block; overflow:hidden; color:#333; padding:0 15px;}
.homecase_list .bd ul li a h3{ margin-top:15px; height:50px; line-height:25px; overflow:hidden; color:#999;padding:0 15px;}
.homecase_list .bd ul li a h4{ margin-top:23px; width:100%; height:2px;background:#E2E2E2; font-size:0;}
.homecase_list .bd ul li a:hover h2{color:#c80000;}
.homecase_list .bd ul li a:hover h3{color:#6E6E6E;}
.homecase_list .bd ul li a:hover h4{ background:#c80000;transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s; -ms-transition:ease 0.3s;}

.r_360{ margin-top:20px; width:800px; float:right; overflow:hidden;}
.r_360 ul{ width:850px;}
.r_360 ul li{border-top:1px solid #cccccc; padding:9px 0; width:390px; float:left; margin-right:20px;}
.r_360 ul li:nth-child(9),.r_360 ul li:nth-child(10){border-bottom:1px solid #cccccc;}
/*.r_360 ul li:last-child{border-bottom:1px solid #cccccc;}*/
.l_66{width:66px; float:left; overflow: hidden;}
.l_66 h1{font-size:26px; color:#000; margin-left:5px;}
.l_66 h2{font-size:12px; margin-top:5px; color:#999; font-weight: normal;}
.r_294{width:306px;float:left; padding:0 0 0 17px; border-left:1px solid #cccccc; margin-top:5px; overflow: hidden;}
.r_294 h1{font-size:16px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow: hidden; font-weight: normal;}
.r_294 h2{font-size:12px; color:#999;text-overflow:ellipsis;white-space:nowrap;overflow: hidden; margin-top:10px;font-weight: normal;}
.r_360 ul li:hover .r_294 h1{color:#c80000;}
.r_360 ul li:hover .r_294 h2{color:#c80000;}

/*内页*/
.banner_aboutus{ margin:auto; width:100%; height:300px; background:url(../images/banner_aboutus.jpg) no-repeat  center center;}
.banner_product{ margin:auto; width:100%; height:300px; background:url(../images/banner_product.jpg) no-repeat  center center;}
.banner_news{ margin:auto; width:100%; height:300px; background:url(../images/banner_news.jpg) no-repeat  center center;}
.banner_case{ margin:auto; width:100%; height:300px; background:url(../images/banner_case.jpg) no-repeat  center center;}
.banner_service{ margin:auto; width:100%; height:300px; background:url(../images/banner_service.jpg) no-repeat  center center;}
.banner_contact{ margin:auto; width:100%; height:300px; background:url(../images/banner_contact.jpg) no-repeat  center center;}

.sitepath{ margin:auto; width:100%; height:30px; line-height:30px; font-size:12px; background:#F9F9F9;color: #999; position:relative; z-index:2;}
.sitepath .width1200{ width:1180px;background:url(../images/subMenu-icon.png) no-repeat left center; padding-left:20px;}
.sitepath a{color: #999;}
.sitepath a:hover{color: #c00;}
.sitepath span{display:inline-block; color:#999; padding:0 10px;font-family:\5B8B\4F53;}

.sidebarbg {border-top: 1px solid #E7E9EC;border-bottom: 1px solid #E7E9EC; background-color: #F9F9F9;position:relative; z-index:1; }

.sidebar { position: relative; width: 100%; overflow: hidden; }
.sidebar ul { width: 100%; text-align: center; }
.sidebar ul.ab { position: relative; top: 0; left: 0; }
.sidebar ul li { display: inline-block; vertical-align: top; padding: 0 70px; position: relative; }
.sidebar ul li:before { position: absolute; display: block; content: ''; height: 20px; width: 1px; background-color: #DBDBDB; left: 0; top: 50%; margin-top: -10px; }
.sidebar ul li:first-child:before { display: none; }
.sidebar ul li a { display: inline-block; vertical-align: top; box-sizing: border-box; border-bottom: 1px solid #F9F9F9; padding: 0 10px; height: 76px; line-height: 76px; font-size: 18px; color: #545454; }
.sidebar ul li a:hover { color: #c80000; }
.sidebar ul li.curr a { color: #c80000; border-bottom-color: #c80000; }

.articlePage { border-top: 1px solid #E7E9EC; border-bottom: 1px solid #E7E9EC; background-color: #F9F9F9; }
.articlePage a { display: block; float: left; width: 33.33%; height: 56px; line-height: 56px; text-align: center; box-sizing: border-box; border-right: 1px solid #E5E5E5; font-size: 15px; color: #6D6D6D; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; }
.articlePage a i { display: inline-block; width: 17px; height: 56px; background-repeat: no-repeat; background-position: center center; margin: 0 10px; vertical-align: top; line-height: 56px; }
.articlePage a:first-child { border-left: 1px solid #E7E9EC; }
.articlePage a.prev i { background-image: url(../images/arrow3.png); }
.articlePage a.list i { background-image: url(../images/arrow2.png); }
.articlePage a.next i { background-image: url(../images/arrow4.png); }
.articlePage a:hover { color: #FFA11F; }


/*.sidebar{height:40px; width:100%; text-align:center; border-bottom: 1px #e7e7e7 solid; padding:50px 0; background:#fff; position:relative; z-index:1;}
.sidebar a{display:inline-block; padding:10px 30px; _background:#fff; background:rgba(255,255,255,.8); color:#333; font-size:16px; margin:0 10px; border: 1px solid #c5c5c5; transition:all .3s ease-in-out;}
.sidebar a.active, .sidebar a:hover{background:#c80000; color:#fff;}
*/
.main_nbox{ margin:60px auto auto; width:1200px; background:#fff;}
.main_nbox .nbox_left{ width:350px; float:left; height: auto;}
.main_nbox .nbox_right{ width:740px; float:right; height: auto;}




.ctitle{text-align:center; width:100%; font-size:40px; font-family:"微软雅黑"; line-height:45px; color: #333; padding-bottom:25px;}
.ctitle p{font-size:12px;color: #999; margin-top:5px;}
.ctitle span{font-size:14px;color: #666;margin-top: 45px;}

.nbox_cont{ padding-top:10px; font-size:16px; line-height:35px;}
.nbox_cont p{ padding-bottom:25px; text-indent:2em;}
.nbox_cont p img{background:#fff;display: block; text-align:center; margin: 0px auto 8px;}



.nbox_contt{ padding-top:10px; font-size:16px; line-height:35px;}
.nbox_contt p{ padding-bottom:25px;}

.sub-intro h2{font-size: 28px;color: #25499d;font-family: "helvetica narrow"; text-transform:uppercase;}
.sub-intro h3{font-size: 24px;color: #2f3a55;font-weight: bold;letter-spacing: 1.2px;margin-top: 5px;}
.sub-intro i{ display:inline-block;}
.sub-intro .sp{height: 2px;width: 45px;background: #828b9a;margin-top: 13px;margin-bottom: 9px;-webkit-transition: all .5s ease-out 0s;-moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;}
.sub-intro:hover .sp{width:100px;}

/*关于*/

.tu_jiaoti { padding-top: 115px; padding-bottom: 115px; border-bottom: 1px solid #E7E9EC; }
.tu_jiaoti.odd .img { float: left; margin-left: 32px; }
.tu_jiaoti.odd .info { margin-left: 640px; }
.tu_jiaoti.even .img { float: right; margin-right: 32px; }
.tu_jiaoti.even .info { margin-right: 640px; }
.tu_jiaoti .img { width: 520px; height: 400px; position: relative; border: 3px solid #c80000; }
.tu_jiaoti .img img { display: block; position: absolute; width: 100%; height: 100%; top: -13px; left: -35px; }
.tu_jiaoti .info { padding-top: 20px; }
.tu_jiaoti .info h5 { font-size: 34px; color: #014375; margin-bottom: 20px; }
.tu_jiaoti .info .p { font-size:18px; line-height:35px; }
.tu_jiaoti .info .p p{ margin-bottom:20px;}
.whitebg { background-color: #FFF; }
.f9bg { background-color: #F9F9F9; }


.youshi_box{ padding:50px 0 80px 0; width:100%; height:460px; background:#014375 url(../images/aboutus_bg.jpg) no-repeat center top;position:relative; z-index:4;}
.service{width:1200px;padding:50px 0 20px 0px;margin:0px auto;}
.service .con{margin:0px auto;padding:0 0px;}
.service .con .hover{float:left;width:275px;height:320px;position:relative;margin-right:33px;}
.service .con a{background:#fff;display:block;position:absolute;z-index:1;width:275px;height:320px;left:0px;bottom:0px;text-decoration: none;border-radius:10px; }
.service .con a:hover{background:#F05F0C;background-position:top center;}
.service .con a h3{ font-size:18px; font-weight:bold; text-align:center;width:90%;display:block;margin:15px auto 15px auto;color:#333;}
.service .con a span{width:86%;color:#999;line-height:21px;display:block;margin:10px auto;}
.service .con a img{ width:275px; height:150px;border-radius:10px;}
.service .con a:hover h3,.service .con a:hover span{ color:#fff;}

.fangan_box{ margin-top:0px; padding:60px 0 80px 0; width:100%; height:360px; position:relative; z-index:4;}
.fangan{margin:60px auto; width:1200px;}
.fangan > li{width:16.6666%; float: left; display: inline-block; box-sizing: border-box; animation: fadeInRight 1s both;}
.fangan_item{text-align: center; padding: 0 20px; height: 200px; border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative;}
.fangan_item:hover{}
.fangan_img01, .fangan_img02, .fangan_img03, .fangan_img04, .fangan_img05, .fangan_img06{width:125px; height:125px; border-radius:100%; background-color:#e5e5e5; background-image:url("../images/fangan.png"); margin: 0 auto; }
.fangan_img01{background-position: 0 0;}
.fangan_img02{background-position: 0 -125px;}
.fangan_img03{background-position: 0 -250px;}
.fangan_img04{background-position: 0 -375px;}
.fangan_img05{background-position: 0 -500px;}
.fangan_img06{background-position: 0 -625px;}
.fangan_item:hover .fangan_img01{background-position: -125px 0; background-color:#EF5F0B;}
.fangan_item:hover .fangan_img02{background-position: -125px -125px; background-color:#EF5F0B;}
.fangan_item:hover .fangan_img03{background-position: -125px -250px; background-color:#EF5F0B;}
.fangan_item:hover .fangan_img04{background-position: -125px -375px; background-color:#EF5F0B;}
.fangan_item:hover .fangan_img05{background-position: -125px -500px; background-color:#EF5F0B;}
.fangan_item:hover .fangan_img06{background-position: -125px -625px; background-color:#EF5F0B;}
.fangan_item h3{ margin-top:10px; font-size: 20px; font-weight: bold; color: #666; line-height:50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fangan_item:hover h3{color:#EF5F0B;}
.imgrad{border-radius:10px;}


/*招聘*/
.picj_list{ margin:50px auto auto; width:1200px; height:auto; overflow:hidden;}
.picj_list ul{ width:1250px;}
.picj_list ul li{ width:380px; height:400px; margin:0 30px 0 0; float:left;}
.picj_list ul li img{width:380px; height:253px; }
.picj_list ul li h3{ margin-top:15px; height:35px;font-size:20px;color:#205fb4;}
.picj_list ul li span{font-size:14px;color:#666; line-height:25px;}

.jobs{margin:auto;width:100%;}
.jobs .list{margin:0px auto;text-align:left;}
.jobs .list li{position:relative;display:block;width:100%;height:60px;margin:20px auto 0 auto;background:#f3f3f3;overflow:hidden;border:1px solid #fff;}
.jobs .list li .icon{position:absolute;right:20px;top:50%;margin-top:-15px;cursor:pointer;}
.jobs .list li h3{display:block;font-size:16px;height:60px;line-height:60px;font-weight:normal;padding:0px 20px;cursor:pointer;color:#666;}
.jobs .list li .con{padding:20px;text-align:left;font-size:14px;line-height:25px;color:#666;}
.jobs .list li .con .text{padding:10px 0px; color:#666; }
.jobs .list li .con .text p{display:inline-block;width:30%;padding:5px 0px;}
.jobs .list li .tag{margin:20px 0px;}
.jobs .list li .tag h4{font-size:14px;font-weight:normal;padding:5px 0px;}
.jobs .list li .btn{background:#f06405;color:#fff;padding:10px 30px;font-size:14px;}
.jobs .list .A{background:#fff;border:1px solid #eee;}
.jobs .list .A h3{color:#fff; background:#014375; font-weight:bold;}
.jobs .list .A .icon{top:15px;margin-top:0px;}

.culture_box{border:1px solid #eaeaea;background-color:#f9f9f9}
.culture_box .left{float:left;width:600px;overflow:hidden}
.culture_box .left>img{-webkit-transition:all .5s;transition:all .5s;max-width:100%;height:auto}
.culture_box .left:hover img{opacity:.9;}
.culture_box .right{float:right;width:510px;padding:60px 40px 0 0;}
.culture_box .bd{padding-top:35px;}
.culture_box .bd p{font-size:16px;color:#777;margin-bottom:20px;}

.photo_list{ margin:20px auto 30px auto; width:1200px; overflow:hidden;}
.photo_list ul{ width:1250px; overflow:hidden;}
.photo_list ul li{ width:386px; height:300px; float:left; margin:0 21px 21px 0;}
.photo_list ul li img{width:386px; height:260px;}
.photo_list ul li span{ width:386px; height:40px; line-height:40px; text-align:left; color:#fff; background:#8A99A4; text-indent:20px; display:block; font-size:15px; font-weight:bold;}

.photopro_list{ margin:20px auto 30px auto; width:970px; overflow:hidden;}
.photopro_list ul{ width:1000px; overflow:hidden;}
.photopro_list ul li{ width:310px; height:242px; float:left; margin:0 20px 20px 0;}
.photopro_list ul li img{width:310px; height:207px;}
.photopro_list ul li span{ width:310px; height:35px; line-height:35px; text-align:left; color:#fff; background:#8A99A4; text-indent:20px; display:block; font-size:15px; font-weight:bold;}

/*新闻*/
.news_list{ margin-top:60px;}
.news_list .list_wrap{display:block;border-bottom:1px solid #e8e8e8}
.news_list .list_wrap:hover{background-color:#fafafa}
.news_list .list_wrap:hover .box_img{box-shadow:0 0 0 4px #e62129}
.news_list .list_wrap:hover h4{color:#e62129}
.news_list .box{display:block;overflow:hidden;padding:30px 0 30px 15px;max-width:1200px;margin-left:auto;margin-right:auto}
.news_list .left{float:left;width:300px; height:200px;}
.news_list .box_img{-webkit-transition:all .5s;transition:all .5s;position:relative; height:200px;}
.news_list .box_img>img{position:absolute;top:0;left:0;width:300px;height:200px;}
.news_list .right{position:relative;margin-left:350px;padding-right:185px}
.news_list h4{-webkit-transition:all .5s;transition:all .5s;font-size:20px;margin-top:45px;margin-bottom:10px; font-weight:bold;}
.news_list .p{color:#777;font-size:14px;line-height:26px}
.news_list .time_box{position:absolute;right:0;top:20px;width:145px;text-align:center;border-left:1px solid #d9d9d9}
.news_list .time_box .data{color:#a5a5a5;font-size:30px;margin-bottom:10px}
.news_list .time_box .year{margin-bottom:15px;color:#a5a5a5;font-size:12px}
.news_list .time_box .line{width:55px;height:1px;margin:0 auto;background-color:#d9d9d9}

.case_list { margin:60px auto auto; width:1200px; height: auto; overflow: hidden;}
.case_list ul{ width:1250px;}
.case_list ul li { float: left; width:285px; box-sizing: border-box; margin:0 20px 20px 0; }
.case_list ul li .wrapper { box-sizing: border-box; width: 100%; border: 1px solid #e5e5e5; position: relative; background-color: #fff; }
.case_list ul li a { position: relative; display: block; width: 100%; overflow: hidden; }
.case_list ul li .newsImg { height:190px; display: block; overflow: hidden; }
.case_list ul li .newsImg img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.case_list ul li .newsText { height: auto; font-size: 14px; height:110px; overflow: hidden; padding: 0 15px; }
.case_list ul li .newsText h3 { height:30px; line-height:30px; color: #555; font-size: 16px;margin-top:10px; overflow:hidden; font-weight:bold; }
.case_list ul li .newsText div { color: #777; line-height:25px; /*margin: 14px 0 17px; */ height:50px; overflow: hidden; font-size:12px;}
.case_list ul li .newsText p { color: #c0c0c0; padding:14px 0 10px; }
.case_list ul li .newsbg { position: absolute; left: 0; bottom: -16px; z-index: 5; width: 100%; height: 15px; background: url(../images/newsbg.jpg) no-repeat 0 bottom; }
.case_list ul li:hover .newsImg img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); filter: alpha(opacity=70); opacity: 0.7; }
.case_list ul li:hover .newsText h3 { color: #c80000; }



/*产品*/
.main_nbox .product_left{ width: 200px; float: left; }
.main_nbox .product_right{width:980px;background:#fff;float:right;}

.pro_navtitle{ height:46px; line-height:46px; font-size:16px;  font-weight:bold;}
.pro_navtitle a{color:#2F3A55;padding-left:15px; display:block; height:100%;border:1px solid #E5E5E5; background:url(../images/arrow6.png) no-repeat 170px center; }
.pro_navtitle.current>a{color: #fff;background:#014375 url(../images/arrow5.png) no-repeat 170px center;border:1px solid #014375;}
.pro_subnav{width:230px;margin-bottom:5px;}
.pro_subnav li{height:40px;line-height:40px; font-size:14px;border:1px solid #E1E1E1; border-top:none; padding-left:15px;}
/*.pro_subnav li:last-child{border-bottom:none;}height:38px;line-height:38px;*/
.pro_subnav li a{position:relative; padding-left:12px; color:#666;}
.pro_subnav li a:after{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:#999;border-radius:100%;}
.pro_subnav li.current>a{color: #c00;}
.pro_subnav li.current>a:after{background:#c00;}


/*.product_right ul{width:1000px;}
.product_right ul li{margin:auto;}
.product_right ul li img{ width:270px; height:180px;}
.product_right ul li a{width:270px;min-height:210px;overflow:hidden;display:block;float:left;padding:9px;border:1px solid #eee;margin:0 20px 20px 0;text-align:center;position:relative;}
.product_right ul li a img{margin-bottom:10px;width:100%;display:block;}
.product_right ul li a .name{width:100%;position:absolute;z-index:9;left:0px;bottom:10px;font-size:16px;}
.product_right ul li a .icon{background:url(../images/product-icon.png) no-repeat;background-position:center center;width:100%;height:200px;position:absolute;z-index:2;left:0px;top:-300px;}
.product_right ul li a .bg{background:rgba(242,154,16,0.9);width:100%;height:0px;position:absolute;z-index:1;left:0px;bottom:0px;}
.product_right ul li a:hover{color:#f00;font-weight:600;}
*/
.product_right{}
.product_right .case-desc{margin-bottom:30px;line-height:30px;font-size:15px;color:#333}
.product_right .list{margin-left:-10px;margin-right:-10px}
.product_right .list li{float:left;width:33.33333%}
.product_right .box{-webkit-transition:all .5s;transition:all .5s;display:block;margin:0 10px 20px}
.product_right .box:hover{-webkit-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}
.product_right .box:hover .box-img img{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.product_right .box:hover h4{background-color:#e62129;color:#fff}
.product_right .box:hover .icon-arrow-right{-webkit-transform:translate(5px, 0);-ms-transform:translate(5px, 0);transform:translate(5px, 0);border:1px solid #fff;color:#fff;background:url(../images/arrow8.png) no-repeat center center;}
.product_right .box-img{overflow:hidden;position:relative;padding-top:66.6667%}
.product_right .box-img>img{-webkit-transition:all .5s;transition:all .5s;position:absolute;top:0;left:0;width:100%;height:100%}
.product_right h4{-webkit-transition:all .5s;transition:all .5s;position:relative;padding-left:20px;height:50px;line-height:50px;background-color:#eaeaea;font-size:16px;color:#333}
.product_right .icon-arrow-right{-webkit-transition:all .5s;transition:all .5s;position:absolute;top:50%;right:20px;margin-top:-10px;width:20px;height:20px;border:1px solid #9e9e9e; background:url(../images/arrow7.png) no-repeat center center; border-radius:50%;text-align:center;line-height:20px}

.product_show{width:970px;background:#fff;float:right;}
.product_show .pshow_left{ width: 970px;}
.product_show .pshow_left .img{ width:970px;height:460px;display:table-cell;font-size:300px; text-align:center; vertical-align:middle; background: #f1f1f1;}
.product_show .pshow_left .img img{ width:auto; margin: auto; height:auto; max-width:100%; max-height:100%;vertical-align:middle;}
.product_show .pshow_right{ margin-top: 55px; width: 200px; height: 568px; border:1px solid #ccc; float: right;}
.product_show .pshow_right h3{ display: block; height: 35px; line-height: 35px; text-align: center; font-size: 16px;border-bottom:1px solid #ccc;}

.pro_title{ height:45px; padding:20px 30px 10px 48px;  position: relative;}
.pro_title:after{content:"";position: absolute;left:30px;top:27px;width:4px;height:30px;background:#c00;}
.pro_title h1{font-size:30px;font-weight:bold; }
.pro_title span{position: absolute;right:30px;top:27px; display:block; color:#999;}
.pro_contactus{ margin:10px auto auto; height: 45px; background: #014375;font-size: 16px;text-align: center; }
.pro_contactus .btntitle{ float: left; width:370px; height: 45px; line-height: 45px;font-size: 16px; color: #fff; text-align: left; text-indent:10px; }
.pro_contactus .btntel{ float: right; width:200px; height:45px; line-height: 45px; background: #c00 url(../images/ico_tel.png) no-repeat 17px 10px; text-indent: 30px; color: #fff; border-left:1px solid #fff;font-size: 18px; }
.pro_contactus .btnorder{ float: right; width:160px; height:45px; line-height: 45px; background: #014375 url(../images/ico_ding.png) no-repeat 25px 12px; text-indent:25px; color: #fff; border-left:1px solid #fff;}
.pro_contactus .onqq{ float: right;position: relative;border-left:1px solid #fff;}
.pro_contactus .onqq span{width: 180px;height:45px; line-height:45px;background: #014375 url(../images/qq.png) no-repeat 30px center; text-indent: 20px; color: #fff;display: block;}
.pro_contactus .onqq ul{width:118px;border: 1px solid #ccc; border-top: none; display: none; position:absolute; left:0px; top:45px; padding: 20px 30px 10px 30px; background: #fff;}
.pro_contactus .onqq ul li{ background:#96d8f7 url(../images/ico_qq.png) no-repeat 12px center; height:28px; line-height:28px; margin-bottom: 15px;border-radius:5px; text-indent:20px;border: 1px solid #7bc8f0; font-size: 14px;  }

.pro_canshu{ margin-bottom:20px;border:1px solid #ccc; padding: 15px; line-height: 40px;}
.pro_canshu li{  height: 40px; line-height: 40px; padding-left: 15px; font-size: 14px; border-bottom:1px solid #ececec; }
.pro_canshu li strong{ color: #c00;}
.table01{ width: 100%;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.table01 tr td{ line-height: 30px; font-size: 14px;border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding: 5px;}


/*工厂*/
.chengnuo{ margin-bottom:40px;}
.chengnuo li { border-top: 1px solid #EDEEF0; padding: 40px 0; }
.chengnuo li .img { float: right; width: 330px; height: 200px; }
.chengnuo li .img img { width: 100%; height: 100%; }
.chengnuo li .info { margin-right: 400px; padding-top: 25px; }
.chengnuo li h4 { font-size: 26px; color: #014375; margin-bottom: 20px; }
.chengnuo li .p { font-size: 15px; line-height: 2; color: #717171; }

.anzhang { width: 100%; background: #FFF; padding-bottom: 100px; overflow: hidden; }
.anzhang .img { float: left; border: 1px solid #f2f2f2; padding: 8px; width: 460px; height:auto; }
.anzhang .img img{width: 460px;}
.anzhang .ainfo { margin-left:550px; padding-top:10px;}
.anzhang .ainfo li { overflow: hidden; margin-bottom: 23px; }
.anzhang .ainfo i , .anzhang .ainfo em { display: block; float: left; width: 49px; height: 49px; background-color: #edeef0; text-align: center; line-height: 49px; border-radius: 6px; font-size: 22px; color: #4f5665; }
.anzhang .ainfo .p { margin-left: 68px; font-size:18px; line-height:40px; color: #4e4e4e; }
.anzhang .ainfo .p a { text-decoration: underline; color: #4e4e4e; }
.anzhang .ainfo .p a:hover { color: #F39910; }

.map-con{margin-bottom:40px;overflow:hidden;background-color:#f5f5f5;border:1px solid #efefef}
.map-con .info-box{float:left;width:340px;padding:55px 25px 10px}
.map-con .title{border-bottom:1px solid #dfdfdf;padding-bottom:25px;font-size:26px;font-weight:bold;color:#333}
.map-con .bd{margin-top:25px}
.map-con .cell{font-size:15px;color:#666;margin-bottom:33px}
.map-con .cell i{display:inline-block;vertical-align:middle;margin-right:10px;width:30px;height:30px;background-repeat:no-repeat}
.map-con .code-img{text-align:center}
.map-con .code-img img{ width:200px;}
.map-con .map{overflow:hidden;height:360px}
.map-con #map{height:100%}
.mingpian{ width:1200px; margin-top:30px; overflow:hidden;}
.mingpian ul{ width:1250px;}
.mingpian ul li{ width:585px; height:330px; float:left; margin:0 30px 30px 0;}
.mingpian ul li img{width:585px; height:330px; }

.feedFormCon { width: 100%; height:auto; padding:50px 0 80px 0; background:#F0F0F0 url(../images/tu_feedbackbg.jpg) no-repeat center bottom;}
.msgForm { height: 620px; background-color: #fff; position: relative; }
.msgImg { float: right; }
.msgImg img { display: block; width: 515px; height: 620px; }
.msgFormLeft { padding: 14px 0 0 43px; width: 596px; color: #666; font-size: 15px; }
.msgFormLeft span { display: inline-block; color: #ff9c19; padding: 0 5px 0 18px; }
.msgFormLeft dl { height: auto; overflow: hidden; line-height: 47px; border: 1px solid #ccc; margin-bottom:20px; }
.msgFormLeft dl .msgtext { width: 80%; }
.msgFormLeft dl select{width:auto;font-family:"微软雅黑", Arial, "Arial Narrow";color:#666;padding:5px 20px;cursor:pointer;margin-right:10px; border:none;font-size: 15px;outline:none; }
.msgFormLeft .msgwid { height: auto; overflow: hidden; margin-bottom: 6px; line-height: 47px; }
.msgFormLeft .msgwid div { float: left; height: 47px; line-height: 47px; overflow: hidden; width: 292px; border: 1px solid #ccc; }
.msgFormLeft .msgwid div.fr { float: right; }
.msgTit { height: 71px; line-height: 71px; text-align: center; color: #676666; font-size: 24px; }
.msgtext { display: inline-block; height: 47px; line-height: 47px; width: 53%; border: 0; vertical-align: top; margin-left: 10px; color: #666; }
.msgArea { display: inline-block; height: 169px; padding-top: 11px; line-height: 28px; width: 80%; border: 0; vertical-align: top; margin-left: 10px; color: #666; resize: none; overflow-y: hidden; }
.msgasaubmit { width: 100%; display: block; height: 59px; line-height: 59px; color: #fff; font-size: 18px; text-align: center; background-color: #555; cursor: pointer; border: 0; }
.msgasaubmit:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.salnet{ margin:auto; width:100%; height:800px; background:#A0ADB7 url(../images/tu_salnet.jpg) no-repeat center top;}




/*底部*/
.footer{background:#444;color:#7f8182;padding: 60px  0 10px;}
.footer .footLeft{overflow: hidden; width:850px;border-right:1px solid #696969;}
.footer .footLeft dl{float: left;width: 160px;margin-right: 10px;}
.footer .footLeft dl dt{color: #fff;font-size:16px;margin-bottom:25px;}
.footer .footLeft dl dd a{color:#999;font-size:14px; line-height:28px;}
.footer .footLeft dl dd a:hover{color: #fff;}
.footer .footRight{width:270px; height:200px;overflow: hidden; }
.footer .footRight .guant{color: #fff;font-size:16px;margin-bottom:30px;}
.footer .footRight img { width:100px; height:100px; padding:5px; background:#565656; float:left; margin-right:30px;}
.footer .footRight span{display: block;font-size: 16px;color: #7f8182;text-align: left; margin-top:5px; line-height:40px;}
.footer .footRight span b{ font:bold; color:#fff;}
.footer .foottel{ margin-top:60px; height:55px; padding:30px 0; border-top:1px solid #545454;border-bottom:1px solid #545454; background:url(../images/foottel.png) no-repeat left center;}
.footer .foottel ul{padding-left:550px; }
.footer .foottel ul li{ width:220px; height:50px; float:left; padding-top:5px;}
.footer .foottel ul li b{ font-size:14px; line-height:30px; color:#EF5F0B; font-weight:bold; display:block;}
.footer .foottel ul li span{ color:#eee;}
.foot-bot{color: #7f8182;height: 58px;line-height: 58px;}
.foot-bot a{color:#7f8182;font-size: 12px;}
.foot-bot a:hover{color: #fff;}
