html{height: 100%;margin:0;}
body{width: 100%;height: 100%;font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";margin:0;font-size:14px;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input{margin:0;padding:0;font-weight: normal;font-size:14px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
table{width:auto;border-collapse: collapse;border-spacing: 0;}
li{list-style: none;vertical-align: bottom;}
em,i{font-style: normal;}
a{outline: none;text-decoration:none;transition: color .3s,opacity .3s,transform .3s;-webkit-transition: color .3s,opacity .3s,transform .3s;color:#525252;}
a:hover{outline: none;/*text-decoration: underline;*/}
img{border: 0;}
input:focus{outline:none;}
#head{/*position:relative;*/}
#top{position: fixed;height:105px;width:100%;top:0;left:0;z-index:20;background-color:rgba(255,255,255,1);background:#fff\9;border-top:#081e74 solid 6px;border-bottom:1px solid #e0e0e0;/*border-bottom:4px solid rgba(255,255,255,0.3)*/}
#top2{position: fixed;height:80px;width:100%;top:0;left:0;z-index:20;background-color:rgba(0,0,0,1);background:#000\9;}
#top_main{height:105px;clear:both;width:1280px;margin: 0px auto;}
#top_left{width:270px;float:left;padding:20px 0px 0px 0px;height:85px;}
.logo{width:270px;height:85px;background:url(../images/logo.png) no-repeat top left;text-indent:-999em;}
#top_cen{/*margin:0px 265px 0px 340px;background:#ff0000;*/float:left;width:800px;padding:0px 0px 0px 15px}
#top_right{width:195px;float:right;height:75px;padding:30px 0px 0px 0px;}
#mob_menu{height:45px;overflow:hidden;background:#122a88;text-align:center;}
#mob_menu span{line-height:45px;display:inline-block;background:url(../images/top_tel.png) no-repeat left center;color:#fff;font-size:18px;/*font-family:Arial;*/padding-left:28px;}
#nav{height:106px;width:100%;margin:0px auto;display:block;/*float:right;*/}
#nav li{height:100px;float:left;line-height:106px;position:relative;}
#nav li a {display:block;}
a.menu1_nav{color:#111;text-align:center;height:103px;line-height:103px;display:inline-block;font-size:16px;padding:0px 12px;transition:all 600ms ease-in-out;/*border-bottom:2px solid rgba(8,30,116,0);border-bottom-width:15px;*/margin:0px 3px;}
a.menu1_nav:hover{text-decoration:none;color:#081e74;/*border-bottom-width:100px;*/}
a.menu1_navdq{color:#081e74;text-align:center;height:104px;line-height:104px;display:inline-block;font-size:16px;padding:0px 12px;border-bottom:2px solid #081e74;margin:0px 2px;}
a.menu1_navdq:hover{text-decoration:none;}
#nav li ul {
  display: none;
  /*display: block;
  visibility:hidden;*/
  position: absolute;
  top: 106px;
  left: 0;
  width:200px;
  background:#132b88;
  z-index:999;
  /*transform:scale(1,0.1); */
  /*opacity:0;
  filter:alpha(opacity=0);
  transition:all 1200ms ease-in-out;*/
  }
#nav li:hover ul {
  display: block;
  /*opacity:1;
  filter:alpha(opacity=100);
  visibility: visible;*/
  /*transform:scale(1,1); */
  }
#nav li ul li {
  float: none;
  border-top:#081f78 solid 1px;
  height:50px;
  }
#nav li ul li a {
  display: block;
  color:#fff;
  font-size:14px;
  background:url(../images/icon4.gif) no-repeat 26px center;
  padding:0px 15px 0px 40px;
  line-height:50px;
  height:50px;
  transition:all 600ms ease-in-out;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  color: #fff;
  text-decoration:none;
  background:#0c1e64 url(../images/icon4.gif) no-repeat 26px center;
  }
.bottom-inOutSpread:before,.bottom-inOutSpread:after,.bottom-inOutSpread>.ui-border-element:before,.bottom-inOutSpread>.ui-border-element:after {
    content:'';
    position:absolute
}
.bottom-inOutSpread:after {
    border-bottom:2px solid #081e74;
    left:51%;
    right:51%;
    bottom:0px;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);
    -webkit-transition-duration:600ms;
    -moz-transition-duration:600ms;
    -o-transition-duration:600ms;
    transition-duration:600ms;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.bottom-inOutSpread:hover:after {
    left:0%;
    right:0%
}
.bottom-inOutSpread:not(:hover):after {
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
#foot{/*margin-top:50px;*/}
#bom1{background:#333;/*height:290px;*/padding:45px 0px 40px 0px;}
#bom1_main{clear:both;overflow:hidden;width:1200px;margin:0px auto;}
#bom1_01{float:left;width:240px;color:#666;background:url(../images/bom_line1.png) repeat-y right top;padding:0px 55px 0px 0px;height:210px;}
#bom1_02{float:left;width:325px;color:#666;height:190px;background:url(../images/bom_line1.png) repeat-y right top;padding:20px 10px 0px 55px;overflow:hidden;}
#bom1_03{float:left;width:200px;color:#666;height:190px;background:url(../images/bom_line1.png) repeat-y right top;padding:20px 40px 0px 50px;line-height:32px;}
#bom1_04{float:right;width:160px;color:#666;height:195px;padding:5px 0px 0px 0px;line-height:24px;text-align:center;}
.bom1_logo{margin-bottom:10px;}
.bom1_duanluo1{line-height:24px;padding:0px 0px 0px 5px;}
.bom1_duanluo1 a{color:#666;}
.bom1_duanluo1 a:hover{color:#666;text-decoration:none;}
#bom1_02 a{color:#666;margin:0px 10px 10px 10px;display:inline-block;width:140px;}
#bom1_02 a:hover{color:#aaa;}
#bom1_03 a{color:#666;}
#bom1_03 a:hover{color:#aaa;}
#bom1_04 a{color:#666;}
#bom1_04 a:hover{color:#aaa;}
#bom2{background:#222;padding:25px 0px;line-height:22px;}
#bom2 a{color:#a5b2bc;}
.gongan{background:url(../images/gongan.png) no-repeat left center;padding:0px 0px 0px 30px;}
#link_main{clear:both;overflow:hidden;width:1200px;margin:0px auto;}
#link_left{float:left;width:80px;color:#666; font-weight:bold;line-height:22px;}
#link_right{float:right;width:1120px;color:#666;line-height:22px;}
#link_right a{display:inline-block;color:#666;margin:0px 10px 0px 0px;}
#link_right a:hover{color:#aaa;}
#link_right span{display:inline-block; }


/*main css*/
.main-im{position:fixed;right:10px;top:200px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:55px;border-bottom:1px solid #dddddd;padding-top:10px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:14px;margin-top:3px;}
.main-im .im_main .im-tel .tel-num{/*font-family:Arial;*/font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}


.side{position:fixed;width:78px;right:0;bottom:0;/*margin-top:-200px;*/z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background:#fff url(../images/leftewm.png) no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



#pro_con2{overflow:hidden;clear:both;margin:40px 0px 0px 0px;position: relative;}
.pro_lable2{border-bottom:#d2d2d2 solid 1px;height:32px;}
.pro_lable2 h2{font-size:18px;line-height:20px;color:#222;}

.pro_lable3{/*border-bottom:#d2d2d2 solid 1px;*/overflow: hidden;margin:20px 0 30px 0;background:#ececec;padding:15px 30px;border-radius:6px;}
.pro_lable3 h2{font-size:24px;line-height:30px;color:#222;font-weight: bold;position: relative;padding:0 50px 0 0;height:30px;display:inline-block;}
.pro_lable3 h2:after{position:absolute;width:40px;height:4px;top:50%;right:0;background:#122a88;content:"";margin:-2px 0 0 0;}



.scroll-img {overflow:hidden;clear:both;width:960px;margin:32px 0px 0px 0px;height:279px;}
/*.scroll-img ul {width:1360px;height:340px;margin: 0;}*/
.scroll-img ul li {float:left;margin:0px 18px 0px 0px;position: relative;cursor:pointer;width:304px;height:275px;padding:1px;background:#fff;border:#ececec solid 1px;}
#demo5.scroll-img ul {
	width: 2800px;
}
.pro_img2{display:block;width:304px;height:225px;}
.pro_img2 a{display:block;width:304px;height:225px;overflow:hidden;}
.pro_img2 a img{width:304px;height:225px;transition:all 400ms ease-in-out;}
.pro_bg2{background:rgb(0,0,0,0.8);opacity:0;position:absolute;top:2px;left:2px;transition:all 400ms ease-in-out;width:304px;height:225px;}
.pro_bg2 span{background:url(../images/icon2.png) no-repeat center center;width:304px;height:225px;display:block;}
.pro_text2{text-align:center;color:#333;font-size:16px;line-height:16px;padding:10px;}
/*.scroll-img ul li:hover .pro_img2 a{border:#ed0561 solid 1px;}*/
.scroll-img ul li:hover .pro_img2 a img{transform:scale(1.2,1.2);}
.scroll-img ul li:hover .pro_bg2{opacity:1;}
.scroll-img ul li:hover .pro_text2 a{color:#ee000f;}
#demo5-btn {
	position:absolute;
	width: 300px;
	top:5px;
	right:0px;
	text-align:right;
}
.btn1{height:20px;width:20px;background:#fff url(../images/pro_arrowleft2.png) no-repeat center center;border:#fff solid 0px;cursor: pointer;margin:0px 10px 0px 0px;outline:none;}
.btn2{height:20px;width:20px;background:#fff url(../images/pro_arrowright2.png) no-repeat center center;border:#fff solid 0px;cursor: pointer;outline:none;}