@charset "utf-8";
/*leisoon xxzweb 2020-11-02 CSS Document */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption,th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:微软雅黑,"puhui","Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#FFF; color:#333; font-weight:normal;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}
a{color:#333; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; }
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.wrap{width: 100%;}
.w_container{width: 1500px; margin: 0 auto;}
.l{float: left;}
.r{float: right;}

/*网页滚动条样式改变*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#E6F0FC}
::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}

/*头部跟屏导航*/
.yapiskan{height: 80px;/* 	background:#070F19; */background: url(../images/hebj.png);width:80%;text-align:center;transition:top .5s;margin:0 auto;border-radius: 0px 0px 15px 15px;box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);z-index:9999;transition:background-color .5s;	transition: all .5s;position: relative;}
.yya{position:fixed;left:0;top:0;width: 100%;transition:background-color .5s;transition: all .5s;}
.gizle{top:-80px;z-index:9999;}
.sabit{top:0;z-index:9999;}
/*==================头部css===============*/
.header-nav{width:92%;margin:0 auto;position:relative;}
.header-nav .logo{float: left;position: relative;display:block;line-height: 70px;}
.header-nav .logo img{position: relative;height: auto;top: 0;transition: all .3s;}
.header-nav .logo span{font-size: 28px;color: #FFFFFF;font-family:微软雅黑,"puhui","Arial","sans-seift"; font-weight: 700;letter-spacing:3px;font-style: italic;  }

.header-nav .tel{float: right;display:block;color: #FFFFFF;}
.header-nav .tel span{ font-size: 20px;color: #FF8000;}
.header-nav .tel i{ font-size: 20px;color: #FF8000; margin-right: 10px;}


.index_header{ float: right; width:80%;line-height: 70px;}
.index_header ul{float: right; }
.index_header ul li{float: left;position: relative;transition: .5s;}
.index_header ul li a{color: #FFFFFF; font-size: 18px; padding: 0 15px; font-weight: bold;transition: .5s;height: 30px;display:block; line-height: 30px; padding-top:25px; font-weight: 400; }
.index_header ul li:hover>a{ font-weight: 700; background: #3971CE;color: #FFFFFF; height: 83px;display:block;}
.index_header ul li dl{display: none;}
.index_header ul .tel{float: right;display:block;color: #FFFFFF; margin-left: 30px;}
.index_header ul .tel span{ font-size: 24px;color: #ffaa00; font-weight: 700;font-style: italic;letter-spacing:-2px;}
.index_header ul .tel i{ font-size: 20px;color: #ffffff; margin-right: 5px;font-style: italic;}

.index_header ul li:hover dl{display: block; background: #FFFFFF;  position: absolute; left: 0px; border-radius: 0px  0px 5px 5px; width: 102px; text-align: center; }
.index_header ul li:hover dl dd:hover{display: block; background: #F5F5F5; }
.index_header ul li:hover dl dd{border-bottom: 1px solid #F5F5F5;padding: 5px 0px;}
.index_header ul li:hover dl dd:last-child{border-bottom: none;}
.index_header ul li:hover dl a{font-weight: normal; padding: 0; text-align: center; color: #333; font-size: 15px;}
.index_header ul li:hover dl dd:hover a{color: #3971CE;}


.vh-scroll{ background: #ccc;}
.section-video .video{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1; height:420px;text-align: center; }
.section-video .video video{position: absolute; right: 0; bottom: 0; min-width: 1066px; height:420px; z-index: -1;-webkit-filter: brightness(0.80);filter: brightness(0.80);}
.section-video .item{position: absolute; z-index: 2;left: 0; right: 0; bottom:40%; color: #FFFFFF;}
.section-video .item p{text-align: center; font-size: 20px; margin-top: 40px;}
.section-video .item h3{text-align: center; font-size:35px; font-weight: bold; }
.section-video .item .bigchicken {display:block;text-align: center; width: 100px; margin:0 auto; position:relative; z-index:100; overflow:hidden;-webkit-animation: sxpiao 0.5s infinite;}

.section-video .item i{font-size: 60px; margin: 0 30px;}
.section-video .item a{display: block; text-align: center; font-size: 16px; color: #FFFFFF; width: 130px; padding: 10px 0; margin: 0 auto; background: #3971CE; margin-top: 40px; transition:.5s;border-radius: 50px; }
.section-video .item a:hover{background:#DDB343;}
/*==================内页头部css===============*/
.top_header{height:600px; background: #FFFFFF; text-align: center;z-index: -1; margin-top:-80px;}
.top_header .item{color: #FFFFFF; width: 860px; margin:0 auto; padding-top:180px;z-index: 3; text-align: center; }
.top_header .item h3{display:block;width: 400px; text-align: center;height: 80px; font-size: 80px; font-weight: 100;margin:0 auto;}
.top_header .item p{display:block;width: 500px; font-size: 20px; font-weight: 100; margin-top: 50px; margin:0 auto;}
.top_header .item span{display:block;}
.top_header .item .topxz{float: left;margin-top: 90px;}
.top_header .item .topxy{margin-top: -15px; float: right;}
.top_header dd{display:block;width:1300px; margin:0 auto; margin-top: 32px; }
.top_header dd img{filter: brightness(100%);}
.top_header img{filter: brightness(100%);}
/*头部*/
.tophead{ background: #000000; height: 34px;}


/*banner*/
.ls-banner{ width:100%;height:650px; }
.fullSlide{ width:100%;height:650px;display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ float: left; width:100% !important;height:650px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block; height:580px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:10;bottom: 50px; 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:20px; height:20px;  margin:5px;border-radius:20px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }	.fullSlide .hd ul .on{ background:#0055ff;}
.fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:2; top:50%;  left:15%; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;border-radius: 5px;  cursor:pointer; filter:alpha(opacity=90);opacity:0.9; display:none; }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.fullSlide .ls-bt{position:absolute; z-index:1;top:200px; width:100% ;text-align:center; color: #FFFFFF; text-align: center;}
.fullSlide .ls-bt h3{text-align: center; font-size: 46px; font-weight: bold;}
.fullSlide .ls-bt p{text-align: center; font-size:20px; font-weight: 400; margin-top: 40px;}
.fullSlide .ls-bt i{font-size: 60px; margin: 0 30px;}
.fullSlide .ls-bt a{display: block; text-align: center; font-size: 18px; color: #fff; width: 130px; padding: 10px 0; margin: 0 auto; background: #000000; margin-top: 40px; transition:.5s;border-radius: 50px; }
.fullSlide .ls-bt a:hover{background:#DDB343;}

/*===========首页关于==========*/
.index_gy{display:block; width: 1200px; height: 550px; margin:0 auto;background: url("../images/igy.jpg") bottom right no-repeat ; margin-top: 700px;position:relative; overflow:hidden;}
.index_gy li{float: left;}
.index_gy .igywm{float: left; width: 740px;}
.index_gy .igywm h2{ float: left; width: 240px; font-size: 50px;font-weight: 300; line-height: 50px; border-bottom: #3971CE 3px solid; padding-bottom: 20px;}
.index_gy .igywm p{ float: left;font-size: 50px; color: #8BA6CC;  font-weight: 100; margin-top: 20px; }
.index_gy .igy2{float: left; width: 740px;margin-top: 50px;}
.index_gy .igy2 p{float: left;width: 550px;font-size: 16px; line-height: 30px; color: #666666;text-indent: 30px; }
.index_gy .igy2 span{float: left;display:block;width: 800px;}
.index_gy .igy2 a{ float: left;display:block; width: 100px; border: #DDB343 2px solid; padding: 8px 20px ; font-size: 16px; margin-left: 450px; text-align: center;}
.index_gy .igy2 a:hover{background:#DDB343; color: #FFFFFF;}
.index_gy .igy3 {float: left;display:block;width: 800px; background: url("../images/igybj.gif") bottom left no-repeat #DDB343; margin-top: 40px; height: 155px; color: #FFFFFF;}
.index_gy .igy3 h2{float: left;display:block;width: 700px; margin-top: 20px; margin-left: 60px; font-size:22px;font-weight: 100;}
.index_gy .igy3 p{float: left;display:block;width: 700px; margin-top: 8px; margin-left: 60px; font-size: 16px;font-weight: 100;}

.gddjs{width: 1000px; margin:0 auto; background: #F5F5F5; padding: 20px;font-size: 16px; margin-top: 20px;position:relative; overflow:hidden; text-align: left;}
.gddjs strong{ float: left; width:130px; background: #88CEFF; color: #FFFFFF; font-size: 18px; font-weight: 100; text-align: center; padding: 10px; margin-right: 30px;border-radius: 5px;}

/*===========首页产品解决方案==========*/
.index_cpfa{width:100%; height: 800px; margin:0 auto;background: url("../images/cpfa.jpg") top center no-repeat; margin-top: 100px; }
.index_cpfa h2{ width: 400px; font-size: 40px; font-weight: 100;color: #FFFFFF;margin:0 auto;text-align: center; padding-top: 80px;}
.index_cpfa span{ display:block;width: 600px;font-size: 20px; font-weight: 100;color: #8BA6CC;margin:0 auto;text-align: center; margin-top: 40px;}
/*解决方案*/
.index_cpfa .jjfa{ width:1200px;margin:0 auto; overflow:hidden; margin-top: 100px;}
.index_cpfa .jjfa ul li{width:300px;height:350px;float:left;position:relative;overflow:hidden;cursor:pointer;}
.index_cpfa .jjfa ul li img{-webkit-filter: brightness(80%);filter: brightness(80%);transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.index_cpfa .jjfa ul li:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); opacity:0.6; }
.index_cpfa .jjfa .txt i{width:300px;position:absolute; top:-40px; font-size:45px;font-weight:100; color:#fff;z-index:100; text-align: center;}
.index_cpfa .jjfa .txt{width:300px; height: 100px; position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.index_cpfa .jjfa .txt:hover{background:url(../images/lanbj.png) repeat;}
.index_cpfa .jjfa .txt h3{font-size:22px;font-weight:400;height:60px;text-align:center;line-height:60px;}
.index_cpfa .jjfa .txt p{font-size:16px;text-align:center;margin-top: 50px; line-height:26px; padding: 20px;}

.index_cpfa .jjfa2 { width:300px;margin:0 auto; overflow:hidden; margin-top: 70px;text-align: center;}
.index_cpfa .jjfa2 a{display:block; border: #FFFFFF 1px solid; color: #FFFFFF; padding: 8px 20px ; font-size: 16px;}
.index_cpfa .jjfa2 a:hover{background:#3971CE; border: #3971CE 1px solid;}
.head_menutop {width:1200px;margin:0 auto;height: 5px;background-color: #0fa6ea;
    background: -webkit-linear-gradient(left,rgba(15,166,234,1) 0,rgba(89,204,24,1) 10%,rgba(15,166,234,1) 60%,rgba(11,101,201,85) 100%);
    background: -ms-linear-gradient(left,rgba(15,166,234,1) 0,rgba(89,204,24,1) 10%,rgba(15,166,234,1) 60%,rgba(11,101,201,85) 100%);
    background: linear-gradient(left,rgba(15,166,234,1) 0,rgba(89,204,24,1) 10%,rgba(15,166,234,1) 60%,rgba(11,101,201,85) 100%);
}





/*案例推荐*/
.ztlsc{margin:0 auto;width:1100px; background:#FFFFFF;overflow:hidden; zoom:1;margin-top:50px;/*box-shadow: rgb(204, 204, 204) 2px 2px 5px;*/}

.ladyScroll{ margin:0 auto;width:1100px;height:500px;position:relative;}
.ladyScroll .prev,.ladyScroll .next{width:36px;height:70px;position:absolute;top:200px;left:0;z-index:100; cursor:pointer; background: url(../images/btns.png) no-repeat;}
.ladyScroll .next{ left:auto; right:0px; background-position:0 -140px;}
.ladyScroll .prev:hover{ background-position:0 -70px;}	
.ladyScroll .next:hover{ background-position:0 -210px;}
	
.ladyScroll .scrollWrap{width:1100px;margin:0 auto;overflow:hidden;position:absolute; margin-left: 25px;}	
.ladyScroll dl{float:left;width:330px;text-align:center;position:relative; background: #F5F5F5; margin: 10px;}	
.ladyScroll dl:hover{ background: #3971CE; color: #ffffff;}
.ladyScroll dl p{ text-align: center; font-size: 20px;}
.ladyScroll dl span{ display:block;text-align: left; font-size: 14px; padding: 20px;}
.ladyScroll  dt{float:left;width:290px;height:218px;overflow:hidden; margin: 20px;}	
.ladyScroll  img{display:block;width:290px;height:218px;overflow:hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;  }
.ladyScroll  img:hover{display:block;transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */ opacity:0.6; }



/*===========首页党建==========*/
.index_dj{ width:1200px;margin:0 auto; overflow:hidden; margin-top: 100px;}
.index_dj .dj01{float: left; width:900px; height: 400px;}
.index_dj .dj02{float: left; width:300px; height: 400px; text-align: center;background:url(../images/iqy.jpg) repeat;}
.index_dj .dj02 h2{ font-size:30px;font-weight:400; margin-top:100px; }
.index_dj .dj02 p{ font-size:14px; font-weight:400; margin-top: 10px;}
.index_dj .dj02 span{ display:block; font-size:14px;font-weight:400; margin-top: 30px; text-align: center;}
.index_dj .dj02 span a{background: #3971CE; color: #FFFFFF;width: 130px;padding: 8px 20px;border-radius:25px;}
.index_dj .dj02 span a:hover{background:#DDB343;}

.index_dj .dj03{float: left;display:block; width:900px; height: 200px; text-align: right; background:url(../images/djbj.jpg) repeat; }
.index_dj .dj03 h2{ font-size:30px;font-weight:400; margin-top: 40px; margin-right: 300px;}
.index_dj .dj03 p{ font-size:14px;font-weight:400; margin-top: 10px; margin-right: 160px;}
.index_dj .dj03 span{ display:block; float: right; font-size:14px;font-weight:400; margin-top: 30px; margin-right: 180px;text-align: center;}
.index_dj .dj03 span a{background: #DDB343; color: #FFFFFF;width: 130px;padding: 8px 20px;border-radius:25px;}
.index_dj .dj03 span a:hover{background:#CCC;}

.index_dj .dj04{float: left;display:block; width:900px; height: 200px;}
.index_dj .dj04 li{float: left;width:300px;}
.index_dj .dj04 .wh01{float: left;width:300px;height: 200px; text-align: right;background:url(../images/icg.jpg) repeat;}
.index_dj .dj04 .wh01 h2{ font-size:30px;font-weight:400; margin-top: 50px;margin-right: 50px; }
.index_dj .dj04 .wh01 p{ font-size:14px;font-weight:400; margin-top: 10px;margin-right: 50px; }
.index_dj .dj04 .wh01 span{ display:block; float: right; font-size:14px;font-weight:400; margin-top: 20px;text-align: center;margin-right: 50px;}
.index_dj .dj04 .wh01 span a{background: #717171; color: #FFFFFF;width: 130px;padding: 8px 20px;border-radius:25px;}
.index_dj .dj04 .wh01 span a:hover{background:#DDB343;}

.index_dj .dj04 .wh02{float: left;width:300px;height: 200px; background:url(../images/izp.jpg) repeat;}
.index_dj .dj04 .wh02 h2{ font-size:30px;font-weight:400; margin-top: 50px;margin-left: 50px; }
.index_dj .dj04 .wh02 p{ font-size:14px;font-weight:400; margin-top: 10px;margin-left: 50px; }
.index_dj .dj04 .wh02 span{ display:block; float: left; font-size:14px;font-weight:400; margin-top: 20px;text-align: center;margin-left: 50px;}
.index_dj .dj04 .wh02 span a{background: #717171; color: #FFFFFF;width: 130px;padding: 8px 20px;border-radius:25px;}
.index_dj .dj04 .wh02 span a:hover{background:#DDB343;}

.index_dj .dj04 .wh03{float: left;width:300px;height: 200px; background:url(../images/ily.jpg) repeat;}
.index_dj .dj04 .wh03 h2{ font-size:30px;font-weight:400; margin-top: 50px;margin-left: 50px; }
.index_dj .dj04 .wh03 p{ font-size:14px;font-weight:400; margin-top: 10px;margin-left: 50px; }
.index_dj .dj04 .wh03 span{ display:block; float: left; font-size:14px;font-weight:400; margin-top: 20px;text-align: center;margin-left: 50px;}
.index_dj .dj04 .wh03 span a{background: #717171; color: #FFFFFF;width: 130px;padding: 8px 20px;border-radius:25px;}
.index_dj .dj04 .wh03 span a:hover{background:#DDB343;}

.leisoonnewsnr .dangyuan { float: left;width: 380px; background: #f5f5f5; margin: 10px; padding-bottom: 30px; padding-top: 30px;position:relative;overflow:hidden;}
.leisoonnewsnr .dangyuan em{float: left; width: 180px; }
.leisoonnewsnr .dangyuan em img{float: left; width: 140px; margin-left: 20px;}
.leisoonnewsnr .dangyuan p strong{display:block; font-size: 16px; font-weight: 700;}
.leisoonnewsnr .dangyuan p{float: left; width: 180px; font-size: 14px;font-weight: 400;}

/*===========党建专题==========*/
.dangjian{width:1400px;height:650px;background: url("../images/dj01.jpg") bottom center no-repeat; padding-top: 100px; margin: 0 auto;position: relative;overflow: hidden;}
.dangjian .top {width: 1200px; margin: 0 auto;}
.dangjian .top h2{text-align: center; font-size: 50px; height: 100px; font-weight: 100; color: #3971CE; background: url("../images/dja.png") no-repeat center center; padding-top: 40px;}
.dangjian .top dd{text-align: center; font-size: 30px; font-weight: 100; color: #DDB343; padding-top: 40px; padding-bottom: 40px;}
.dangjian .top p{text-align: left; font-size: 18px; line-height: 30px; color: #333; margin-top:20px;text-indent: 30px; margin-left: 150px; }

.list_dangjiana{ padding-top: 100px;background: #ffffff; position: relative;overflow: hidden;}
.list_dangjiana .top {width: 1200px; margin: 0 auto;}
.list_dangjiana .top h2{text-align: center; font-size: 52px; font-weight: 100; color: #000; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px; margin-bottom: 50px;}
.list_dangjiana .top h2 span{ color: #ff0000;font-family:楷体;font-weight: 700; font-size: 60px; }

.list_dangjianb{height:950px; padding-top: 100px;background: url("../images/dj02.jpg") bottom center no-repeat; position: relative;overflow: hidden;}
.list_dangjianb .top {width: 1200px; margin: 0 auto;}
.list_dangjianb .top h2{text-align: center; font-size: 52px; font-weight: 100; color: #000; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px; margin-bottom: 50px;}
.list_dangjianb .top h2 span{ color: #ff0000;font-family:楷体;font-weight: 700; font-size: 60px; }

.list_dangjian{ padding-top: 100px;background: #F5F5F5; position: relative;overflow: hidden;}
.list_dangjian .top {width: 1200px; margin: 0 auto;}
.list_dangjian .top h2{text-align: center; font-size: 52px; font-weight: 100; color: #000; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px; margin-bottom: 50px;}
.list_dangjian .top h2 span{ color: #ff0000; font-family:楷体; font-weight: 700; font-size: 60px;}
.list_dangjian .top p{float: left;text-align: left; font-size: 18px; color: #333; margin-top:50px;background:#FFFFFF; padding: 20px; width:580px ; margin: 10px;border-radius: 5px;box-shadow: 2px 2px 2px #E0E0E0; }
.list_dangjian .top p i{ font-size: 20px; color: #FFFFFF;line-height: 50px; margin-right: 10px; background: #0065DB; padding: 20px;border-radius:60px; margin-right: 10px;}

.list_djtt{width: 1200px; margin: 0 auto;position: relative;overflow: hidden;  margin-bottom: 50px;}
.list_djtt p{ text-align: left;font-size: 18px; line-height: 30px; color: #333; text-indent: 40px;}
.list_djtt h2{width: 500px; height: 80px; text-align: left;font-size: 32px; line-height: 70px; color: #333; background: url("../images/djb.png")no-repeat top center; margin-bottom: 30px;}
.list_djtt h2 span{ color: #ffff7f;font-size: 38px; margin-left: 45px; margin-right: 30px;}

.list_djpic{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.list_djpic li{ float: left; margin: 10px;}
.list_djpic li img{ width: 280px; height: 200px;border-radius: 15px;}
.list_djpic li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}

.list_djpica{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.list_djpica li{ float: left; margin: 10px;}
.list_djpica li img{ width: 320px; height: 200px;border-radius: 25px;}
.list_djpica li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}

.list_djpicb{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.list_djpicb li{ float: left; margin: 10px;}
.list_djpicb li img{ width: 220px; height: 150px;border-radius: 15px;}
.list_djpicb li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}

/*===========资质荣誉==========*/

.index_ry{width:100%; height: 320px; margin:0 auto;background: url("../images/iwh.jpg") top center no-repeat; margin-top: 100px; }
.index_ry .zzry{width:1200px;height: 320px;margin:0 auto; overflow:hidden; text-align: right; color: #FFFFFF;}
.index_ry .zzry li{ float: left; width: 600px;}
.index_ry .zzry h2{ font-size:50px;font-weight: 100; margin-top: 50px;margin-right: 250px; }
.index_ry .zzry p{ font-size:30px;font-weight:100;color: #8BA6CC; margin-top: 30px; margin-right: 110px;}
.index_ry .zzry dd{ float: right; width:430px;font-size:14px;font-weight:400; margin-top: 10px; text-align: left; }
.index_ry .zzry span{ width: 600px; float: right; font-size:14px;font-weight:400; text-align: right;margin-right: 50px;}
.index_ry .zzry span a{background: #DDB343; color: #FFFFFF;width: 130px;padding: 8px 20px;border-radius:25px;}
.index_ry .zzry span a:hover{background:#3971CE;}


/*==================新闻===============*/
.index_news{height: 680px; position: relative; margin-top:100px; }
.index_news .top { width: 600px; margin:0 auto;text-align: center;}
.index_news .top h2{ font-size: 50px; font-weight: 100;color: #000; line-height: 60px;}
.index_news .top span{ font-size: 50px; font-weight: 100;color: #8BA6CC;line-height: 60px;}
.index_news .top p{font-size: 16px; color: #333; line-height: 1.8; margin-top: 10px;}
.index_news .news_memu{position: relative;z-index: 10;margin:0 auto; width:310px; margin-top: 20px;}
.index_news .news_memu li{float: left;text-align: center; padding: 10px 33px; margin: 8px; border-radius: 0px 15px 0px 15px;transition: .5s; background: #3971CE;}
.index_news .news_memu li:hover{ background: #DDB343;}
.index_news .news_memu a{color: #FFFFFF;  font-size: 18px; font-weight: 400; }
/*幻灯片*/
.focusBox {position: relative; width:1200px;  margin: 0 auto; height: 400px; overflow: hidden;margin-top: 80px;}
.focusBox .pic{float:left; z-index: 10;overflow: hidden;}
.focusBox .pic img { width: 580px; height: 400px; display: block;}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:50%;  overflow: hidden; }

.focusBox .num { position: absolute; z-index: 3; top:0; left:0; }
.focusBox .num li{ float: right; position: relative; width:620px; height:100px;overflow: hidden; cursor: pointer;background:#f5f5f5; border-bottom: #FFFFFF 1px solid; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; left: 0; text-decoration: none;}
.focusBox .num li a h2{float: right; font-size: 18px;width: 520px;  font-weight: 500;line-height:30px; margin-top: 5px; margin-right: 50px; color: #000;overflow:hidden;white-space:nowrap;}
.focusBox .num li a p{float: right; font-size: 14px;width: 520px; height: 40px;  line-height:20px; margin-right: 50px;color: #666666;overflow:hidden;}
.focusBox .num li span { z-index: 1; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#DDB343; color: #FFFFFF; filter:alpha(opacity=100);opacity:1;  }
.focusBox .num li.on a h2{color: #FFFFFF;}
.focusBox .num li.on a p{color: #FFFFFF;}

.focusBox .prev,.focusBox .next { width:45px; height:99px; position:absolute; top:150px; z-index:10;display: none;  filter:alpha(opacity=50) !important;opacity:0.5 !important; }
.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0; }
.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:620px ;}
.focusBox .prev:hover,.focusBox .next:hover {  filter:alpha(opacity=80) !important;opacity:0.8 !important; }	


/*==================合作伙伴===============*/
.index_hezuo{height: 750px; position: relative; margin-top:50px; background: #F5F5F5; padding-top: 100px; }
.index_hezuo .top { width: 600px; margin:0 auto;text-align: center;}
.index_hezuo .top h2{ font-size: 50px; font-weight: 100;color: #000; line-height: 60px;}
.index_hezuo .top span{ font-size: 50px; font-weight: 100;color: #8BA6CC;line-height: 60px;}
.index_hezuo .top p{font-size: 16px; color: #333; line-height: 1.8; margin-top: 10px;}
.index_hezuo .ihezuo{width: 1200px; margin:0 auto; margin-top: 50px;}
.index_hezuo .ihezuo li{ float: left; border: #EEEEEE 1px solid; background: #FFFFFF; text-align: center; width: 220px; height: 80px; line-height: 80px; margin: 10px;}




/*===========产品==========*/
.index_product{background: url("../images/wangge_bg.png") repeat; padding-top: 40px;}
.index_product .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/productbj.png") no-repeat center center; padding-top: 43px;}
.index_product .top p{text-align: center; font-size: 18px; color: #31294b; margin-top: 32px;}
.index_product .w_container{position: relative;}
.index_product .product_memu{position: relative;z-index: 10;margin:0 auto; width:510px; margin-top: 20px;}
.index_product .product_memu li{float: left;text-align: center; background: #FFFFFF; padding: 10px 20px; margin: 8px;border:2px solid #D6E9F8; transition: .5s; }
.index_product .product_memu li:hover{ background: #D6E9F8;}
.index_product .product_memu a{color: #181523;  font-size: 18px; font-weight: 400; }

.index_product .topcp{position: relative;z-index: 10; margin-top: 150px;}
.index_product .list{margin-top: 20px;}
.index_product .list .item{float: left; width: 31.06%;  margin: 0 1.7%; box-shadow: 0 0px 15px rgba(0,0,0,.15); _display:inline; overflow:hidden; border-radius: 20px;}
.index_product .list .item:first-child{margin-left: 0;}
.index_product .list .item:last-child{margin-right: 0;}
.index_product .list .img { width:100%;height: 400px; background: url("../images/cpbj.jpg") top center no-repeat ; text-align: center;  padding-top: 40px;}
.index_product .list .img img{width: 400px;}
.index_product .list .img:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.index_product .list .content{padding: 12px 25px 50px 20px; background: #E6212A;position: relative;z-index: 11;background: url("../images/wangge1_bg.png") repeat; }
.index_product .list .content h3{font-size: 24px;  display: block;line-height: 1.6; text-align: center;}
.index_product .list .content h3 a{color: #FFFFFF; display: block; transition: .5s;word-break:break-all;}
.index_product .list .content h3:hover a{color: #FFFF00;}
.index_product .list .content .box{background: #fff; padding: 13px 20px 20px 10px; margin-top: 16px; height: 120px;border-radius: 10px;}
.index_product .list .content .box p{font-size: 16px; color: #35343a; line-height: 1.7; margin-top: 5px; background: url("../images/yuanhuan_03.png") no-repeat left center; padding-left: 23px;}



/*案例*/

.index_case{background: url("../images/case_bg.jpg") no-repeat top center; padding-top: 60px; margin-top: 100px;}
.index_case .top h2{text-align: center; font-size: 52px; color: #fff;}
.index_case .top p{text-align: center; font-size: 16px; color: #ededed; line-height: 1.8; margin-top: 30px;}
.index_case .w_container{margin-top: 36px;}
.index_case .l, .index_case .r{ width: 28.5%; position: relative;}
.index_case .l img{width: 100%;border-radius: 10px;}
.index_case .l span{display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 40px; text-align: center; line-height: 28px;background: #D6E9F8; width: 273px; padding:  6px 0;transition: .5s;}
.index_case .l a{display: block;}
.index_case .l i{display: block; font-size: 18px; color: #181523; font-weight: bold;}
.index_case .l p{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4); transition: .5s;border-radius: 10px;}
.index_case .l:hover p{background:rgba(0,0,0,0.05);}
.index_case .center{float: left;width: 41.1%; margin: 0 0.9%}
.index_case .center .t{width:616px; height:304px;}
.index_case .center .t a{color: #181523;position: relative;display: block;width: 100%;height: 100%;-webkit-perspective: 800px;-moz-perspective: 800px;}
.index_case .center .t img{border-radius: 10px; width: 100%;}
.index_case .center .t i{display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; background:#D6E9F8; text-align: center; width:300px; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold;}
.index_case .center .t a > div, .index_case .center ul li a > div{position: absolute;left: 0;height: 0;width: 100%;height: 100%;color: #181523;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	/*动画元素背后设置为hidden*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
.index_case .center .t a div:first-child, .index_case .center ul li a div:first-child{/*绕y轴旋转 */-webkit-transform: rotateX(0);-moz-transform: rotateX(0);z-index: 2;}
.index_case .center .t a div:last-child, .index_case .center ul li a div:last-child {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);z-index: 1;}
.index_case .center .t a:hover div:first-child, .index_case .center ul li a:hover div:first-child {-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);}
.index_case .center .t a:hover div:last-child, .index_case .center ul li a:hover div:last-child {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);}
.index_case .center ul{margin-top: 6px;}
.index_case .center ul li{float: left;width: 50%; height:304px;}
.index_case .center ul li:first-child{padding-right: 4px;}
.index_case .center ul li:last-child{padding-left: 4px;}
.index_case .center ul li img{border-radius: 10px; width: 100%;}
.index_case .center ul li i{display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; background:#D6E9F8; text-align: center;  height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; transition: .5s;}
.index_case .center ul li a{ color: #181523;position: relative;display: block;width: 100%;height: 100%;-webkit-perspective: 800px;-moz-perspective: 800px;}
.index_case .l:hover span{ bottom: 50px;}
.index_case .center .t:hover i{}
.index_case .center ul li:hover i{}
.index_case .r:hover i{font-style: normal; background:#D6E9F8;}


/*==================关于css===============*/
.index_about{height: 800px; background: url("../images/ingdex_about.jpg") no-repeat center center;position: relative; padding-top: 70px;}
.index_about .top h2{text-align: center; font-size: 52px; color: #FFF;}
.index_about .top p{text-align: center; font-size: 16px; color: #FFF; line-height: 1.8; margin-top: 30px;}
.index_about .about { margin:0 auto; width: 1000px; height: 300px; margin-top: 100px; background: url("../images/hebj.png") ; border:1px solid #CCCCCC; border-radius: 50px;}
.index_about .about li{float: left; width: 25%;  text-align: center; margin-top: 50px;}
.index_about .about li p{ color: #FFFFFF;}
.index_about .lawm{ position: relative; margin:0 auto;width: 200px; margin-top: 100px; text-align: center;}
.index_about .lawm a{display: block; text-align: center; font-size: 16px; color: #fff; width: 130px; padding: 10px 0; margin: 0 auto; background: #3971CE; margin-top: 40px; transition:.5s;border-radius: 50px; }
.index_about .lawm a:hover{background:#DDB343;}


.gdnews{margin: 0 auto; width: 100%;position: relative;overflow: hidden; margin-top: 50px;}
.gdnews h2{ float: left; width: 100%;font-size: 24px; line-height: 50px; color: #333; text-align: center;}
.gdnews li{float: left;width: 30%; margin-left: 20px; margin-top: 20px;}
.gdnews li a{ font-size: 16px; line-height: 28px;}
.gdnews i{ color: #3971CE;}

/*==================底部css===============*/

.footer{height: 400px; width: 100%; background: #282828; font-size: 14px; color: #FFFFFF;line-height: 80px;text-align: center;}
.footer a{ color: #FFFFFF;}
.footer .footer_mu{width: 1100px; margin: 0 auto;position: relative;overflow: hidden; border-bottom:#333333 1px solid; padding-bottom: 50px; padding-top: 80px;}
.footer .footer_mu li{ float: left;}
.footer .footer_mu li a:hover{  color: #DDB343;}
.footer .footer_mu li h3{ font-size: 16px; width: 140px; line-height: 30px; text-align: left;}
.footer .footer_mu li dl{ font-size: 14px; line-height: 30px; text-align: left;}
.footer .footer_mu li h4{ width: 140px; text-align: center;}
.footer .footer_mu li span{display:block; font-size: 14px; line-height: 30px; text-align: center;}
.footer .footer_mu .ilawm h2{ font-size: 22px; line-height: 30px; font-weight: 100; text-align: left;}
.footer .footer_mu .ilawm p{ font-size: 14px; width: 680px; line-height: 30px; text-align: left;}


/*==================企业文化css===============*/
.top_header .epc{position: absolute;  z-index: 3; left: 10%; right: 10%; top: 180px; color: #333; width: 960px; height: 300px; margin: 0 auto;background:rgba(54,113,207,0.9) none repeat scroll !important;}
.top_header .epc h3{font-size: 48px; color: #FFFFFF; margin-top: 40px; font-weight: 700;}
.top_header .epc span{display:block; color: #FFFFFF;font-size: 22px;margin-top:50px; font-weight: 300; }
.top_header .epc p{ color: #FFFFFF;font-size: 18px;margin-top: 40px; font-weight: 300;}
.top_header .epc i{color: #f4b10a;font-size: 20px; margin-left: 20px;}

.list_wh{ padding-top: 100px; margin: 0 auto;position: relative;overflow: hidden;}
.list_wh .top {width: 1200px; margin: 0 auto;}
.list_wh .top h2{text-align: center; font-size: 50px; font-weight: 100; color: #3971CE; background: url("../images/zibj01.png") no-repeat center center; padding-top: 40px;}
.list_wh .top dd{text-align: center; font-size: 30px; font-weight: 100; color: #DDB343; padding-top: 40px; padding-bottom: 40px;}
.list_wh .top p{text-align: left; font-size: 18px; line-height: 30px; color: #333; margin-top:20px;text-indent: 30px; }

.list_whpic{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.list_whpic li{ float: left; margin: 10px;}
.list_whpic li img{ width: 280px; height: 200px;}
.list_whpic li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}

.list_whtt{width: 1200px; margin: 0 auto;position: relative;overflow: hidden;  margin-bottom: 50px;}
.list_whtt p{ text-align: left;font-size: 18px; line-height: 30px; color: #333; text-indent: 30px;}

.list_webhua{ padding-top: 100px;background: #F5F5F5; position: relative;overflow: hidden;}
.list_webhua .top {width: 1200px; margin: 0 auto; height: 650px;}
.list_webhua .top h2{text-align: center; font-size: 52px; font-weight: 100; color: #3971CE; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px; margin-bottom: 50px;}
.list_webhua .top p{float: left;text-align: left; font-size: 18px; color: #333; margin-top:50px;background:#FFFFFF; padding: 20px; width:580px ; margin: 10px;border-radius: 5px;box-shadow: 2px 2px 2px #E0E0E0; }
.list_webhua .top p i{ font-size: 20px; color: #FFFFFF;line-height: 50px; margin-right: 10px; background: #0065DB; padding: 20px;border-radius:60px; margin-right: 10px;}

.list_webhuab{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 100px;}
.list_webhuab li{ float: left;padding: 10px;width: 300px;}
.list_webhuab li img{ width: 280px; height: 200px;}
.list_webhuab .whaa{width: 600px; height:220px;}
.list_webhuab .whaa img{ width: 580px; height: 200px;}
.list_webhuab li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}


.more{ width:200px; margin: 0 auto;position: relative;overflow: hidden;margin-bottom: 80px; margin-top: 50px; }
.more a{display:block;font-size: 14px;color: #FFFFFF; line-height: 40px;background: #3971CE;  text-align: center;}
.more a:hover{font-size: 14px;color: #FFFFFF; line-height: 40px;background: #DDB343;}

/*==================物料css===============*/
.top_header .wuliao{position: absolute;  z-index: 3; left: 10%; right: 10%; top: 150px; color: #333; width: 800px; height: 250px; margin: 0 auto;background:rgba(54,113,207,0.9) none repeat scroll !important;}
.top_header .wuliao h3{font-size: 48px; color: #FFFFFF; margin-top: 50px; font-weight: 700;}
.top_header .wuliao span{display:block; color: #FFFFFF;font-size: 20px;margin-top:30px; font-weight: 300;width: 700px; text-align: left; margin-left: 50px;  }
.top_header .wuliao p{ color: #FFFFFF;font-size: 18px;margin-top: 40px; font-weight: 300;}
.top_header .wuliao i{color: #f4b10a;font-size: 20px; margin-left: 20px;}

.list_wuliao{width: 1200px; margin: 0 auto;position: relative;overflow: hidden;}
.list_wuliao .top {width: 1200px; margin: 0 auto;}
.list_wuliao .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px;}
.list_wuliao .wl_cai {margin-top: 50px;}
.list_wuliao .wl_cai li{ float: left; margin-right: 20px; background: #F5F5F5; padding:10px 20px;border-radius: 5px; margin-bottom: 30px;}
.list_wuliao .wl_cai li a{font-size: 18px; font-weight: 400; color: #333333;}
.list_wuliao .wl_cai li:hover{background: #DDB343;}
.list_wuliao .wl_cai li:hover a{color: #FFFFFF;}
.list_wuliao .wl_cai .on{background: #DDB343;}
.list_wuliao .wl_cai .on a{color: #FFFFFF;}

.list_wuliao .cpxg{float: left; display:block;width: 1200px; margin-top: 50px; }
.list_wuliao .cpxg li{float: left;width:370px; text-align: center;position:relative;overflow:hidden;cursor:pointer;margin: 20px 15px;}
.list_wuliao .cpxg a{float: left;width:370px; text-align: center;position:relative;overflow:hidden;cursor:pointer;border-radius: 15px; background: #E6F0FC;}
.list_wuliao .cpxg  li img{ z-index: 1;height:247px;width: 370px;}
.list_wuliao .cpxg li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.list_wuliao .cpxg li p{ font-size: 16px;color: #333; line-height: 40px; margin-bottom: 20px;}

.list_wuliao .more{ display:block; margin: 0 auto;position: relative;overflow: hidden;margin-bottom: 80px; }
.list_wuliao .more a{font-size: 14px;color: #FFFFFF; line-height: 40px;background: #3971CE; padding: 0px 30px;}
.list_wuliao .more a:hover{font-size: 14px;color: #FFFFFF; line-height: 40px;background: #DDB343; padding: 0px 30px;}


.leisoonzw{ width: 100%;background: #FFFFFF; margin: 0 auto;position: relative;overflow: hidden; border:#f5f5f5 3px solid ; }
.wl_view {width: 1200px; font-size:18px;line-height:200%; margin: 0 auto;position: relative;overflow: hidden; padding: 50px;}
.wl_view p{margin:0 auto; line-height:180%; padding-top:10px;}
.wl_view table{ border:0; border-collapse:collapse;}


/*==================客户css===============*/
.top_header .anli{position: absolute;  z-index: 3; left: 10%; right: 10%; top: 150px; color: #333; width:960px; height: 300px; margin: 0 auto;background:rgba(54,113,207,0.9) none repeat scroll !important;}
.top_header .anli h3{font-size: 48px; color: #FFFFFF; margin-top: 50px; font-weight: 700;}
.top_header .anli span{display:block; color: #FFFFFF;font-size: 20px;margin-top:30px; font-weight: 300;width: 860px; text-align: left; margin-left: 50px; line-height: 28px;  }
.top_header .anli p{ color: #FFFFFF;font-size: 24px;margin-top: 30px; font-weight: 300;}
.top_header .anli i{color: #f4b10a;font-size: 20px; margin-left: 20px;}

/*==================联系我们css===============*/
.list_contacta{ background: #FFFFFF;}
.list_kefu{ padding-top: 40px;}
.list_kefu .top {width: 1000px; margin: 0 auto;}
.list_kefu .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px;}
.list_kefu .top p{text-align: center; font-size: 18px; color: #31294b; margin-top: 32px;}

/*联系我们*/
.lxwmtop{ width:1470px;margin:0 auto; overflow:hidden; }

.lxwm{ float: left;width:270px;}
.lxwm ul li{width:270px;height:200px;float:left;position:relative;overflow:hidden;cursor:pointer; margin-top: 10px; background: #0065DA;}
.lxwm ul li img{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.lxwm ul li:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); opacity:0.6; }
.lxwm .txt{width:279px;height:60px; background:url(../images/hebj.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.lxwm .txt h3{font-size:32px;font-weight:900;height:60px;text-align:center;line-height:60px;}
.lxwm,.lxwma,.lxwmb,.txt p{font-size:18px;text-align:center;margin-top: 50px;line-height:30px;}

.lxwma{ float: left;}
.lxwma ul li{width:450px;height:410px;float:left;position:relative;overflow:hidden;cursor:pointer; margin-top: 10px; margin-left: 10px; background: #0065DA;}
.lxwma ul li img{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.lxwma ul li:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); opacity:0.6; }
.lxwma .txt{width:450px;height:60px; background:url(../images/hebj.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.lxwma .txt h3{font-size:32px;font-weight:900;height:60px;text-align:center;line-height:60px;}


.lxwmb{ float: left;}
.lxwmb ul li{width:270px;height:410px;float:left;position:relative;overflow:hidden;cursor:pointer; margin-top: 10px; margin-left: 10px; background: #0065DA;}
.lxwmb ul li img{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.lxwmb ul li:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); opacity:0.6; }
.lxwmb .txt{width:270px;height:60px; background:url(../images/hebj.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.lxwmb .txt h3{font-size:32px;font-weight:900;height:60px;text-align:center;line-height:60px;}



.contacttwo {position: relative;overflow: hidden; padding-bottom: 120px; text-align: center; background: url(../images/contactTwobg1.png) no-repeat center 141px; background-size: 1202px auto;}
.contacttwo ul {width: 1230px; margin: 70px auto 0;}
.contacttwo ul li {width: 17%;float: left; margin: 0 1.5%; }
.contacttwo ul li .imgbox { width: 100%;display: block; position: relative;}
.contacttwo ul li .imgbox img { width: 100%; position: relative; z-index: 1; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s;}
.contacttwo ul li .imgbox:before {content: ''; width: 105%;height: 105%;background: url(../images/contactTwobg2.png) no-repeat;background-size: 100% 100%; position: absolute;border-radius: 50%;}
.contacttwo ul li .p1 {font-size: 24px; color: #071336;line-height: 1em; margin-top: 1em; font-weight: bold; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.contacttwo ul li .p2 {font-size: 16px;   color: #606470; line-height: 2em; margin-top: 0.625em;}
.contacttwo ul li:hover .imgbox {-webkit-animation: sxpiao 0.5s cubic-bezier(0.215,0.61,0.355,1) infinite;} /*上下飘动*/

.contacttwo ul .li1 { margin-top: 6.8%;}
.contacttwo ul .li2 { margin-top: 15.2%;}
.contacttwo ul .li4 { margin-top: 15.2%;}
.contacttwo ul .li5 { margin-top: 6.8%;}




/*==================在线留言 css===============*/	
.list_contactb{background: #FFFFFF; height: 700px;position: relative;overflow: hidden;  padding-top: 120px; margin: 0 auto;border-top: #E4E6F0 4px solid;}
.list_contact {width: 1200px; margin: 0 auto;position: relative;overflow: hidden; }
.list_contact li{width: 50%;float: left;}
.list_contact .title{ width: 550px;font-size: 30px; color: #3971CE; line-height: 1em; position: relative; font-weight: bold; z-index: 1; border-bottom: #E4E6F0 4px solid; padding-bottom: 20px; text-align: left;}
.list_contact .p_by { width: 450px; font-size: 16px; line-height: 2em; margin-top: 2.5em;}
.list_contact .p_tel b { font-size: 16px;}
.list_contact .p_tel { font-size: 16px; line-height:30px; position: relative; margin-top: 10px;}
.list_contact .p_tel span {font-size: 16px;}
.list_contact .p_dz {font-size: 16px; line-height: 1.2em; margin-top: 1.2em;}
.list_contact .p_dz b {font-size: 16px;}

.ly_warp { background: #F5F5F5; padding-left: 70px; padding-top: 20px; padding-bottom: 30px;}
.ly_warp h3{ font-size: 30px; color: #666; line-height: 1.2em;}
.ly_warp li{ float: left;width:450px; margin-top: 20px; }
.ly_warp .input_txt { clear: both; display: block;border: 2px solid #E4E6F0; border-radius: 5px; height: 50px;line-height: 40px; text-align: left; background: #FFFFFF; width: 100%; color: #666; font-size: 16px; padding: 5px 20px; position: relative; z-index: 2;}
.ly_warp .textarea_txt {clear: both; display: block; overflow: auto; border: 2px solid #E4E6F0; border-radius: 5px; height:140px; line-height: 35px; color: #666;  text-align: left; background: #FFFFFF;  width: 100%; font-size:16px; padding: 10px 20px; position: relative; z-index: 2; margin-bottom: 20px;}
.ly_warp p {display:block; margin-left: 150px;}
.ly_warp p .input_btn {clear: both;display: block; width: 173px; height: 48px; cursor: pointer; line-height: 38px; color: #fff; font-size: 22px; border-radius: 25px; transition: all 0.5s; background: #3971CE; }
.ly_warp p .input_btn:hover{clear: both;display: block; width: 173px; height: 48px; cursor: pointer; line-height: 38px; color: #fff; font-size: 22px; border-radius: 25px; transition: all 0.5s; background: #DDB343; }


.lylist{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; }
.newlist{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top:10px; margin-right:10px;border-bottom:1px #CCCCCC dotted;color:#333333; font-size:18px; padding:10px 0px 10px 0px;}
.newlist li{ float: left; width: 100%;}
.newlist li strong{ font-size: 20px; line-height: 40px;}
	
/*==================关于我们css===============*/	
.about_cait .top {width: 1000px; margin: 0 auto;}
.about_cait .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px;}
.about_cait .top p{text-align: center; font-size: 18px; color: #31294b; margin-top: 32px;}

.about_cai{ margin: 0 auto;width:825px;height: 130px; padding-top: 70px; position: relative;overflow: hidden; margin-bottom: 50px; }
.about_cai li{ float: left; text-align: center; width: 150px; height: 50px; cursor: pointer; line-height: 50px; margin-right: 15px; color: #fff; font-size: 18px; border-radius: 5px; transition: all 0.5s; background: #3971CE; }
.about_cai li:hover{ width: 150px; height: 50px; cursor: pointer; line-height: 50px; color: #fff; font-size: 18px; transition: all 0.5s;background: #DDB343;  }
.about_cai li a{ color: #FFFFFF;}
.about_cai li .on{ float: left; text-align: center; width: 150px; height: 50px; cursor: pointer; line-height: 50px; margin-right: 15px; color: #fff; font-size: 18px; border-radius: 5px; transition: all 0.5s; background: #DDB343; }

.about_jj{margin: 0 auto; width: 1400px; margin-top: 70px;position: relative;overflow: hidden;}
.about_jj li{  float: left; }
.about_jj .gstu {float: left; width: 600px; height: 400px; background: #000000;}
.about_jj .gstu video{float: left; width: 600px; height: 400px;}

.about_jj .gsjj{ float: left; width: 800px; height: 400px;  background: #3971CE; padding: 50px; }
.about_jj .gsjj p{text-indent: 30px; color: #FFFFFF; font-size: 18px; line-height: 28px; margin-top: 15px;}

.gsfj{margin: 0 auto; width: 1400px; background: #FFFFFF;box-shadow: 5px 5px 5px #CCCCCC;position: relative;overflow: hidden; margin-bottom: 50px;}
.gsfj li{float: left; width: 320px;margin-left: 24px;  text-align: center; margin-top: 50px; margin-bottom: 40px;}
.gsfj li img{ -webkit-transition: all 0.5s; transition: all 0.5s;}
.gsfj li img:hover{ margin-left: 10px;}

.scjdtu{width:1400px;margin:0 auto; overflow:hidden; margin-top:50px; margin-bottom: 50px;}
.scjdtu li{ float: left; width: 310px; margin: 20px;}
.scjdtu li img{ border: #C0C0C0 5px solid;-webkit-transition: all 0.5s; transition: all 0.5s;}
.scjdtu li img:hover{ margin-left: 10px;}

/*企业文化*/
.qywh{ width:1470px;margin:0 auto; overflow:hidden; margin-top: 70px;}
.qywh ul li{width:270px;height:400px;float:left;position:relative;overflow:hidden;cursor:pointer; margin-right: 20px;}
.qywh ul li img{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.qywh ul li:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); opacity:0.6; }
.qywh .txt{width:279px;height:60px; background:url(../images/hebj.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.qywh .txt h3{font-size:32px;font-weight:700;height:60px;text-align:center;line-height:60px;}
.qywh .txt p{font-size:24px;text-align:center;margin-top: 50px; line-height:40px;}

.about_jd{margin: 0 auto; width: 1920px; margin-top: 70px; height:1100px;position: relative;overflow: hidden; margin-bottom: 50px;}
.about_jd li{  float: left; }
.about_jd .jdtu{ width: 900px;position: absolute; z-index: 1; left:0; top:100px; height: 800px; }
.about_jd img:hover{-webkit-animation: cloudfn 1s infinite;}

.about_jd .jdtu2{position: absolute; z-index: 2;right: 0; top:0; height: 750px; background: #E3212A;width: 1100px;}
.about_jd .jdtu2 h3{text-align: left; font-size: 52px; font-weight: bold; color: #FFFFFF; background: url("../images/jd02.png") no-repeat; padding-top: 43px; padding-left: 100px; height: 100px; margin-top: 30px;}
.about_jd .jdtu2 p{text-indent: 30px; color: #FFFFFF; font-size: 18px; line-height: 35px; margin: 50px;}
.about_jd .jdtu2 dd{float: left; width: 450px; margin-left: 70px; }
.about_jd .jdtu2 dd img{border: #FFFFFF 3px solid;}

.about_jd .jdtu3{position: absolute; z-index: 2;right: 10%; left: 10%; top:600px;  width: 600px;height: 430px; background: #FFFFFF; padding-left: 15px; padding-top: 30px;box-shadow: 5px 5px 5px #CCCCCC;}
.about_jd .jdtu3 li{float: left; width: 520px;margin-left: 20px;  text-align: center;}

.about_jd .jdtu4{position: absolute; z-index: 3;right: 0;  top:700px;  width: 1100px;height: 300px; background: #CCCCCC; padding-left: 15px; padding-top: 30px;}
.about_jd .jdtu4 li{float: left; width: 320px;margin-left: 20px;  text-align: center;}

.ry_container{width: 1575px; margin: 0 auto;}
.about_ry{height:444px;background:url(../images/about_rya.jpg) no-repeat center; margin-top: 50px;}
.about_ry_l{height:444px;width:325px;background:url(../images/about_ry.png) no-repeat left;float:left}
.about_ry_l h4{width:256px;color:#FFF;font-size:30px;text-align:center;margin-top:80px;margin-bottom:50px}
.about_ry_l p{width:206px;color:#FFF;margin-left:30px;display:block}
/* 荣誉滚动*/
.picMarquee-left{ overflow:hidden; position:relative;width:1250px;height:444px; z-index:1;}
.picMarquee-left .bd{ padding:20px; margin-left:10px; margin-top:40px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center;position:relative;overflow:hidden; }
.picMarquee-left .bd ul li .pic img{ width:400px; height:300px; display:block; transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.picMarquee-left .bd ul li .pic img:hover { border-color:#FF5B02;box-shadow:0 0 8px #999999;transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); opacity:0.6; }
.picMarquee-left .bd ul li .title{ width:400px;line-height:50px; color: #FFFFFF; font-size:14px; overflow:hidden;text-overflow: ellipsis; white-space:nowrap;}

.hezuo{width:100%;margin:0 auto;overflow:hidden; margin-top: 70px;  text-align: center;}
.hezuotu{ text-align: center;}

/*==================服务支持css===============*/	

.fuwubja{width: 100%; margin: 0 auto;position: relative;overflow: hidden;background: #F5F5F5; }
.fuwubjb{width: 100%; margin: 0 auto;position: relative;overflow: hidden;background: #FFFFFF; }



.list_fuwu{ padding-top: 40px;width: 1000px; margin: 0 auto;position: relative;overflow: hidden;}
.list_fuwu .top {width: 1000px; margin: 0 auto;}
.list_fuwu .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px; height: 100px;}
.list_fuwu .top p{ text-align: center;font-size: 18px; color: #666666; line-height: 28px; margin-bottom: 50px;}
.fuwua{margin: 0 auto; width: 1080px;position: relative;overflow: hidden; margin-top: 50px;}
.fuwua li{ float: left; width: 500px; background: #FFFFFF; text-align: center; margin: 20px; padding-top: 40px; border: #F5F5F5 2px solid;}
.fuwua li img{ width: 450px; height: 250px;}
.fuwua li p{ text-align: left; margin: 20px; height: 180px; font-size: 16px; color: #666666; line-height: 28px;text-indent: 30px;}

.fuwub{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.fuwub li{float: left; width: 600px;}
.fuwub li p{float: left;background: #F5F5F5; margin: 10px; padding: 20px;font-size: 16px; color: #666666; line-height: 28px;}
.fuwub li p i{float: left;display:block;font-size: 38px; width: 70px; height: 70px;  background: #0065DB; color: #FFFFFF;border-radius: 50px; text-align: center; margin-right: 20px; line-height: 70px; font-weight: 100; }
.fuwub li span{float: left;font-size: 15px; color: #888888; line-height: 28px; margin-left: 30px;}
.fuwub li img{ width: 450px; height: 200px; margin-top: 40px;}

.fuwuc{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.fuwuc li{float: left; width: 600px;}
.fuwuc li p{font-size: 16px; color: #666666; line-height: 28px;text-indent: 30px; }
.fuwuc li strong{ font-size: 20px; font-weight: 400; color: #333333; margin-right: 10px;}
.fuwuc li img{ width: 450px; height: 250px; margin-left: 100px; }

.fuwud{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px; text-align: center;}
.fuwud li{float: left; width: 600px;}
.fuwud h2{font-size: 30px; font-weight: 700; color: #333333; margin-bottom: 30px;}
.fuwud li p{float: left;background: #F5F5F5; width: 580px; margin: 10px; padding: 20px;font-size: 16px; color: #666666; line-height: 28px;}
.fuwud p{float: left;background: #F5F5F5; width: 100%; margin: 10px; padding: 20px;font-size: 16px; color: #666666; line-height: 28px;}
.fuwud p i{float: left;display:block;font-size: 38px; color: #0065DB; margin-right: 15px;  font-weight: 100; }

.fuwue{width: 1200px; margin: 0 auto;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px; text-align: center;}
.fuwue li{float: left; width: 270px; background: #F5F5F5;margin: 15px; margin-top: 50px;}
.fuwue li dd{ margin: 0 auto;width: 120px; height: 120px; border: #0065DB 5px solid; background: #FFFFFF; border-radius: 50%; text-align: center; margin-top: -50px; }
.fuwue li dd h3{font-size: 30px;color: #0065DB; margin-top: 25px; }
.fuwue li dd span{display:block;font-size: 18px;color: #999999;}
.fuwue li h2{ font-size: 18px;color: #333; margin-top: 10px;}
.fuwue li p{ text-align: left; font-size: 16px;color: #666666;margin: 20px 15px 50px 25px;}

/*==================新闻中心css===============*/	

.news_cai{margin: 0 auto; width: 330px;padding-top: 70px; margin-bottom: 20px;position: relative;overflow: hidden;}
.news_cai li{ float: left; text-align: center; width: 150px; height: 50px; cursor: pointer; line-height: 50px; margin-right: 15px; color: #fff; font-size: 18px; border-radius: 5px;transition: all 0.5s; background: #3971CE; margin-bottom: 20px;}
.news_cai li:hover{ width: 150px; height: 50px; cursor: pointer; line-height: 50px; color: #fff; font-size: 18px; transition: all 0.5s; background: #DDB343;}
.news_cai a{ color: #FFFFFF;}
.news_cai li .on{ float: left; text-align: center; width: 150px; height: 50px; cursor: pointer; line-height: 50px; margin-right: 15px; color: #fff; font-size: 18px; border-radius: 5px;transition: all 0.5s; background: #DDB343; }

.news_list{margin: 0 auto; width: 1200px; padding-top: 70px; margin-bottom: 40px;position: relative;overflow: hidden;}
.news_list .newstt{float: left; width: 1200px;border-bottom: #E6F0FC 2px solid;  margin-bottom: 50px;}
.news_list .newstt .nzz{float: left; width: 350px;  }
.news_list .newstt .nzz img{ width: 290px; height: 200px;}
.news_list .newstt .nzz img:hover{-webkit-animation: cloudfn 1s infinite;}
.news_list .newstt .nyy{ height: 220px;}
.news_list .newstt .nyy h3 { font-size: 28px; line-height: 30px;}
.news_list .newstt .nyy h3 a:hover{  color: #E3212A;}
.news_list .newstt .nyy p { font-size: 16px; line-height: 30px; margin-top: 20px;}
.news_list .newstt .nyy span{float: left; font-size: 16px; line-height: 24px; margin-top: 20px; color: #666666;}
.news_list .newstt .nyy dd{float: right; font-size: 16px; line-height: 24px; margin-top: 20px; color: #666666; border: #CCCCCC 1px solid;border-radius: 20px; padding: 5px 20px;}
.news_list .newstt .nyy dd:hover{ background: #E3212A;}
.news_list .newstt .nyy dd:hover a{color: #FFFFFF;}

product
/*==================案例css===============*/	
.case_list {margin: 0 auto; width: 1400px; padding-top: 50px; margin-bottom: 40px;position: relative;overflow: hidden;}
.case_list .casett{ width: 1400px; margin-bottom: 50px;margin: 0 auto; height: 800px;}
.case_list .casett li{float: left; width: 420px; margin: 22px;height:350px;position:relative;overflow:hidden;cursor:pointer; text-align: center; }
.case_list .casett a{float: left; width: 400px;height:350px;position:relative;overflow:hidden;cursor:pointer; margin-left: 10px;border-radius:20px; }
.case_list .casett li img{ z-index: 1;height:310px;width: 400px;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease; -webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.case_list .casett li:hover img{width: 400px;transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); -moz-transform: scale(1.4, 1.4); -webkit-transform: scale(1.4, 1.4); -o-transform: scale(1.4, 1.4); }
.case_list .casett h3 { position: absolute;z-index: 2; display:block;font-size: 16px; color: #FFFFFF; height: 130px; width: 420px; margin: 0 auto; background: url("../images/case_bj.png") no-repeat ; bottom: 0; padding-top: 80px;white-space:nowrap; }



/*==================新增样式==产品展示css=开始==============*/	

.index_cp{margin: 0 auto; width: 100%; height: 600px;  position: relative;overflow: hidden;background: url("../images/cpbj.gif") #3971CE repeat-y ; margin-top: 90px;}
.index_cp .hasMoreTab{margin: 0 auto; width: 1400px;}
.index_cp .hasMoreTab .icpz{ position:absolute; width: 350px;z-index: 5;  top: 100px;color: #FFFFFF; }
.index_cp .hasMoreTab .icpz h2{ float: left; font-size: 50px;line-height: 60px; font-weight: 100;}
.index_cp .hasMoreTab .icpz p{ float: left; font-size: 30px; line-height: 40px;}

.index_cp .hasMoreTab .hd{float: right; width: 350px; text-align: right;padding-top: 80px; background: url("../images/cpbja.gif") top right no-repeat ; }
.index_cp .hasMoreTab .hd li{ height: 120px; font-size: 20px; color: #FFFFFF; line-height: 70px;cursor: pointer; }
.index_cp .hasMoreTab .hd li i{ float: right;width: 40px;line-height: 70px;}
.index_cp .hasMoreTab .hd img{width: 80px; }
.index_cp .hasMoreTab .hd li:hover a{ font-size: 20px;color: #ff461f; font-weight: bold;}
.index_cp .hasMoreTab .hd li:hover img{width: 90px;}

.index_cp .hasMoreTab .bd{float: left; width: 1050px; text-align: left; background: url("../images/cpbj.gif") repeat-y ;}
.index_cp .hasMoreTab .con li{float: left; width: 50%; height: 600px;}
.index_cp .hasMoreTab .con h3{float: left; width: 500px; font-size: 16px;color: #FFFFFF; font-weight: 100; margin-top: 250px; margin-bottom: 50px;}
.index_cp .hasMoreTab .con span {float: left; width: 500px;}
.index_cp .hasMoreTab .con span i{ font-size: 26px;color: #FFFFFF;}
.index_cp .hasMoreTab .con span a{ font-size: 18px;color: #FFFFFF; }
.index_cp .hasMoreTab .con span a:hover{ font-size: 20px;color: #FFFFFF;}

.index_cp .hasMoreTab .con dd{float: left;display:block; font-size: 18px;color: #FFFFFF; border: #FFFFFF 1px solid; padding: 5px 25px; margin-right: 20px; margin-bottom: 15px; }
.index_cp .hasMoreTab .con dd:hover{ color: #ffff00;}

.index_cp .hasMoreTab .con .icpzs{ text-align: center;background: #FFFFFF; margin-top: 50px; width: 480px; height: 480px;border-radius: 50%; margin-left: 35px;}
.index_cp .hasMoreTab .con .icpzs img{width: 400px; height: 400px;margin-top: 40px;border-radius: 400px;}

.index_cp .hasMoreTab .icpq em {width:500px;height:500px;border:1px dashed #00aeff;border-radius:50%;display:block;position:absolute; margin-left: 550px; top:40px;-webkit-animation-name:myAnimation;-webkit-animation-duration:15s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;}
.index_cp .hasMoreTab .icpq em:after {content:"";width:15px;height:15px;background:#ff461f;background:-webkit-linear-gradient(left top,#fa8c35,#ff461f);background:-o-linear-gradient(bottom left,#fa8c35,#ff461f);background:-moz-linear-gradient(bottom left,#fa8c35,#ff461f);background:linear-gradient(to bottom left,#fa8c35,#ff461f);border-radius:50%;display:block;position:absolute;top:65px;right:65px;z-index:1;}

.list_producta{background:#F2F2F2;}
.list_product{ padding-top: 40px;}
.list_product .top {width: 1200px; margin: 0 auto;}
.list_product .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/zibj01.png") no-repeat center center; padding-top: 43px;}
.list_product .top p{text-align: center; font-size: 18px; color: #333; margin-top:50px;text-indent: 30px; }
.list_product .top p{text-align: center; font-size: 18px; color: #333; margin-top:50px;text-indent: 30px; }

.product_lista{margin: 0 auto; width: 1400px; padding-top: 50px; margin-bottom: 40px;position: relative;overflow: hidden;}
.product_lista .producttt{float: left; width: 1400px; margin-bottom: 50px;}
.product_lista .producttt li{float: left; width: 320px; margin: 15px;height:220px;position:relative;overflow:hidden;cursor:pointer; text-align: center; border-radius:20px;z-index: 1;background: url("../images/cpbj.jpg") top center no-repeat ;}
.product_lista .producttt li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.product_lista .producttt h3 {position: absolute;z-index: 2; display:block;font-size: 16px; color: #FFFFFF; height: 40px; width: 320px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.3); bottom: 0;white-space:nowrap; }

.cpmore{margin: 0 auto; width: 200px;position: relative;overflow: hidden; text-align: center; padding: 10px; background: #F2F2F2; line-height: 30px;}
.cpmore i{font-size: 22px; margin-right: 10px; }
.cpmore a{ color: #333333; font-size: 16px;line-height: 30px;}
.cpmore a:hover{ color: #FF461F;}

.cpmorea{margin: 0 auto; width: 200px;position: relative;overflow: hidden; text-align: center; padding: 10px; background: #FFFFFF; line-height: 30px; margin-bottom: 60px;}
.cpmorea i{font-size: 22px; margin-right: 10px; }
.cpmorea a{ color: #333333; font-size: 16px;line-height: 30px;}
.cpmorea a:hover{ color: #FF461F;}

.product_listb{height:550px; background: #FFFFFF; text-align: center;z-index: -1; margin-top:-40px; padding-top: 50px;}
.product_listb .epc{ z-index: 3; left: 10%; right: 10%; color: #333; width: 960px; height: 300px; margin: 0 auto;background:rgba(54,113,207,0.9) none repeat scroll !important; margin-top: 50px;}
.product_listb .epc h3{font-size: 48px; color: #FFFFFF; padding-top: 50px; font-weight: 700;}
.product_listb .epc span{display:block; color: #FFFFFF;font-size: 20px;margin-top:40px; font-weight: 300; }
.product_listb .epc p{ color: #FFFFFF;font-size: 16px;margin-top: 20px; font-weight: 300;}
.product_listb .epc i{color: #f4b10a;font-size: 18px; margin-left: 20px;}
.product_listb .epc dd{margin-top: 20px;}
.product_listb .epc dd a{ color: #f4b10a;font-size: 16px;font-weight: 300;}

.cpwk{margin: 0 auto; width: 1200px;margin-bottom: 50px;position: relative;overflow: hidden;}
.cpwk li{float: left; width:550px; background: #F5F5F5; margin: 20px;height:300px;position:relative;overflow:hidden;}
.cpwk p {float: left; margin-right: 20px; }
.cpwk p img{ width:250px;height:300px;}
.cpwk h3{font-size: 20px;color: #666666; text-align: center; margin-top: 50px;}
.cpwk span{display:block;font-size: 14px; color: #666666;margin-top: 20px;}
.cpwk dd{ margin-right: 20px;}
.cpwk a{ float: right; color: #DDB343; font-size: 16px;}

.product_top{margin: 0 auto; width: 100%; height: 50px; background: #F2F2F2; position: relative;overflow: hidden;}
.product_topa{margin: 0 auto; width: 1200px;position: relative;overflow: hidden;}
.product_topa li{float: left; width: 600px; line-height: 50px;}
.product_topa .cptopz{ text-align: left; font-size: 16px;color: #999999;}
.product_topa .cptopz a{ color: #333333; padding-right: 20px;padding-left: 20px;}
.product_topa .cptopz .on{ color: #DDB343; font-weight: bold;}
.product_topa .cptopy{text-align: right; font-size: 14px; color: #666666;}
.product_topa .cptopy a{ color: #666666;}
.product_topa .cptopy i{ padding-left: 10px; padding-right: 10px;}
.product_topa a:hover{ color: #DDB343; }

.product_header{margin: 0 auto; width: 1200px;position: relative;overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.product_header li{float: left; width: 600px;}
.product_header .cpimg{float: left; text-align: center;  height:480px; position: relative;}
.product_header .cpimg img{ width: 400px; background: #FFFFFF; margin-right: 50px;}
.product_header .cpimg img:hover{-webkit-animation: cloudfn 0.5s infinite;}
.product_header .cpimg .img-tip{position:absolute;width:550px;height:50px;z-indent:2;left:0; bottom: 0; text-align: center;}
.product_header .cpimg .img-tip dd{float: left; margin: 0px 28px; line-height: 50px; font-size: 16px; color: #666666;}
.product_header .cpimg .img-tip dd i{color: #FFFFFF; background: #3571CF; padding: 5px 10px;border-radius: 5px 0 5px 0;}

.product_header .cpnei{float: left;}
.product_header .cpnei h3{font-size: 24px; color: #333;line-height:48px; font-weight: 400;}
.product_header .cpnei p{display:block;font-size: 14px; height: 60px; color: #999999; line-height:20px; font-weight: 400;overflow:hidden;}
.product_header .cpnei h5{font-size: 16px; color: #666;line-height:60px; font-weight: 900;}
.product_header .cpnei dd{float: left; width: 190px;font-size: 16px; text-align: center; background: #F5F5F5; margin-right: 10px; padding: 10px;}
.product_header .cpnei dd i{display:block;font-size: 34px; color: #3571CF;}
.product_header .cpnei dd strong{display:block;font-size: 18px; color: #DDB343;}
.product_header .cpnei span{float: left; display:block;font-size: 14px; color: #999999; line-height:26px; font-weight: 400; margin-top: 20px; margin-bottom: 50px;}
.product_header .cpnei dl{display:block;float: left; font-size: 16px; text-align: center; margin:10px; padding: 10px;}
.product_header .cpnei .cpbj{ width: 200px; height: 70px; background: #DDB343;border-radius: 5px; }
.product_header .cpnei .cpbj a{ color: #FFFFFF; font-size: 16px;line-height: 50px;}
.product_header .cpnei .cptel{ width: 350px; border-radius: 5px;color: #666666; font-size: 16px; border: #C0C0C0 1px solid;}
.product_header .cpnei .cptel strong{display:block;font-size: 18px; color: #DDB343;}


.cpaa1{margin: 0 auto; width: 100%; height:96px; background: #FFFFFF; position: relative;overflow: hidden;border-top: #F2F2F2 10px solid; border-bottom: #F2F2F2 1px solid; }
.cpaa1 .cp_caia{ width: 1200px; margin: 0 auto;position: relative;overflow: hidden; text-align: center; }
.cpaa1 .cp_caia a{ height: 100px; cursor: pointer; line-height: 100px;  color: #333333; font-size: 18px; padding: 20px;}
.cpaa1 .cp_caia a:hover{ border-bottom: #DDB343 3px solid;color: #DDB343; font-weight: 900;}

.product_zszx{margin: 0 auto; width: 1200px; background: #FFFFFF; position: relative;overflow: hidden; }
.product_zszx img{ padding-top: 40px;}
.product_zszx h3{margin: 0 auto; width: 1200px; height:150px; position: relative;overflow: hidden; text-align: center; font-size: 22px; font-weight:600; line-height: 150px; }
.product_zszx h5{float: left; width:580px; font-size: 14px; line-height: 22px; color: #666666;font-weight:100; margin-left:20px; margin-top: 30px; position: relative;overflow: hidden;}
.product_zszx h5 em{float: left;font-size: 30px; width: 100px; height: 80px; background: #3571CF;color: #FFFFFF;  padding: 25px;border-radius: 5px; margin-right: 15px; text-align: center;}
.product_zszx table{ width: 100%; border:0; font-size: 14px;font-weight: 400; border-collapse:collapse; border: #CCCCCC 1px solid;}
.product_zszx tr:hover{ background: #3571CF; color: #FFFFFF;}

.cpaa2{margin: 0 auto; width: 100%; background: #FFFFFF; position: relative;overflow: hidden;border-top: #F2F2F2 10px solid; margin-top: 80px; }
.cpaa2 h3{margin: 0 auto; width: 1200px; height:150px; position: relative;overflow: hidden; text-align: center; font-size: 22px; font-weight:600; line-height: 150px; }
.cpaa2 .cpzxxg{margin: 0 auto;width: 1200px; position: relative;overflow: hidden;}
.cpaa2 .cpzxxg li{float: left;width:370px; text-align: center;position:relative;overflow:hidden;cursor:pointer;margin: 20px 15px;}
.cpaa2 .cpzxxg li img{ z-index: 1;width: 370px; height: 260px;}
.cpaa2 .cpzxxg li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.cpaa2 .cpzxxg li p{ font-size: 16px;color: #333; line-height: 40px; margin-bottom: 20px;}

.cpaa2 .more{ display:block;width: 116px; margin: 0 auto;position: relative;overflow: hidden; }
.cpaa2 .more a{ont-size: 18px;color: #FFFFFF; line-height: 40px;background: #3971CE; padding: 20px 30px;}
.cpaa2 .more a:hover{ont-size: 18px;color: #FFFFFF; line-height: 40px;background: #DDB343; padding: 20px 30px;}


.cpaa2 .cpfw{margin: 0 auto;width: 1200px; position: relative;overflow: hidden;}
.cpaa2 .cpfw li{float: left;width:350px; text-align: left;position:relative;overflow:hidden;margin: 20px 25px;}
.cpaa2 .cpfw li img{ z-index: 1;width: 350px; height: 200px;}
.cpaa2 .cpfw li h4{ font-size: 18px;color: #333; line-height: 40px;}
.cpaa2 .cpfw li p{ font-size: 14px;color: #999999; line-height: 20px; margin-bottom: 20px;}
.cpaa2 .cpfw li .more{ float: left;display:block;width: 116px;position: relative;overflow: hidden; }
.cpaa2 .cpfw li .more a{ont-size: 18px;color: #DDB343; line-height: 40px;background: #FFFFFF; padding: 0px;}

.cpaa2 .cpxgzs{margin: 0 auto;width: 1200px; position: relative;overflow: hidden;}
.cpaa2 .cpxgzs li{float: left;width:370px; text-align: center;height:280px;position:relative;overflow:hidden;cursor:pointer;margin: 20px 15px; border-radius:20px;z-index: 1;background: url("../images/cpbj.jpg") top center no-repeat ;}
.cpaa2 .cpxgzs li img{ z-index: 1;width: 370px;}
.cpaa2 .cpxgzs li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.cpaa2 .cpxgzs li h2{ position: absolute;z-index: 2; display:block;font-size: 16px; color: #FFFFFF; height: 40px; width: 370px; margin: 0 auto; background-color:#3971CE; bottom: 0;white-space:nowrap;}


.contactlm {margin: 0 auto;width: 1470px; position: relative;overflow: hidden; background: #FFFFFF; margin-top: 50px; margin-bottom: 80px;}
.contactlm li{float: left;}
.contactlma{float: left; margin-left: 50px; margin-top: 30px; color: #666666; width: 550px;position: relative;overflow: hidden;}
.contactlma h3{float: left; font-size: 25px; color: #3971CE; line-height: 38px; width: 500px;display:block;}
.contactlma p{float: left; margin-left: 50px; font-size: 14px;line-height: 24px;width: 500px;display:block; margin-top: 5px;}
.contactlma img{ margin-top: 10px;}
/*=================新增样式=结束css===============*/	

.product_list{margin: 0 auto; width: 1400px; padding-top: 50px; margin-bottom: 40px;position: relative;overflow: hidden;}
.product_list .producttt{float: left; width: 1400px; margin-bottom: 50px;}
.product_list .producttt li{float: left; width: 420px; margin: 22px;height:580px;position:relative;overflow:hidden;cursor:pointer; text-align: center; border-radius:20px;z-index: 1;background: url("../images/cpbj.jpg") top center no-repeat ;}
.product_list .producttt li img{width: 380px; margin-top:20px; }
.product_list .producttt li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.product_list .producttt h3 { position: absolute;z-index: 2; display:block;font-size: 20px; color: #FFFFFF; height: 130px; width: 420px; margin: 0 auto; background: url("../images/case_bj.png") no-repeat ; bottom: 150px; padding-top: 80px;white-space:nowrap; }
.product_list .producttt p{position: absolute;z-index: 1; background: #C0C0C0; bottom: 0; height:180px; color: #333; text-align: left; font-size: 14px; line-height: 24px;border-radius:20px; padding-top: 50px; padding-left: 30px; padding-right: 20px;}

/*==================产品详情页css===============*/	
.product_top_header{height:800px; background: url("../images/product_bj.jpg") no-repeat top center; text-align: center;}
.product_top_header .item{position: absolute; z-index: 3; left: 10%; right: 10%; top: 180px; color: #00376C; width: 1400px; margin: 0 auto;}
.product_top_header .item li{ float: left; width: 50%;}
.product_top_header .item p{text-align: left; font-size: 48px; font-weight: bold; margin-top: 50px; color: #C02421; border-bottom: #C4D2DD 2px solid;  padding-bottom:50px;}
.product_top_header .item h3{text-align: left; font-size: 18px; margin-top: 40px; font-weight: normal; line-height: 40px; color: #434649;}
.product_top_header .item span{display:block;text-align: left; font-size: 18px; margin-top: 40px; font-weight: normal; line-height: 40px; }
.product_top_header .item span i{font-size: 28px; }
.product_top_header .item dd{background: url("../images/cpniu.png") no-repeat;font-size: 28px; height:80px; width: 250px;line-height: 80px; margin-top: 40px; text-align: left;}
.product_top_header .item dd a{ color: #00376C;margin-left: 30px;font-weight:bold;}
.product_top_header .item dd a:hover{ color: #E3212A;font-weight:bold;}
.product_top_header .item dd i{ color: #E3212A;margin-left: 30px;}
.product_top_header .item span strong{font-size: 34px; color: #FF7E00;font-style: italic;}
.product_top_header .item img{ float: right; margin-top: 20px; width: 600px;-webkit-animation: cloudfn 2s infinite;}
.product_top_header .item img:hover{-webkit-animation: cloudfn 0.5s infinite;}

.product_zs{margin: 0 auto; width: 1400px; margin-top: 50px; margin-bottom: 40px;position: relative;overflow: hidden;box-shadow: 5px 5px 5px #CCCCCC;}
.product_zs li{float: left;}

.product_zs .cpzz .about_caia{ position: relative;overflow: hidden; padding-left:100px; border-bottom: #E3212A 3px solid; }
.product_zs .cpzz .about_caia li{ float: left; text-align: center; width: 150px; height: 50px; cursor: pointer; line-height: 50px; margin-right: 15px; margin-bottom: -2px; color: #fff; font-size: 18px; border-radius: 5px; transition: all 0.5s; background: #f5f5f5; background: -webkit-linear-gradient(top, #f5f5f5, #CCCCCC);   background: linear-gradient(to bottom, #f5f5f5, #CCCCCC);
    box-shadow: 0px 3px 0px #DDDDDD; -webkit-box-shadow: 0px 3px 0px #DDDDDD;-moz-box-shadow: 0px 3px 0px #DDDDDD; -ms-box-shadow: 0px 3px 0px #DDDDDD; -o-box-shadow: 0px 3px 0px #DDDDDD;}
.product_zs .cpzz .about_caia li:hover{ width: 150px; height: 50px; cursor: pointer; line-height: 50px; color: #fff; font-size: 18px; border-radius: 5px; transition: all 0.5s; background: #f34949; background: -webkit-linear-gradient(top, #f34949, #ab0e0a);   background: linear-gradient(to bottom, #f34949, #ab0e0a);
    box-shadow: 0px 3px 0px #7c0501; -webkit-box-shadow: 0px 3px 0px #7c0501;-moz-box-shadow: 0px 3px 0px #7c0501; -ms-box-shadow: 0px 3px 0px #7c0501; -o-box-shadow: 0px 3px 0px #7c0501;}
.product_zs .cpzz .about_caia li a{ color: #333;}
.product_zs .cpzz .about_caia li:hover a{ color: #FFFFFF;}

.product_zs .cpzz{float: left;width: 1400px; background: #FFFFFF;  padding-top: 50px;}
.product_zs .cpzz .product_nr{float: left;width: 1300px; margin-left: 50px;}
.product_zs .cpzz .product_nr h3{text-align: left; font-size: 24px; font-weight: bold; line-height:50px; margin-top: 50px; color: #E6212A; border-bottom: #CCCCCC 2px solid; padding-left:60px; margin-bottom: 50px; background: url("../images/cpsbj.jpg") no-repeat ; }
.product_zs .cpzz .product_nr p{font-size: 16px; line-height: 200%; color: #333333;margin-bottom: 20px;}
.product_zs .cpzz .product_nr td{ text-align: center;}

.product_zs .cpxg{float: left; display:block;width: 1300px; }
.product_zs .cpxg li{float: left;width:400px; text-align: center;position:relative;overflow:hidden;cursor:pointer;margin: 20px 15px;}
.product_zs .cpxg a{float: left;width:400px; text-align: center;position:relative;overflow:hidden;cursor:pointer;border-radius: 15px; background: url(../images/cpbj.jpg) top center no-repeat;}
.product_zs .cpxg  li img{ z-index: 1;width: 300px; margin-top: 20px;}
.product_zs .cpxg li:hover img{ -webkit-animation: cloudfn 0.5s infinite;}
.product_zs .cpxg li p{ font-size: 16px;color: #333; line-height: 40px; margin-bottom: 20px;}

.ls-link{margin: 0 auto; width: 1200px;position: relative;overflow: hidden;margin-bottom: 50px;margin-top: 50px;font-size: 14px;}
.ls-link li{float: left;}
.ls-link li a{ font-size: 14px; padding: 10px 20px;margin-bottom: 20px;}



/****** 页码 ****/
.page { padding:40px 0; line-height:40px; text-align:center;  margin-bottom: 50px;}
.page a,.page span { display:inline-block; margin:0 5px; font-size: 16px; padding:10px 30px; border:1px solid #d9d9d9;background:#fff;color:#000; vertical-align:top; }
.page a:hover,.page .current { border-color:#3971CE; background:#3971CE; color:#fff; }


/****** 正文 ****/
.lsczw{margin:0 auto;width:1140px; background:#FFFFFF; position:relative;overflow:hidden; zoom:1; padding:30px;}
.box { border:1px solid #e8e8e8; }
.leisoonnewsnr{ font-size:18px;margin:0 auto; line-height:200%; margin-top:50px; margin-bottom:50px;}
.leisoonnewsnr p{line-height:180%;}
.leisoonnewsnr table{ border:0; border-collapse:collapse;}
.leisoonnewsnr video{width: 800px;}

.lsdangqian{color: #444; background-color: #f5f5f5; border-color: #ddd; height:40px; line-height:40px; padding-left:20px; margin:30px 30px 0px 30px;}
.lsdangqian a{color: #444; font-size:14px;}

.lsdangqian1{color: #444; background-color: #f5f5f5; border-color: #ddd; height:40px; line-height:40px; padding-left:20px;}
.lsdangqian1 a{color: #444; font-size:14px;}

.article {font-size:14px; line-height:27px;color:#333;width:1200px;margin:0 auto 27px;position:relative;overflow:hidden;box-shadow: 5px 5px 5px #CCCCCC;}
.article .box { position:relative;overflow:hidden; padding:100px; background:#fff}
.article .hd { font-size:14px; line-height:34px; text-align:center; border-bottom:1px dotted #ccc;padding:0 0 1.5em}
.article .hd h1 { color:#000; font-weight: bold; font-size:32px; fline-height:48px;margin-bottom: 50px; }
.article .hd h1 span { color:#666; font-weight:normal; font-size:14px; line-height:30px;border:1px solid #E8E8E8; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.article .hd .m-soure span { margin:0 7px; }
.article .hd .m-table { padding:40px 0 25px; }
.article .hd .m-table td { padding:15px 10px; border:1px solid #d6d6d6; line-height:20px; }
.article .hd .m-table td:nth-child(2n-1) { background:#f9f9f9; }
.article .bd { padding:40px 0; }
.article .hd span{display:inline-block;*display:inline;zoom:1;padding:0 10px;}
.article .hd .m-soure{position:relative}
.article .bd a{color:#06f}

.xiangguan {overflow:hidden; margin:0 auto; padding:20px 20px;border:#E8E8E8 1px solid; background:#f5f5f5; margin-top:50px;}
.xiangguan li{width:50%; font-size:16px;}
.xiangguan .fl{ float:left;}
.xiangguan .fr{ float: right; text-align: right;}

.leisoonpf{height:auto;position:relative;overflow:hidden; z-index:999;}
.leisoonpf span{display: block;float: right; color:#0000FF; background:#FFFFFF; padding:2px;cursor: pointer;}



/* 侧边 */
.side-pannel {position: fixed;left: 50%;margin-left:700px;z-index: 99;}
.side-bar {	border: 1px solid #E7E7E7;	border-bottom: none;bottom: 200px;background: #fff;}
.side-bar a {display: block;cursor: pointer;width: 70px;height: 60px;border-bottom: 1px solid #E7E7E7;position: relative;color: #676767;text-align: center;}
.side-bar a s {	display: block;	margin-left: auto;	margin-right: auto;}
.side-bar a span {line-height: 20px;}

.side-bar a.gotop s {position: absolute;top: 50%;left: 17px;}
.side-bar a.text {padding-top: 15px;}
.side-bar a.qr s {position: absolute;top: 50%;left: 18px;}
.side-bar a.qr i {width: 181px;	height: 195px;position: absolute;left: -181px;top: 50%;margin-top: -164px;display: none;background-position: 0 0;}
.side-bar a.qr:hover i {display: block;}
.side-bar a.qr i {background-image: url(sprite2.png)}

.g-icon-top {height: 20px;width: 35px;margin-top: -10px;background-position: -36px -38px}
.g-icon-top2, .side-bar a.gotop:hover s {height: 20px;width: 35px;margin-top: -10px;background-position: 0 -38px}

.g-icon-qq1 {height: 30px;width: 36px;margin-top: -5px;background-position: -36px -60px}
.g-icon-qq2, .side-bar a.qq:hover s {height: 30px;width: 36px;margin-top: -5px;background-position: 0 -60px}

.g-icon-weibo1 {height: 33px;width: 36px;margin-top: -5px;background-position: -36px -95px}
.g-icon-weibo2, .side-bar a.weibo:hover s {	height: 33px;width: 36px;margin-top: -5px;background-position: 0 -95px}

.g-icon-qr1 {height: 35px;width: 36px;margin-top: -16px;background-position: -36px 0}
.g-icon-qr2, .side-bar a.qr:hover s {height: 35px;width: 36px;margin-top: -16px;background-position: 0 0;}

.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image: url(../images/sprite1.png)}


/*左右摆动*/
@-webkit-keyframes cloudfn {
	0%,100% {-webkit-transform: translateX(0);}
	50% {-webkit-transform: translateX(-20px);}
}

/*上下飘动*/
@-webkit-keyframes sxpiao {
	0%,100% {-webkit-transform: translateY(0);}
	50% {-webkit-transform: translateY(10px);}
}

@-webkit-keyframes myAnimation {0% {transform:rotate(0);}
100% {transform:rotate(360deg);}