* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}
body{color:#333; background-color:#fff; font-size:15px;  background-attachment:fixed; overflow-x:hidden;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#b02626; text-decoration:none;}
img{ border:none; vertical-align:middle; max-width: 100%;}
i,em{ font-style:normal;}
li{ list-style-type:none;}
textarea{ resize:vertical;}
input, select, textarea{ background-color:#fff; margin:0; padding:0; outline:none;}

body {
  font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #272727;
  background-color: #fff;overflow-x: hidden;
}
.clear{
  clear: both;
}
.fl-r{
  float: right;
}
.fn-16{
  font-size: 16px;
}
.banner{

}
/*top*/
.top{ width: 100%; height: 34px; padding-top: 10px; background-color: #f3f3f3;  font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.top_all{ width: 1200px; margin: 0 auto;}
.top_left{ float: left}
.top_right{ float: right;}
.up{ width: 100%;}
.up_all{ width: 1200px; margin: 0 auto}
.up_left{ float: left; padding: 18px 0 18px 0}
.up_right{ float: right; padding-top: 34px;}
.nav{ width: 1200px; z-index: 10001; position: absolute; left: 50%;margin-left: -600px}
.nav_all{width: 1200px; margin: 0 auto; }
.nav_all ul{   height: 45px;   background-color: #1e212a; border-bottom: solid 3px #000000}
.nav_all ul li{float: left; text-align: center; font-size: 16px; color: #ffffff; padding: 12px 0 12px 0; width: 14.28%}
.nav_all ul li:hover{ background-color: #b02626; border-bottom: solid 3px #990000}
.select{  position: absolute;  z-index: 10001; background: #fff;height: 50px;bottom:0px;left: 50%;margin-left: -600px;width: 1200px;  }
.select .select-tit{  color: #dc2b21;font-weight: bold;padding: 0 15px;  }
.select .select-left{  float: left;line-height: 50px;  }
.select  a{  padding: 0 10px;  }
.select-right{  float: right;background: #000;height: 50px;width: 350px;  }
.select-right input{  width: 280px;height: 50px;background: #232323;border: 0px;outline: none;padding: 0 10px;color: #fff;vertical-align: middle;  }
.select-right button{  width: 27px;height: 27px;background: url("../images/search.png") no-repeat;background-size: 100% 100%;display: inline-block;cursor: pointer;margin-left: 10px;vertical-align: middle;outline: none;border: none;  }

/*banner*/
.fullSlide{width:100%;height:600px;background:#000; z-index: 1000; position: relative}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#ffffff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*product*/
.pro{ width: 100%; height: 850px; background-image: url("../images/bai_bg.png"); background-repeat: repeat-x ; }
.pro_all{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.pro_title{ text-align: center}
.pro_list{ padding-top: 32px;}
.pro_list ul li{ float: left; width: 11.1%; margin: 0 5px 0 5px;  height: 40px; border: solid 1px #d6d4d4; text-align: center; font-size: 14px;
  line-height:36px; color: #333333; background: linear-gradient(#fdfdfd, #efefef); }
.pro_list ul li:hover{border: solid 1px #ff0000; background: linear-gradient(#ff5d5d, #ff0303); color: #ffffff;}
.products{ padding-top: 40px;}
.products ul li{ float: left; width: 23.2%; height: 250px; margin: 5px 5px 20px 5px; border: solid 1px #dfdfdf; text-align: center; background-color: #ffffff;  padding-top: 10px;}
.products ul li p{ padding-top: 18px;}
.products ul li:hover{ box-shadow: 0 0 6px #8e8e8e;}

/*about*/
.about{ width: 100%; height: 499px; background-image: url("../images/hei_bg.png"); background-repeat: repeat-x ; }
.about_all{ width: 1200px; margin: 0 auto;  padding-top: 74px;  padding-left: 24px;}
.about_left{ float: left;  padding-right: 30px;}
.about_right{ float: right}
.about_centre{ width: 340px; float: left; color: #e5e5e5; font-size: 14px; }
.about_centre p{ padding-top: 18px; line-height: 26px;}

/*huoban*/
.huoban{ width: 100%;  height: 553px; background-image: url("../images/hezuo_bg.png");}
.huoban_all{ width: 1200px; margin: 0 auto;}
.huoban_title{  text-align: center; padding-top: 46px;}

.hezuo-hold1{
  width: 1200px;margin:20px auto
}
.hezuo-img-hold1{
  position: relative;width: 1200px;margin: 0 auto;
}
.hezuo-img-hold1 i{
  position: absolute;width: 35px;height:140px;display: inline-block;cursor: pointer;
}
.hezuo-img-hold1 .move-left{
  background: url("../images/left.png");left: 0;top:150px
}
.hezuo-img-hold1 .move-right{
  background: url("../images/right.png");right: 0;top:150px;cursor: pointer;
}
.hezuo-hold1 .hezuo-list1{
  position: relative;height: 468px;width: 1000px;overflow: hidden;margin: 0 auto;
}
.hezuo-hold1 .hezuo-list1 ul{
  position: absolute;left: 0px;top:20px
}
.hezuo-hold1 .hezuo-list1 ul li{
  float: left;width: 250px;text-align: center;
}
.hezuo-hold1 .hezuo-list1 ul li img{
  width:70%; height:80%;
}
.lianjie a{
  color:#fff
}

/*contact*/
.contact{ width: 100%; height: 150px; background-color: #ffd400}
.contact_all{ width: 1200px; margin: 0 auto; padding-top: 40px; padding-left:60px;}
.contact_all ul li{ float: left; width: 17%; padding: 10px; }
.xian{ float: left;  width: 1px; height: 70px; background-color: #000000; margin-right:70px; margin-left:20px }

/*footer*/
.footer{ width: 100%; height: 249px; background-image: url("../images/footer_bg.png"); background-repeat: repeat-x}
.footer_all{ width: 1200px; margin: 0 auto}
.footer_nav{ width: 1200px; height: 70px; background-color: #1a1a1a}
.footer_nav ul li{ float: left; width: 14.28%; line-height: 70px;  text-align: center; }
.footer_nav ul li a{color: #b2b2b2}
.footer_nav ul li a:hover{color: #dc2b21}
.footer_down{ width:1000px; padding-top: 26px;}
.footer_left{ float: left; padding-left: 170px;}
.footer_right{ float: right; padding-top: 40px;}
.footer_right p{ color: #b2b2b2; font-size: 14px; line-height: 32px;}


/*about内页*/
.n-pro-guide{
  max-width: 1100px;height: 40px;margin: 20px auto;border-bottom: 1px solid #ff000b;overflow: hidden;
  animation:zoomIn 2s;
  -moz-animation:zoomIn 2s; /* Firefox */
  -webkit-animation:zoomIn 2s; /* Safari and Chrome */
  -o-animation:zoomIn 2s; /* Opera */
}
.n-pro-guide .n-pro-g-left{
  float: left;height: 40px;line-height: 40px;
}
.n-pro-guide .n-pro-g-left i{
  height: 22px;width: 4px;background: #ff000b;display: inline-block;line-height: 40px;vertical-align: middle;
}
.n-pro-guide .n-pro-g-left span{
  font-size: 18px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;
}
.n-pro-g-right{
  float: right;height: 40px;line-height: 40px;font-size: 16px
}
.n-hold{
  max-width:1100px ;line-height: 28px;margin: 0 auto; font-size: 14px; color: #101010; margin-bottom: 30px;
}


/*新闻*/

.article-hold{
  max-width: 1100px;margin: 0 auto;
}
.yingyong-list{
  max-width:1100px;;margin: 40px auto;
}
.bookbox{
  border: 1px solid #dfdfdf;height: 150px;width: 1080px;margin:0px 10px;
  position: relative;margin-bottom: 30px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  overflow: hidden;float: left;
}
.bookbox:hover{
  transform: translate(0,-5px);
  -moz-transform: translate(0,-5px);
  -o-transform: translate(0,-5px);
  -webkit-transform: translate(0,-5px);
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
.bookbox .bookleft{
  background: #b0b1ae;padding: 20px 3%;height: 150px;text-align: center;width: 15%;
}
.bookbox .bookleft .line{
  width: 27px;height: 5px;background: #fff;border-radius: 2px;margin: 8px auto;
}
.bookbox .bookleft .btndownload{
  color: #fff;background: #4598e4;border-radius: 30px;padding:5px 10px;
}
.bookbox .bookleft .btndownload:hover{
  background: #67b6ff; box-shadow: 0 0 10px #7a7a7a;
}
.bookbox .booktext{
  padding: 20px 3%;width: 70%;line-height: 28px;overflow: hidden;
}

.methodbox .bookleft{
  background: rgb(241, 160, 24);
}
.methodbox .bookleft .btndownload{
  background: rgb(39, 26, 2);
}
.methodbox .bookleft .btndownload:hover{
  background: rgb(39, 26, 2);
}
.mb20 {
  margin-bottom: 15px;
}
.colorwhite {
  color: #fff;
}
.n-hold-shop h1{
  text-align: center;font-size: 18px;margin: 20px;
}
.n-hold-shop h2{
  font-size: 14px;text-align: center;margin-bottom: 20px;
}
.n-hold p{ text-indent: 24px;}
.article-hold{
  max-width: 1200px;margin: 0 auto;
}
.left{
  float: left;
}
.right_fanye{
  margin-left: 400px;
}
.right_fanye a{
  color: #0093ff
}

/*内页产品*/


.pro-hold1{
  width: 1200px;overflow: hidden;
}
.pro-hold1 ul li{
  float: left;width: 390px;margin: 20px 3px;text-align: center; height: 300px;

}
.pro-hold1 ul li img{
  width: 99%;border: 1px solid #ddd;
}
.pro-hold1 ul li a p{
  line-height: 30px;
}
.pro-hold1 ul li:hover img{
  border:1px solid #ed3a3a;
}
.pro-hold1 ul li:hover a{
  color: #ed3a3a;
}
.n-second-guide-hezuo{
  width: 1200px;position: relative;margin: 30px auto;z-index: 1000;
  animation:zoomIn 2s;
  -moz-animation:zoomIn 2s; /* Firefox */
  -webkit-animation:zoomIn 2s; /* Safari and Chrome */
  -o-animation:zoomIn 2s; /* Opera */
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.pro-list-hold1{
  overflow: hidden;
}
.pro-list-hold1 ul li{
  width: 31.333%;margin: 1%;text-align: center;float: left;
}
.pro-list-hold1 ul li img{
  width: 100%;height: 210px;
}
.pro-list-hold1 ul li p{
  line-height: 27px;
}
.pro-list-hold1 ul li:hover p{
  color: #08a4f1;
}
.power{
  -webkit-transition: -webkit-transform 0.3s;
  transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.power:hover{
  transform: translate(0,-5px);
  -moz-transform: translate(0,-5px);
  -o-transform: translate(0,-5px);
  -webkit-transform: translate(0,-5px);
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}

.article-shop h4{
  text-align: center;font-size: 22px;margin: 20px 0;
}

.arcImg{
  text-align: center;
}
.arcImg img{
  max-width: 100%;
}

.map-hold{    width: 900px;  height: 902px;  margin: 60px auto;  border: 1px solid #ddd;}


.shipin-hold{
  overflow:hidden
}
.shipin-hold ul li{
  float:left;width:33.333%;text-align:center;
}
.shipin-hold ul li p{
  padding:10px
}

.n-second-guide-hezuo{
  max-width: 1200px;margin: 30px auto;z-index: 1000;
  animation:zoomIn 2s;
  -moz-animation:zoomIn 2s; /* Firefox */
  -webkit-animation:zoomIn 2s; /* Safari and Chrome */
  -o-animation:zoomIn 2s; /* Opera */
}

.n-second-guide-hezuo a{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ddd;
  background: rgba(232, 3, 3, 0.78);
  color: #fff;
  position: relative;
}
.n-second-guide-hezuo a:hover{
  background: #333

}
.n-second-guide-hezuo>ul li{
  float: left;width: 190px;text-align: center;margin:0 4px;position: relative;
}
.n-second-guide-hezuo>ul li a{
  width:100% ;padding: 6px 0px; display: inline-block; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;
}
.n-second-guide-hezuo>ul li a:hover{
  color: #fff;
}
.n-second-guide-hezuo>ul li>ul{
  position: absolute;left: 1px;top:36px;width: 190px;background:#ed3a3a; display: none;
}
.n-second-guide-hezuo>ul li:hover>ul{
  display: block;
}
.n-second-guide-hezuo>ul li>ul li{
  border-bottom: 1px solid rgba(191, 191, 191, 0.65);margin: 0px;
}
.n-second-guide-hezuo>ul li>ul li a{
  width:100% ;padding: 6px 0px;background:#ed3a3a; border: 0px;color: #fff;
}

.n-article h2{ text-align: center; padding-bottom: 40px}


/*内页留言*/
.n-about-con{
  line-height: 27px;margin: 20px auto;;padding: 0 10px;
}
.n-about-con h1{
  text-align: center;font-size: 18px;margin: 10px;
}
.n-about-con h2{
  font-size: 14px;text-align: center;margin-bottom: 20px;
}
.n-about-con img{
  max-width:100%
}
.i-form{
  margin-top: 10px;
}
.i-form table tr td:first-child{
  width: 80px;
}
.forem table tr td{
  padding: 5px 0;
}
.i-form table tr td{
  padding: 5px 0;vertical-align: middle;
}
.form-con{
  border-radius: 4px;
  padding: 12px;height: 130px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 540px;outline: none;
}
.intxt{
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 240px;outline: none;
}
.i-intxt{
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 240px;outline: none;
}
.coolbg{
  width: 80px;padding: 10px ;margin: 20px 20px 20px 0px;background: #044a9f;border: 0px;color: #fff;  border-radius: 4px;cursor: pointer;outline: none;
}
.neinewsbody{ padding-top: 30px;}
.fenye ul li{ float: left; padding: 5px;}


.forem{
  width: 700px;  margin-left: 100px;
}
.input{
  border: 1px solid #08a4f1;outline: none;width: 350px;padding: 10px ;margin: 10px 0;
}
.textarea {
  height: 100px;
  width: 350px;
  border: 1px solid #08a4f1;
  outline: none;
  margin: 10px 0;
  padding: 10px
}
.map{
  width: 900px;height: 900px;max-width: 100%;
}
.map-hold{
  width: 900px;;height: 902px;margin: 60px auto;border: 1px solid #ddd;
}
.intxt{
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 240px;outline: none;
}
.i-intxt{
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 240px;outline: none;
}
.i-form{
  margin-top: 10px;
}
.i-form table tr td:first-child{
  width: 80px;
}
.forem table tr td{
  padding: 5px 0;
}
.i-form table tr td{
  padding: 5px 0;vertical-align: middle;
}
.form-con{
  border-radius: 4px;
  padding: 12px;height: 130px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 540px;outline: none;
}
.i-con{
  border-radius: 4px;
  padding: 12px;height: 60px;
  border: 1px solid #D4D4D4;
  color: #333333;vertical-align: middle;width: 240px;outline: none;
}
.coolbg{
  width: 80px;padding: 10px ;margin: 20px 20px 20px 0px;background: #044a9f;border: 0px;color: #fff;  border-radius: 4px;cursor: pointer;outline: none;
}



/*搜索*/
.search{
  overflow: hidden;
}
.search ul li{
  border-bottom: 1px dashed #ddd;
  padding: 15px 1%;float: left;width: 46%;margin: 2% 1%;
}
.lianjie a{
  color:#fff
}
.ph-head{
  display: none;
}
.ph-head-guide ul{
  display: none;
}

.scroll{
  display:none
}

.power{
  -webkit-transition: -webkit-transform 0.3s;
  transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.power:hover{
  transform: translate(0,-5px);
  -moz-transform: translate(0,-5px);
  -o-transform: translate(0,-5px);
  -webkit-transform: translate(0,-5px);
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}


#rollnews{height: 44px;
  line-height: 44px;
  overflow: hidden;
  width:70.8%;
  float: left;
  display: inline-block;}
#rollnews .content{eight: 44px;
  line-height: 44px;
  overflow: hidden;}
#rollnews .title{width:60%;
  float: left;
  display: inline-block;}
.news_btn{width: 20%;
  position: relative;
  right: 0px;
  float: left;
  display: inline-block;}
.news_btn A.up{ background: url("../images/shang.png") no-repeat center 50%; padding-top: 20px; padding-left:100px;}

.news_btn A.down{ background: url("../images/xia.png") no-repeat center 50%;padding-top: 60px; padding-left:340px;}

.news_btn A{    position: absolute;

  display: block;
  height: 9px;
  left:-200px;}
.title img{ padding-right: 20px; padding-bottom:6px;}