@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,tr,input,button{margin:0;padding:0;font-size:14px;font-family:PingFang SC,syht,Arial,Hiragino Sans GB,sans-serif;line-height:1.5em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#777}
body{background:#fff}
ul,ol,li{list-style:none}
a{color:#777;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-ms-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .3s ease; }
img{border:0}
em{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}


@font-face {
  font-family: 'Champignon';
  src: url('font/Champignon.ttf');
  src: url('font/iconfont.eot#iefix') format('embedded-opentype'),
  url('font/Champignon.ttf') format('truetype');
}

@font-face {
  font-family: 'syht';   /*字体名称*/
  src: url('font/syht.ttf');       /*字体源文件*/
}

@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot#iefix') format('embedded-opentype'),
  url('font/iconfont1.woff') format('woff'),
  url('font/iconfont2.ttf') format('truetype'),
  url('font/iconfont3.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont{font-family: "iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}
.time03{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.time05{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.fdii{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }
.box-shadow{box-shadow: 0px 5px 35px rgba(0,0,0,0.1);}

/*延迟加载*/
.lazy {background: url("loading.gif") 50% 50% no-repeat;}
.w1200{width: 1200px;margin: 0 auto;}
.box{width: 1200px; margin:0 auto;}

.nav{width: 100%; }
.nav .idh{float: right; padding-top: 26px; overflow: hidden; }
.nav .idh p{font-size: 22px; font-weight: bold; color: #e01611; padding-left: 45px; float: right; line-height: 31px; overflow: hidden;}
.nav .idh p i{display: block; float: left; margin-right: 15px; width: 31px; height: 31px;background: url(img/icon.png)no-repeat ;background-position: -35px 0px;}
.nav .idh  a{font-size: 22px; font-weight: bold; color: #8c8c8c; font-family: "Arial"; text-transform:uppercase; float: right; line-height: 31px; margin-left: 70px;}
.nav .idh  a:hover{color: #e2000f;}


/*首页导航栏开始*/
  .nav{width: 100%; height:80px; background: #fff; position: fixed; top: 0px;  z-index: 99; }
  .nav .nav_box{width: 1400px; margin:0 auto; height: 100%;}
  .nav .nav_top{width: 100%; height:80px; border-bottom: 1px solid #eee; }
  .nav .nav_top .ilogo{display: block; width: 151px; height: 47px; float: left;  padding: 20px; margin-top: 10px; margin-right:50px;  background: #fff; 
    box-shadow: 0px 4px 5px rgba(50,50,50,0.3);  z-index: 100; position: relative;}
  .nav .nav_top .ilogo img{display: block; width: 100%; }

  .nav .menu{  float: left;}
  .nav .menu ul li{float: left;  padding-left: 5px; padding-right: 5px;}
  .nav .menu ul li a{font-size: 16px; color: #000; line-height: 80px; display: block; /*padding:0px 25px;*/}
  .nav .menu ul li>a:hover, .nav .menu ul li.on>a{background: #336699; color: #fff !important;}
  .nav .menu ul li a span{width: 100%; right: 70px; position: absolute; top: 10px;} 
  .nav .menu ul li.onn>a{background: #336699; color: #fff !important;}
/*.nav .menu ul li.onn>a span{width:100%; left: 0px; }
  .nav .menu ul li.onn a span{position: absolute; right: 0px;}*/
  .nav .menu ul li.onn a{color:  #336699;}
  .nav .menu ul li.onn dl{padding-top: 8px;}

  .nav .menu ul li dl{width: 100%; display: none; position: relative; padding-top: 28px; z-index: 2;}
  .nav .menu ul li dl span{display: block; width: 7px; border-bottom:2px solid #e01611; position: absolute; top: 10px; left: 10px; }
  .nav .menu ul li.onn dl span{ width: 0px;}
  .nav .menu ul li dl dd a{font-size: 14px; color: #666; font-family: "syht"; line-height: 45px; height: 45px;}
  .nav .menu ul li dl dd a:hover{color: #fff;}

  .nav .menu ul li>a{width:130px; text-align: center;}
  .nav .menu ul li:nth-child(1)>a{width: 80px;}
  .nav .menu ul li dl.sub{width: 100%; overflow: hidden; }
  .nav .menu ul li dl.sub dd{width: 100%; height: 45px; line-height: 45px; text-align: center;}
  .nav .menu ul li dl.sub dd a:hover{ color: #e2000f ;}

/*  .nav .menu .subbai{ position: absolute; top: 81px; left: 0px; width: 100%; height:280px; background: #fff;  display: none;}*/

  .box01{width: 725px; height: 100%; margin: 0 auto; }
  .nav_bottom{width: 100%; height:300px;  background: #fff; overflow: hidden; position: absolute; top: 81px; left: 0px; z-index:1; display: none;
    overflow: hidden; box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}
  .nav_bottom  ul{width: 110%;}
  .nav_bottom  ul li{float: left;  width: 130px ; text-align: left; margin-left: 5px;  margin-right: 5px; }
  .nav_bottom  ul li dl{width: 100%; }
  .nav_bottom  ul li dl span{display: block; width: 7px; border-bottom:2px solid #e01611;margin-top: 18px; margin-bottom: 10px;}
  /*.nav_bottom  ul li:hover dl span{width: 30px;}*/
  .nav_bottom  ul li dl dd{cursor: pointer;}
  .nav_bottom  ul li dl dd a{font-size: 14px; color: #666; font-family: "syht"; line-height: 35px; height: 35px;}
  .nav_bottom  ul li dl dd a:hover{color: #e2000f;}

  .nav_bottom .ibbg_list{width: 450px; height: 200px; position: absolute; bottom: 20px; overflow: hidden; right:20%; z-index: -1;}
  .nav_bottom .ibbg_list li{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;}
  .nav_bottom .ibbg_list li img{display: block; width: 100%;}
   
  .nav  .nav_bottom ul li.onn a{color:  #e2000f;}
  .nav  .nav_bottom ul li.onn dl{padding-top: 8px;}
  
 
  

/* banner */
.banner{ width:100%; height:615px; position:relative;min-width: 1000px;margin:0 auto ;overflow:hidden;transform:translate3d(0,-7px,0);}
.banner .bd{ position: relative;z-index: 0;overflow: hidden;}
.banner .bd  ul{width: 100% !important;}
.banner .bd li{background-position:top center;background-repeat:no-repeat;width: 100% !important;height:615px}
.banner .bd li a{display: block; width: 1200px; margin:0 auto; height: 100%;}
.banner .bd li .w1200{height: 180px;margin-top: 170px;}
.banner .bd li .w1200 .p1{font-size: 30px;color: #fff;margin-bottom: 15px;}
.banner .bd li .w1200 .p2{font-size: 16px;color: #fff;margin-bottom: 45px;}
.banner .bd li .w1200 .more{display: block;width: 122px;height: 40px;background-color: #b2000f;color: #fff;text-align: center;line-height: 40px;border-radius: 2px;display: block;}
.banner .bd li .w1200 .more:hover{transition: all .3s ease;box-shadow: 0 5px 25px rgba(0,0,0,0.3);transform:translate3d(0,-2px,0);}
.banner .btn{position:absolute;top:50%;width:60px;height:62px;margin-top:-31px;display:block;z-index:1;font-family:"simsun",Arial;color:#eee;font-size:72px;line-height:62px;text-align:center}
.banner .btn:hover{opacity: 0.8}
.banner .prev{left:4%;}
.banner .next{right:4%}
.banner .hd{  position: absolute; bottom: 50px; height: 14px; z-index: 10; width:100%;  left:0;  text-align:center;  }
.banner .hd ul{}
.banner .hd li{width: 14px; height: 14px; border-radius: 100%; background: #fff;  margin-right: 10px; margin-left: 10px;  line-height: 66px; overflow: hidden;
 cursor:pointer; display:inline-block; *display:inline; zoom:1;}
.banner .hd li.on,.banner .hd li:hover{background: #336699;}

/*彰显数字*/
.ishuzi{width: 100%; height: 140px;  }
.ishuzi ul{width: 100%; height: 60px; padding-top:40px; overflow: hidden;}
.ishuzi li,.ishuzi ul>span{display: block; float: left; }
.ishuzi li{ text-align: center;}
.ishuzi li:nth-child(1){width: 230px;}
.ishuzi li:nth-child(3){width: 367px;}
.ishuzi li:nth-child(5){width: 345px;}
.ishuzi li:nth-child(7){width: 210px;}
.ishuzi ul>span{width: 1px; height: 60px; background: #ccc;}
.ishuzi li p.isz_sz{font-size: 18px; line-height: 36px; color: #e2000f;}
.ishuzi li p.isz_sz span{font-size: 36px; font-style: normal;}
.ishuzi li p.isz_wz{font-size: 14px; color: #404040; line-height: 1em; margin-top:3px;}

/*新闻动态开始*/
.inews{width: 100%; height:690px;  }
.inews_nr{width: 100%; height: 500px; padding-top: 100px; }
.inews .inews_nrtop{width: 100%; height: 30px; float: left; margin-bottom:52px;}
.inews .inews_nrtop .inews_nrtleft{font-size: 30px; line-height: 30px; color: #404040; overflow: hidden;  float: left;}
.inews .inews_nrtop .inews_nrtleft i{display: block; float: left; widows: 30px; height: 30px; margin-right: 4px;}
.inews .inews_nrtop .inews_nrtright{font-size: 16px; color: #777;line-height: 30px; float: right; overflow: hidden;  float: right;}
.inews .inews_nrtop .inews_nrtright a{display: block; float: right; margin-left:10px;width: 31px; height: 31px; background: url(img/icon.png)no-repeat;
background-position: 0px 0px; }
.inews .inews_nrbottom{width: 100%; height: }
.inews .inews_nrbottom ul{width: 110%;}
.inews .inews_nrbottom li{float: left; width: 370px; margin-right:45px; }
.inews .inews_nrbottom li .inews_nrpic{width: 100%; height: 200px; background: #eee; overflow: hidden;}
.inews .inews_nrbottom li .inews_nrpic img{display: block; width: 100%;}
.inews .inews_nrbottom li:hover .inews_nrpic img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.inews .inews_nrbottom li .inews_nrrq{font-size: 14px; color: #888; margin-top: 25px; margin-bottom: 13px; line-height: 1em;}
.inews .inews_nrbottom li .inews_nrtitle{font-size: 16px; color: #404040; padding-left: 15px; background: url(img/ired.jpg)no-repeat top left; 
  line-height: 1em; margin-bottom: 30px;}
.inews .inews_nrbottom li .inews_nrt{background: url(img/icpdj.png)no-repeat top left; width: 100%; height: 6px; margin-bottom: 20px;}
.inews .inews_nrbottom li:hover .inews_nrt{background-position: 0px -9px;}
.inews .inews_nrbottom li span{font-size: 14px; line-height: 30px; color: #888;}

/*产品中心开始*/
.ipro{width: 100%; height: 950px;  overflow: hidden;}
.ipro .ipro_top{width: 100%; height: 660px; background:#336699;}
.ipro .ipro_title{font-size: 30px; color: #fff; text-align: center; padding-left: 35px; line-height: 1em; width: 120px; margin:0 auto ; 
  background: url(img/ipro.png)no-repeat left 102px; padding-top: 100px; padding-bottom: 55px;}
.ipro .ipro_summ{width: 100%; font-size: 14px; color: #fff; line-height: 30px;}
.ipro .ipro_more{width: 120px; height: 42px; border: 1px solid #fff; line-height: 42px; text-align: center; font-size: 14px; color: #fff; 
  display: block; border-radius: 21px; margin-top: 70px;}
.ipro .ipro_more:hover{background: rgba(255,255,255,0.5); }
.ipro .ipro_list{width: 100%; margin-top: 10px; position: relative;}
.ipro .ipro_list a.next,.ipro .ipro_list a.prev{display: block; font-size: 40px; color: #fff; position: absolute; top: 50%; margin-top: -20px;}
.ipro .ipro_list a.next{left:-10%;}
.ipro .ipro_list a.prev{right: -10%;}
.ipro .ipro_list .hd{width:100%;   height:10px; line-height:10px; text-align:center;}
.ipro .ipro_list .hd li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; margin-left: 5px; background: rgba(225,225,225,.6); line-height: 1em;}
.ipro .ipro_list .hd li.on{background: #fff;}
.ipro .ipro_list .bd{margin-top: 30px;}
.ipro .ipro_list .bd ul{width: 110%;}
.ipro .ipro_list .bd li{float: left; width: 360px; height: 400px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);margin-left: 5px; margin-right: 45px; margin-bottom: 5px;}
.ipro .ipro_list .bd li .ipro_pic{width: 360px; height: 326px;background: #eee; border-bottom: 1px solid #b9b9b9; position: relative;}
.ipro .ipro_list .bd li .ipro_pic span{display: block; width: 0px; height: 1px; background:#336699; position: absolute; bottom: -1px; }
.ipro .ipro_list .bd li:hover .ipro_pic span{width: 100%;}
.ipro .ipro_list .bd li .ipro_con{padding: 24px; background: #fff;}
.ipro .ipro_list .bd li .ipro_con p{font-size: 16px; color: #666; overflow: hidden;}
.ipro .ipro_list .bd li:hover .ipro_con p{color: #666;}
.ipro .ipro_list .bd li .ipro_con p i{width: 30px; height: 6px; display: block; margin-top: 11px; margin-bottom: 4px;  float: right;
  background: url(img/icon.png)no-repeat; background-position:  -333px 0px; }
.ipro .ipro_list .bd li:hover .ipro_con p i{background-position:  -301px 0px; }
/*底部开始*/
.footer{width: 100%; /*height: 405px;*/ background: #eee; padding-bottom: 5px;}
.footer .footer_top{width: 100%; overflow: hidden; height:; padding-top:65px; margin-bottom: 75px;}
.footer .footer_top .footer_tleft{width: 400px; float: left;}
.footer .footer_tlname{font-size: 16px; color: #666; margin-bottom: 25px;font-family: "syht";}
.footer .footer_top .footer_tleft li{font-size: 14px; color: #666; overflow: hidden; font-family: "syht";}
.footer .footer_top .footer_tleft li p{line-height: 28px; font-family: "syht";}
.footer .footer_top .footer_tleft li .footer_tlleft{float: left;}
.footer .footer_top .footer_tleft li .footer_tlright{float: left; }
.footer .footer_top .footer_tleft li i{display: block; float: left; width: 18px; height: 16px; background: url(img/icon.png)no-repeat; 
  margin-right: 30px; margin-top: 10px; cursor: pointer;}
.footer .footer_top .footer_tleft li .itt01{background-position: -71px 0px;}
.footer .footer_top .footer_tleft li .itt02{background-position: -93px 0px;}
.footer .footer_top .footer_tleft li .itt03{background-position: -112px 0px;}

.footer .footer_top .footer_tright{float: right; overflow: hidden;}
.footer .footer_top .footer_tright dl{float: left; margin-left: 25px; margin-right: 10px;}
.footer .footer_top .footer_tright dl dd{font-size: 14px; color: #888; line-height: 28px; font-family: "syht";}
.footer .footer_top .footer_tright dl dd:hover a{color: #555;}
.footer .footer_top .footer_tright dl dd i{ font-style: normal; margin-right: 5px; /*font-family: "宋体"*/}
.footer .footer_top .footer_tright dl dt{font-size: 16px; color: #666; margin-bottom: 25px;}

/*右侧悬浮开始*/
.fixed-right{position: fixed; right: 10px; top: 40%;/* margin-top: 70px;*/ z-index: 100; }
.fixed-right li{margin-bottom: 10px; width: 60px; height: 60px; margin-bottom: 10px; position: relative; }
.fixed-right li span{display: block; width: 35px; height: 35px;   position: absolute; left:7.5px;top: 7.5px; z-index: -1;}
.fixed-right li a{display: block; width: 60px; height: 60px;   background:rgb(85, 85, 85); border-radius: 6px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.fixed-right li a i{font-size: 22px;width: 60px;  display: block; line-height:60px; text-align: center; color: #fff;}
.fixed-right li a:hover ,.tel.on{background-color:#b2000f; }
/*.fixed-right li a .ifnt01{font-size: 50px; }
.fixed-right li a .ifnt02{font-size: 56px; line-height: 41px; margin-left: -3px;}*/
.fixed-right li a .ifnt03{font-size: 20px; }
.fixed-right li a .ifnt04{font-weight: bold;}

.fixed-right li a.qq .qq_hide{position: absolute;right: 100px;   width: 166px; position: absolute; left: -186px; top: -35px;}
.fixed-right li a.qq .qq_hide .qq_hied_con{    width: 170px; background: #222; border-radius: 4px; color: #fff; padding: 5px 0 15px 0; 
  box-shadow: 0 0 8px 0 rgba(0,0,0,.2);  display: none;}
.fixed-right li a.qq .qq_hide .qq_hied_con dl{    width: 120px; margin: 0 auto; overflow: hidden; text-align: left; line-height: 22px; font-size: 12px;
 margin-top: 10px;}
.fixed-right li a.qq .qq_hide .qq_hied_con dl s{ font-style: normal; text-decoration: none;  color: #fff; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; 
font-weight: bold;}
.fixed-right li a.qq .qq_hide .qq_hied_con:after {content: ""; width: 10px; height: 10px; background: #222; position: absolute; right: -9px; top: 58px; transform: rotate(45deg); }

.ewm_hide{    z-index: 10000; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(img/yiban.png); 
  display: none;}
.ewm_hide .ewm_hidecon{width: 360px; height: 400px; z-index: 100001; position: fixed; top: 50%; left: 50%; background: #fff; 
  margin: -200px 0 0 -180px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center;}
.ewm_hide .ewm_hidecon dl{    margin-top: 60px; font-size: 14px; color: #333; line-height: 40px;}
.ewm_hide .ewm_hidecon dl img{display: block; width: 200px; height: 200px; margin:0 auto 10px;}
.ewm_hide .ewm_hidecon dl a{    width: 110px; height: 40px; background: #b2000f; color: #fff; display: inline-block; border-radius: 2px; font-size: 14px; line-height: 40px;  
  margin-top: 10px;}

.hlplx{/*background:url(pic/hlp.png)!important; overflow: hidden; background-position: center center;*/ }
.hlplx:hover{/*background-image: url(pic/hlplx01.png)!important; background-position: center center;*/ background-color: #b2000f!important; }

.lj{width: 100%; font-size: 14px; line-height: 2em; text-align: right;}
.lj a:hover{color:#b2000f; text-decoration: underline;}

/*二维码开始*/
.iyinbg{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0px; left:0px; display: none; cursor: pointer; z-index: 999;}
.iyinbg .iyinewm{width: 250px; height:300px; overflow: hidden; position: absolute; top:50%; margin-top: -150px; left:50%; margin-left: -125px;}
.iyinbg .iyinewm li{width: 250px; height: 300px; background: #fff;}
.iyinbg .iyinewm li img{display: block; width: 225px; height: 225px; margin: 15px auto;}
.iyinbg .iyinewm li p{font-size:14px; text-align: center; line-height: 25px; color: #000;}

.prop_brlcont01 td{background: #efefef; font-size: 16px; color: #5f5d5d; line-height: 31px !important;}
.prop_brlcont01 p{font-size: 16px; color: #5f5d5d; line-height: 31px !important;}
.prop_brlcont table{max-width: 1000px!important;}


/*技术支持*/
.footer .box{overflow: hidden;}
.foot-support{width: 189px;float: right;}
.foot-support h3{float: left;color: #666;line-height: 34px;}
.foot-support .foot-bd{float: left;color: #666;height: 34px;}
.foot-support .foot-bd li a{color: #666;line-height: 34px;}

/*部分适配*/
@media screen and (max-width:1660px) {
  .prl .prl_lx{background-position: -160px bottom;}
  .nav_bottom .ibbg_list{right: 13%!important;}
}
@media screen and (max-width:1581px) {
  
  .nav_bottom .ibbg_list{right: 10%!important;}
}
@media screen and (max-width:1441px) {
  .prl .prl_lx{background-position: -260px bottom;}
  .nav .nav_box{width: 1200px;} 
  .nav .nav_top .ilogo{margin-right: 10px;} 
  .nav .menu ul li>a{width: 125px;}
  .nav .idh p{ padding-left: 0px;}
  .nav .idh p i{display: none;}
  .nav .idh a{margin-left:30px; }
  .box01{width: 640px;}
}
 
@media screen and (max-width:1367px) {
  .prl .prl_lx{background-position: -260px bottom;}
  .nav_bottom .ibbg_list{right: 5%!important;}

}


@media screen and (max-width:1201px) {
  .nav_bottom .ibbg_list{right: 2%!important;}
    body{width: 1200px;}
}