﻿/* 河南格展网络科技有限公司 */
/* 精品与原创织梦模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、高权重域名、海外服务器 */
/* 格展网络：Www.91084.Com */
/* 主机/服务器：Www.zhaodede.Com */
/* QQ：6364544  */


/* CSS Document */ 

@font-face{font-family:'iconfont';src:url('../font/font_1432720974_1547027.eot');src:url('../font/font_1432720974_1547027.eot') format('embedded-opentype'),url('../font/font_1432720974_1547027.woff') format('woff'),url('../font/font_1432720974_1547027.ttf') format('truetype'),url('../font/font_1432720974_1547027.svg') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(../font/q_z9mv4hysltmomjnk_rcfeszw2xoq-xsnqo47m55da.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"; background: #000;}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}

.main-pad-1{ padding:30px 0;}
.main-Background-1{ background:url(../image/bg_03.png) repeat;}

header{ position: relative; z-index: 2147483647; height: 96px; background: #000; border-bottom: solid 1px #333; }
header .logo{ padding-top: 20px; font-size: 0; }
header .menu ul{ padding-top: 30px; }
header .menu ul li{ position: relative; z-index: 2; margin-left:30px; }
header .menu ul li:first-child{ margin-left: 0; }
header .menu ul li:after{ content: ""; position: absolute; left: 2px; top: 3px; z-index: 1; width: 100%; height: 100%; background: #f00; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;
background:#000c15;background:-moz-linear-gradient(top,#000c15 0%,#003255 100%);background:-webkit-linear-gradient(top,#000c15 0%,#003255 100%);background:linear-gradient(to bottom,#000c15 0%,#003255 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000c15',endColorstr='#003255',GradientType=0 ); }
header .menu ul li:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;
background:-moz-linear-gradient(top,rgba(0,69,94,0.6) 0%,rgba(0,195,15,0.6) 100%);background:-webkit-linear-gradient(top,rgba(0,69,94,0.6) 0%,rgba(0,150,196,0.6) 100%);background:linear-gradient(to bottom, rgb(188 255 47) 0%, rgba(0, 195, 15, 0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9900455e',endColorstr='#990096c4',GradientType=0 );}
header .menu ul li > a{ position: relative; z-index:3; padding: 0 20px; display: block; min-width: 110px; font-size: 16px;color: #b3b3b3; line-height: 42px; }
header .menu ul li .ul{ display: none; position:absolute;left: 0; top: 100%; z-index: 1; padding-top: 25px; width: 100%; height: 100px; }
header .menu ul li .ul .li{ background: rgba(0,0,0,0.8); border-bottom: solid 1px rgba(255,255,255,0.2); }
header .menu ul li .ul .li a{ display: block; color: #ccc; line-height:40px; text-align: center; }
header .menu ul li .ul .li:hover a{ color: #fff; background: #000; }

.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; }
.banner .glyphicon{ top:50% !important;}
/* .banner .carousel-control.left,.banner .carousel-control.right{ width:60px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-control.left{ left:-60px;background:url(../images/prev_arrow_60.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px;background:url(../images/next_arrow_60.png) no-repeat right;}
.banner:hover .carousel-control.right{ right:0;} */
.banner #myCarousel .carousel-inner {padding-bottom: 100px; padding-top: 20px;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{ margin-bottom:0;bottom:35px;z-index:4; font-size: 0;}
.banner #myCarousel .carousel-indicators li{margin:0 7px;width:10px;height:10px; background:#717272; border:none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
.banner #myCarousel .carousel-indicators li:hover{width: 36px; background:#018ac6;}
.banner #myCarousel .carousel-indicators li.active{width: 36px; background:rgb(188 255 47);}
.banner #myCarousel .download { position: absolute; left: 50%; bottom: 10%; transform: translate(-50%, -50%);background-color: rgb(188 255 47); padding: 1vh 4vw; font-size: 4vw; color: #000; border-radius: 5px; border: none;}
.banner .indexbanner{ position:absolute;left: 0; top: 0; z-index: 1; width: 100%; height: 500px; }
.banner .indexbanner .bd{ position: relative; height: 100%; }
.banner .indexbanner .bd ul{ position: relative; height: 100%; }
.banner .indexbanner .bd ul li{ position: relative; height: 100%; }
.banner .header-waves{position:absolute;left:0; top:0; z-index: 1; width: 100%; height:500px;}
.b1_animation{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.b1_animation .container-fluid{ position: relative; height: 100%; }
.b1_animation .container-fluid .row{ position: relative; height: 100%; }
.b1_animation .container-fluid .row .col-xs-12{ position: relative; height: 100%; }
.b1_animation .box{ position:relative; height: 100%; }
.b1_animation .box img{ max-width: 100%; animation-delay: 0.5s; }
.b1_animation .box .left{ position: absolute; left: 0; top: 50%; z-index: 1;width: 50%; }
.b1_animation .box .left h2 {font-size: 6vw; margin-top: 0px; margin-bottom: 0px;}
.b1_animation .box .left h4 {font-size: 5vw;}
.b1_animation .box .left img{ margin:0; }
.b1_animation .box .left img.img1{ margin:0 0 27px; }
.b1_animation .box .left img.img3{ margin:28px 0 25px; }
.b1_animation .box .right{ position:absolute; /**top: 40%*/; right: 0; width: 50%; margin-top:10px!important;}
/*@media (max-width:1199px){*/
/*	.b1_animation .box .right{ position:absolute; top: 8%; right: 0; width: 50%; }*/
/*}*/
/*@media (max-width: 767px) {*/
/*    .b1_animation .box .right{ position:absolute; top: 5%; right: 0; width: 50%; }*/
/*}*/

.content{ border-top: solid 1px #212121; }
.content .section,.content .sections{ background-position: 50% top; background-repeat: no-repeat; transition: all 4s; -webkit-transition: all 4s; -moz-transition: all 4s; -o-transition: all 4s;}
.content .section.on{ background-position: 50% bottom; background-repeat: no-repeat;}
#section1{ margin-bottom: -160px; }
#section2{ margin-bottom: -95px; padding-top: 160px; }
#section3{ margin-bottom: 0; }
#section1 .contents{ padding:65px 0 280px; }
#section2 .contents{ padding:0 0 238px; }
#section3 .contents{ padding:0 0 82px; }
#section4 .contents{ padding:100px 0; }
#section5 .contents{ padding:37px 0 65px; }
#sections1{ position: relative; z-index: 1; margin-bottom: -190px; }
#sections2{ position: relative; z-index: 2; padding-top: 1px;
background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000',endColorstr='#99000000',GradientType=0 ); }
#sections2:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 1px; 
background:rgb(11,11,12);background:-moz-linear-gradient(left,rgba(11,11,12,1) 0%,rgba(48,48,48,1) 50%,rgba(11,11,12,1) 100%);background:-webkit-linear-gradient(left,rgba(11,11,12,1) 0%,rgba(48,48,48,1) 50%,rgba(11,11,12,1) 100%);background:linear-gradient(to right,rgba(11,11,12,1) 0%,rgba(48,48,48,1) 50%,rgba(11,11,12,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0c',endColorstr='#0b0b0c',GradientType=1 ); }
#sections1 .contents{ padding: 160px 0 295px; }
#sections2 .contents{ padding:0 0 100px; }
#sections1 #stars{ position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../image/stars.png) repeat;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6; opacity:0.6; }
.sections .juzhen{ position:absolute; top: 0; right: 0; z-index: 1; width: 60%; height: 560px; overflow: hidden; }
.sections #particles{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; }

.title-1{ margin-bottom: 30px; overflow: hidden;  font-size: 0; }
.title-1 a{ position:relative; display: inline-block; vertical-align: top; }
.title-1 a:before,.title-1 a:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 1000px; height: 1px; }
.title-1 a:before{ left: -1020px; 
background:-moz-linear-gradient(left,rgba(127,127,127,0) 1%,rgba(127,127,127,0) 56%,rgba(127,127,127,1) 100%);background:-webkit-linear-gradient(left,rgba(127,127,127,0) 1%,rgba(127,127,127,0) 56%,rgba(127,127,127,1) 100%);background:linear-gradient(to right,rgba(127,127,127,0) 1%,rgba(127,127,127,0) 56%,rgba(127,127,127,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f',endColorstr='#7f7f7f',GradientType=1 );}
.title-1 a:after{ right: -1020px;
background:-moz-linear-gradient(left,rgba(127,127,127,1) 0%,rgba(127,127,127,0) 44%,rgba(127,127,127,0) 99%);background:-webkit-linear-gradient(left,rgba(127,127,127,1) 0%,rgba(127,127,127,0) 44%,rgba(127,127,127,0) 99%);background:linear-gradient(to right,rgba(127,127,127,1) 0%,rgba(127,127,127,0) 44%,rgba(127,127,127,0) 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f',endColorstr='#007f7f7f',GradientType=1 ); }
.title-1 a .cn{ font-size: 30px;color: rgb(188 255 47); line-height: 34px; }
.title-1 a .en{ margin:10px 0; font-size: 16px;color: #fff; line-height: 24px; letter-spacing: 2px; filter:alpha(opacity=16);-moz-opacity:0.16;-khtml-opacity:0.16; opacity:0.16; }
.title-1 a b{ display:block; margin:0 auto; width: 60px; height:2px; background: #fff; filter:alpha(opacity=18);-moz-opacity:0.18;-khtml-opacity:0.18; opacity:0.18; }
.title-2{ margin-bottom: 50px; font-size: 0; }
.title-2 ul{ display: inline-block; vertical-align: top; }
.title-2 ul li{ position:relative;  margin:0 43px 10px; display: inline-block; vertical-align: top; }
.title-2 ul li a{ position:relative; z-index: 2; display: block; padding: 0 25px; font-size: 18px; color: #fff; line-height: 40px;
background:-moz-linear-gradient(left,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 3%,rgba(255,255,255,0.15) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 3%,rgba(255,255,255,0.15) 100%);background:linear-gradient(to right,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 3%,rgba(255,255,255,0.15) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff',endColorstr='#26ffffff',GradientType=1 ); }
.title-2 ul li:before,.title-2 ul li:after{ content: ""; position: absolute; z-index: 1; width: 20px; height: 20px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.title-2 ul li:before{ left: 0; top: 0; border-left: solid 1px #7d7d7d; border-top: solid 1px #7d7d7d; }
.title-2 ul li:after{ right: 0; bottom: 0; border-right: solid 1px #7d7d7d; border-bottom: solid 1px #7d7d7d; }
.title-2 ul li.active:before{ border-left: solid 1px #1fc2ff; border-top: solid 1px #1fc2ff; }
.title-2 ul li.active:after{ border-right: solid 1px #1fc2ff; border-bottom: solid 1px #1fc2ff; }
.title-3{ margin:0 0 70px; font-size:0; }
.title-3 a{ position: relative; padding:30px 55px 0; display: inline-block; vertical-align: top; }
.title-3 a .bg{ position: absolute; left: 0; top: 0; z-index: 1; width:100%; height:50px; border:solid 3px rgb(188 255 47); border-bottom: none; }
.title-3 a .bg:before,.title-3 a .bg:after{ content: ""; position: absolute; top: 100%; z-index: 1; width: 40px; height: 3px; background: rgb(188 255 47); }
.title-3 a .bg:before{ left: -3px; }
.title-3 a .bg:after{ right: -3px; }
.title-3 a h4{ margin:0 0 10px; font-size:30px; color: rgb(188 255 47); line-height:32px; }
.title-3 a .en{ font-size: 18px; color: #979797; line-height: 24px; }
.title-4{ position: relative;margin-bottom: 50px;  padding: 0 0 1px; }
.title-4:before{ content: ""; position:absolute;left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #fff; filter:alpha(opacity=14);-moz-opacity:0.14;-khtml-opacity:0.14; opacity:0.14; }
.title-4 ul li{ margin-right: 55px; }
.title-4 ul li:last-child{ margin-right:0; }
.title-4 ul li a{ position: relative; display: block; font-size: 16px;color: #8f8f8f; font-weight: bold; line-height: 85px; }
.title-4 ul li a:before{ content: ""; position:absolute; left: 0; bottom: -1px; z-index: 1; width: 100%; height: 1px; background: #fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;}
.title-4 ul li.active a{ color: #fff; }
.title-4 ul li.active a:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}


.title-5{ margin-bottom: 20px; font-size: 36px;color: #fff; line-height: 46px; }

.text-1{ margin-bottom:90px; }
.text-1 h3{ margin:0 0 10px;font-size: 24px;color: #c9c9c9; line-height: 30px; }
.text-1 p{ margin:0; font-size: 16px;color: #c9c9c9; line-height: 30px; }
.text-2{ font-size: 0; overflow: hidden; }
.text-2 ul{ position:relative; display: inline-block; vertical-align: top; margin:0; }
.text-2 ul .bg{ position: absolute; top: 50%; z-index: 1; width: 100%;  filter:alpha(opacity=18);-moz-opacity:0.18;-khtml-opacity:0.18; opacity:0.18;}
.text-2 ul .bg .left{position: absolute; left:-70px; top: 0; }
.text-2 ul .bg .left b{ display: block; }
.text-2 ul .bg .left b.b1{ content: ""; position: absolute; right: 0; top: 0; z-index: 1; width: 0; height: 1px; background: #fff; }
.text-2 ul .bg .left b.b2{ content: ""; position: absolute; left: 90px; top: 90px; z-index: 1; width:0; height: 1px; background: #fff; transform-origin:left top; transform: rotate(-135deg);}
.text-2 ul .bg .right{position: absolute; right:-70px; top: 0; }
.text-2 ul .bg .right b{ display: block; }
.text-2 ul .bg .right b.b1{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 1px; background: #fff; }
.text-2 ul .bg .right b.b2{ content: ""; position: absolute; left: -90px; top: -90px; z-index: 1; width:0; height: 1px; background: #fff; transform-origin:left top; transform: rotate(45deg);}
.text-2 ul li{ position: relative; margin:0 -15px; width: 176px; height: 176px;  }
.text-2 ul li:before{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; margin:-63px 0 0 -63px; width: 126px; height: 126px; border:solid 2px rgb(188 255 47); transform: rotate(45deg); filter:alpha(opacity=48);-moz-opacity:0.48;-khtml-opacity:0.48; opacity:0.48; }
.text-2 ul li a{ position: relative; z-index: 2; display: block; height: 176px;  }
.text-2 ul li a span{ display: block; position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -23px; width: 100%; font-size: 18px;color: #fff; font-weight: bold; line-height: 44px; }
.text-2 ul li a span:before{ content: ""; position: absolute; left: 50%; bottom: -2px; z-index: 1; margin-left:0; width:0; height: 2px; background: rgb(188 255 47);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;  }
.text-3{ position: relative; padding-top: 59px; width: 234px; height: 190px; }
.text-3 .bg1{ position:absolute; right: 0; top: 0; z-index: 1; width: 190px; height: 190px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;  }
.text-3 .bg1 b.b1{position:absolute; right: 0; top: 50%; z-index: 2; margin:-8px -8px 0 0; width: 17px; height: 17px; background: #fff; filter:alpha(opacity=9);-moz-opacity:0.09;-khtml-opacity:0.09; opacity:0.09;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.text-3 .bg1 b.b2{ position:absolute; right: 120px; bottom: 0; z-index: 2; width: 17px; height: 17px; background: #fff; filter:alpha(opacity=58);-moz-opacity:0.58;-khtml-opacity:0.58; opacity:0.58;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;  }
.text-3 .bg2{position:absolute; right: 25px; top: 50%; z-index: 1; margin-top:-69px; width: 138px; height: 138px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.text-3 .bg2 b.b1{position:absolute; right: 30px; top: 0; z-index: 2; width: 17px; height: 17px; background: #fff; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2; opacity:0.2;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;  }
.text-3 .cn{ position: relative; z-index: 2; font-size: 30px;color: #bcff2f; line-height: 40px; }
.text-3 .en{ position: relative; z-index: 2; font-size: 18px;color: #494949; line-height: 32px; }
.text-3 .huan1{ position:absolute; left: 55px; top: 50%; z-index: 1; margin-top:-95px; width: 178px; height: 190px; overflow: hidden; }
.text-3 .huan1:before{ content: ""; position:absolute; right: 0; top: 0; z-index: 1; width: 190px; height: 190px; border:solid 1px #fff; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2; opacity:0.2;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.text-3 .huan2{ position:absolute; left: 80px; top: 50%; z-index: 1; margin-top:-69px; width: 128px; height: 138px; overflow: hidden; }
.text-3 .huan2:before{ content: ""; position:absolute; right: 0; top: 0; z-index: 1; width: 138px; height: 138px; border:solid 1px #fff; filter:alpha(opacity=64);-moz-opacity:0.64;-khtml-opacity:0.64; opacity:0.64;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.text-4{ margin:0 auto 50px; font-size: 16px;color: #a9a9a9; line-height: 36px; }
.text-4 img{ display:block; margin:10px auto; max-width:100%; height:auto;}

.pictrue-1{ overflow: hidden; }
.pictrue-1 ul{ margin:0 -52px; }
.pictrue-1 ul li{ padding: 0 52px; margin-bottom: 10px; width: 25%; }
.pictrue-1 ul li a{ position: relative; display: block; max-width: 220px; font-size: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.pictrue-1 ul li a img{ max-width: 100%; }
.pictrue-1 ul li a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; padding:25px; width: 100%; height: 100%; }
.pictrue-1 ul li a .imgbox .bg{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pictrue-1 ul li a .imgbox .textbox{ position:relative; z-index: 2; height: 100%; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-1 ul li a .imgbox .textbox .text{ position:absolute; left: 0; top: 50%; z-index: 1; margin-top: -50px; width: 100%; }
.pictrue-1 ul li a .imgbox .textbox .text h5{ margin:20px 0 0; font-size: 20px; line-height: 24px; }
.pictrue-1 ul li.li1,.pictrue-1 ul li.li3{ padding-top: 80px; }
.pictrue-1 ul li.li0 a{ box-shadow:0px 8px 5px rgba(101,230,147,0.1),inset 0 20px 10px  rgba(101,230,147,0.05); -webkit-box-shadow:0px 8px 5px rgba(101,230,147,0.1),inset 0 20px 10px  rgba(101,230,147,0.05); -moz-box-shadow:0px 8px 5px rgba(101,230,147,0.1),inset 0 20px 10px  rgba(101,230,147,0.05); -o-box-shadow:0px 8px 5px rgba(101,230,147,0.1),inset 0 20px 10px  rgba(101,230,147,0.05);}
.pictrue-1 ul li.li1 a{ box-shadow:0px 8px 5px rgba(64,223,206,0.1),inset 0 20px 10px  rgba(64,223,206,0.05); -webkit-box-shadow:0px 8px 5px rgba(64,223,206,0.1),inset 0 20px 10px  rgba(64,223,206,0.05); -moz-box-shadow:0px 8px 5px rgba(64,223,206,0.1),inset 0 20px 10px  rgba(64,223,206,0.05); -o-box-shadow:0px 8px 5px rgba(64,223,206,0.1),inset 0 20px 10px  rgba(64,223,206,0.05);}
.pictrue-1 ul li.li2 a{ box-shadow:0px 8px 5px rgba(241,175,61,0.1),inset 0 20px 10px  rgba(241,175,61,0.05); -webkit-box-shadow:0px 8px 5px rgba(241,175,61,0.1),inset 0 20px 10px  rgba(241,175,61,0.05); -moz-box-shadow:0px 8px 5px rgba(241,175,61,0.1),inset 0 20px 10px  rgba(241,175,61,0.05); -o-box-shadow:0px 8px 5px rgba(241,175,61,0.1),inset 0 20px 10px  rgba(241,175,61,0.05);}
.pictrue-1 ul li.li3 a{ box-shadow:0px 8px 5px rgba(205,31,31,0.1),inset 0 20px 10px  rgba(205,31,31,0.05); -webkit-box-shadow:0px 8px 5px rgba(205,31,31,0.1),inset 0 20px 10px  rgba(205,31,31,0.05); -moz-box-shadow:0px 8px 5px rgba(205,31,31,0.1),inset 0 20px 10px  rgba(205,31,31,0.05); -o-box-shadow:0px 8px 5px rgba(205,31,31,0.1),inset 0 20px 10px  rgba(205,31,31,0.05);}
.pictrue-1 ul li a .xian{ content: ""; position: absolute; left: 100%; top: 50%; z-index: 1; width:0; height: 3px; background: #fff; transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; -o-transform-origin:left top; filter:alpha(opacity=5);-moz-opacity:0.05;-khtml-opacity:0.05; opacity:0.05;}
.pictrue-1 ul li.li3 a .xian{ display: none; }
.pictrue-1 ul li.li0 a .xian,.pictrue-1 ul li.li2 a .xian{ transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg);}
.pictrue-1 ul li.li1 a .xian{  transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg);}
.pictrue-1 ul li.li0 a .imgbox .textbox{
background:-moz-radial-gradient(center,ellipse cover,rgba(101,230,147,0) 0%,rgba(101,230,147,0.1) 99%,rgba(101,230,147,0.1) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(101,230,147,0) 0%,rgba(101,230,147,0.1) 99%,rgba(101,230,147,0.1) 100%);background:radial-gradient(ellipse at center,rgba(101,230,147,0) 0%,rgba(101,230,147,0.1) 99%,rgba(101,230,147,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065e693',endColorstr='#1a65e693',GradientType=1 );}
.pictrue-1 ul li.li1 a .imgbox .textbox{
background:-moz-radial-gradient(center,ellipse cover,rgba(64,223,206,0) 0%,rgba(64,223,206,0.1) 99%,rgba(64,223,206,0.1) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(64,223,206,0) 0%,rgba(64,223,206,0.1) 99%,rgba(64,223,206,0.1) 100%);background:radial-gradient(ellipse at center,rgba(64,223,206,0) 0%,rgba(64,223,206,0.1) 99%,rgba(64,223,206,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0040dfce',endColorstr='#1a40dfce',GradientType=1 );}
.pictrue-1 ul li.li2 a .imgbox .textbox{
background:-moz-radial-gradient(center,ellipse cover,rgba(241,175,61,0) 0%,rgba(241,175,61,0.1) 99%,rgba(241,175,61,0.1) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(241,175,61,0) 0%,rgba(241,175,61,0.1) 99%,rgba(241,175,61,0.1) 100%);background:radial-gradient(ellipse at center,rgba(241,175,61,0) 0%,rgba(241,175,61,0.1) 99%,rgba(241,175,61,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1af3d',endColorstr='#1af1af3d',GradientType=1 );}
.pictrue-1 ul li.li3 a .imgbox .textbox{
background:-moz-radial-gradient(center,ellipse cover,rgba(205,31,31,0) 0%,rgba(205,31,31,0.1) 99%,rgba(205,31,31,0.1) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(205,31,31,0) 0%,rgba(205,31,31,0.1) 99%,rgba(205,31,31,0.1) 100%);background:radial-gradient(ellipse at center,rgba(205,31,31,0) 0%,rgba(205,31,31,0.1) 99%,rgba(205,31,31,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cd1f1f',endColorstr='#1acd1f1f',GradientType=1 );}
.pictrue-1 ul li.li0 a .imgbox .textbox .text h5{ color: #bcff2f; }
.pictrue-1 ul li.li1 a .imgbox .textbox .text h5{ color: #bcff2f; }
.pictrue-1 ul li.li2 a .imgbox .textbox .text h5{ color: #bcff2f; }
.pictrue-1 ul li.li3 a .imgbox .textbox .text h5{ color: #bcff2f; }
.pictrue-1 ul li a .imgbox .textbox .text img{ max-height:50px; }
.pictrue-2{ position: relative; margin:0 auto; width: 522px; height: 523px; }
.pictrue-2 .dian{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pictrue-2 .dian b{ position: absolute; z-index: 1;  display: block; width: 30px; height: 30px; background: #fff; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2; opacity:0.2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-2 .dian b.d1{ left: 0; top: 0; margin:-5px 0 0 -5px; }
.pictrue-2 .dian b.d2{ right: 0; top: 0; margin:-5px -5px 0 0;}
.pictrue-2 .dian b.d3{ left: 0; bottom: 0; margin:0 0 -5px -5px;}
.pictrue-2 .dian b.d4{ right: 0; bottom: 0; margin:0 -5px -5px 0;}
.pictrue-2 .bg{ position: absolute; left: 50%; top: 50%; z-index: 1; margin:-138px 0 0 -462px; width: 924px; height: 276px; }
.pictrue-2 .bg b{ display: block; position: absolute; left: 50%; top: 50%; z-index: 1; overflow: hidden; }
.pictrue-2 .bg b span{ display: block; font-style: normal; content: ""; position: absolute; left:50%; top:50%; z-index: 1;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-2 .bg b.b1{ margin:-20px 0 0 -462px; width:924px; height: 40px; filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1; opacity:0.1; }
.pictrue-2 .bg b.b1 span{ margin:-462px 0 0 -462px; width:924px; height:924px; border:solid 5px #fff; }
.pictrue-2 .bg b.b2{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24; }
.pictrue-2 .bg b.b2 span{ margin:-440px 0 0 -440px; width:880px;height:880px; border:solid 5px #fff; }
.pictrue-2 .bg b.b3{ margin:-138px 0 0 -410px; width:820px;height:276px;filter:alpha(opacity=43);-moz-opacity:0.43;-khtml-opacity:0.43; opacity:0.43; }
.pictrue-2 .bg b.b3 span{ margin:-410px 0 0 -410px; width:820px;height:820px; border:solid 5px #00baff; }
.pictrue-2 .huan1{ position: absolute; left: 50%; top: 50%; z-index: 1; margin:-261px 0 0 -261px; width:522px; height: 523px; background: url(../image/huan.png) no-repeat center; }
.pictrue-2 .huan2{ position: absolute; left: 50%; top: 50%; z-index: 1; margin:-213px 0 0 -213px; width:426px; height: 426px; border:solid 3px #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-2 .huan3{ position: absolute; left: 50%; top: 50%; z-index: 1; margin:-190px 0 0 -190px; width:380px; height: 380px; border:dashed 2px #777; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-2 .textbox{ position: absolute; left:50%; top: 50%; z-index: 3; margin: -50px 0 0 -150px; width:300px; }
.pictrue-2 .textbox .biaoti h3{ margin:0; font-size: 30px;color: rgb(188 255 47); line-height: 34px; font-weight: bold; }
.pictrue-2 .textbox .biaoti .en{ margin:10px 0; font-size: 16px;color: #fff; line-height: 24px; letter-spacing: 2px; filter:alpha(opacity=16);-moz-opacity:0.16;-khtml-opacity:0.16;  }
.pictrue-2 .textbox .biaoti b{ display: block; margin:0 auto; width: 60px; height: 2px; background: #fff;filter:alpha(opacity=16);-moz-opacity:0.16;-khtml-opacity:0.16; opacity:0.16;  }
.pictrue-2 .textbox p{ margin:10px 0 0; height: 72px; color: #fff; line-height: 24px; overflow: hidden;filter:alpha(opacity=46);-moz-opacity:0.46;-khtml-opacity:0.46; }
.pictrue-2 ul{ position: absolute; left: 0; top: 0; z-index: 2; margin:0; width: 100%; height: 100%; }
.pictrue-2 ul li{ position: absolute;z-index: 1; width: 168px; height: 160px; }
.pictrue-2 ul li:before,.pictrue-2 ul li:after{ content: ""; position: absolute; left: 50%; top: 50%; margin:-84px 0 0 -84px; width: 168px; height: 168px;transform-origin:center center; -webkit-transform-origin:center center; -moz-transform-origin:center center; -o-transform-origin:center center; }
.pictrue-2 ul li:before{ z-index: 1; background: url(../image/p2_bg_h.png) no-repeat center center; }
.pictrue-2 ul li:after{ z-index: 2; background: url(../image/p2_bg_h.png) no-repeat center center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;  }
.pictrue-2 ul li.active:after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.pictrue-2 ul li.active:before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;}
.pictrue-2 ul li a{ position: relative; z-index: 3; display: block; padding-top:53px; height: 160px; font-size:24px;color: #000; text-align: center;font-weight: 600; }
.pictrue-2 ul li.li0{ left: 50%; top:-80px; margin:0 0 0 -84px; }
.pictrue-2 ul li.li1{ left: -70px; top:50%; margin:-80px 0 0 0; }
.pictrue-2 ul li.li2{ right: -70px; top:50%; margin:-80px 0 0 0; }
.pictrue-2 ul li.li1:before{ transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-o-transform: rotate(-15deg); }
.pictrue-2 ul li.li2:before{ transform: rotate(15deg); -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); }
.pictrue-3-box{ display: none; }
.pictrue-3-list { position: relative;}
.pictrue-3-list:before,.pictrue-3-list:after{ content: ""; position: absolute; left: 50%; top: 0; z-index: 1; height: 2px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.pictrue-3-list:before{ margin-left: -50%; width: 100%; background: #919191; }
.pictrue-3-list:after{ margin-left: 0; width: 0; background: #1fc2ff; }
.pictrue-3-list a{  display: block; padding: 20px; 
background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff',endColorstr='#00ffffff',GradientType=0 );} 
.pictrue-3-list a .imgbox{ overflow: hidden; border:solid 2px #4f4f4f; }
.pictrue-3-list a .imgbox span{ display: block; }
.pictrue-3-list a .textbox{padding: 10px 0 0;}
.pictrue-3-list a .textbox .biaoti{ margin-bottom:10px; color: #fff; line-height: 24px; }
.pictrue-3-list a .textbox p{ margin:0; height: 72px; font-size: 12px; color: #919191; line-height: 24px; overflow:hidden; text-align: justify; }
.pictrue-3-list a .textbox .time{ margin:5px 0; font-size: 12px; color: #ffffff; line-height: 24px; }
.pictrue-3-list a .textbox .more{ font-size: 12px;color: rgb(188 255 47); line-height: 24px; }
.pictrue-4{ position:relative; height: 150px; }
.pictrue-4 .bg{ position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 150px; overflow: hidden; }
.pictrue-4 .bg .left,.pictrue-4 .bg .right{position: absolute; width: 54%; overflow: hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;}
.pictrue-4 .bg .left{ left: -50%; top: 23px; z-index: 2; margin-left: -4%; background: #bcff2f; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); }
.pictrue-4 .bg .right{  right: -50%; top: 0; z-index: 1; margin-right: -4%; background: #1a1a1a; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); }
.pictrue-4 .bg .imgbox{ height: 127px;transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); }
.pictrue-4 .bg .left .imgbox{filter:alpha(opacity=12);-moz-opacity:0.12;-khtml-opacity:0.12; opacity:0.12;}
.pictrue-4 .bg .right .imgbox{filter:alpha(opacity=18);-moz-opacity:0.18;-khtml-opacity:0.18; opacity:0.18;}
.pictrue-4 .box{ position: relative;z-index: 2; font-size: 0; overflow: hidden; }
.pictrue-4 .box a{ display: inline-block; vertical-align: top;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; }
.pictrue-4 .box a h4{ margin:0; font-size: 30px;color: #fff; line-height: 40px; }
.pictrue-4 .box a .en{ font-size: 12px;color: #fff; line-height: 16px; }
.pictrue-4 .box .left{ position:relative; padding: 70px 0 0; width: 50%; height: 150px; }
.pictrue-4 .box .left .jiantou2{ content: ""; position: absolute; left: -100%; top: 0; z-index:1; width: 100%; height: 1px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;
background:-moz-linear-gradient(left,rgba(1,148,212,0) 0%,rgba(1,148,212,1) 100%);background:-webkit-linear-gradient(left,rgba(1,148,212,0) 0%,rgba(1,148,212,1) 100%);background:linear-gradient(to right,rgba(1,148,212,0) 0%,rgba(1,148,212,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000194d4',endColorstr='#0194d4',GradientType=1 ); }
.pictrue-4 .box .left .jiantou{ position: absolute; left: 215px; top:120px; z-index: 1; width: 310px; height: 1px; background: #fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;  }
.pictrue-4 .box .left .jiantou:before{ content: "→"; position: absolute; right: -10px; top: 50%; z-index: 1; margin-top: -11px; font-family:arial; font-size: 14px; color: #fff; line-height: 20px; }
.pictrue-4 .box .right{ position:relative; padding:45px 0 0 100px; width: 50%; height: 150px; }
.pictrue-4 .box .right .jiantou2{ content: ""; position: absolute; right: -100%; bottom: 0; z-index:1; width: 100%; height: 1px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;
background:-moz-linear-gradient(left,rgba(85,85,85,1) 0%,rgba(85,85,85,0) 100%);background:-webkit-linear-gradient(left,rgba(85,85,85,1) 0%,rgba(85,85,85,0) 100%);background:linear-gradient(to right,rgba(85,85,85,1) 0%,rgba(85,85,85,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555',endColorstr='#00555555',GradientType=1 );}
.pictrue-4 .box .right .jiantou{ position: absolute; left:295px; top:96px; z-index: 1; width:290px; height: 1px; background: #fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;  }
.pictrue-4 .box .right .jiantou:before{ content: "→"; position: absolute; right: -10px; top: 50%; z-index: 1; margin-top: -11px; font-family:arial; font-size: 14px; color: #fff; line-height: 20px; }
.pictrue-5-box{ overflow: hidden; }
.pictrue-5{ position:relative; padding-bottom:62px; margin:0 -12px;}
.pictrue-5 .owl-item:first-child .pictrue-5-list{border-left: solid 1px #272728;}
.pictrue-5 .item .pictrue-5-list:first-child{ padding-top: 0; border-bottom: solid 1px #272728;}
.pictrue-5 .item .pictrue-5-list:last-child{ padding-bottom: 0; }
.pictrue-5-list{padding:12px; border-right: solid 1px #272728;  }
.pictrue-5-list a{ position: relative; display: block; padding: 3px; }
.pictrue-5-list a:before,.pictrue-5-list a:after{ transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -o-transform: scale(0.5,0.5); content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s } 
.pictrue-5-list a:before{ left: 0; top: 0; border-left: solid 3px #bcff2f; border-top: solid 3px #bcff2f; }
.pictrue-5-list a:after{ right: 0; bottom: 0; border-right: solid 3px #bcff2f; border-bottom: solid 3px #bcff2f; }
.pictrue-5-list a .imgbox{ padding: 5px; height: 83px; font-size:0; line-height: 73px; }
.pictrue-5-list a .imgbox img{ max-width: 100%; max-height: 100%; }
.pictrue-5 .owl-pagination{ position: absolute; left: 0; bottom: -59px; z-index: 1; width: 100%; font-size: 0; text-align: center; }
.pictrue-5 .owl-theme .owl-controls .owl-page span{ margin:0 8px; width: 45px; height: 3px; background: #4b4b4b; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.pictrue-5 .owl-theme .owl-controls .owl-page.active span{ background: rgb(188 255 47); }
.pictrue-6-list{ margin-bottom:10px; padding: 10px; background: #141414; }
.pictrue-6-list a{ display: block; position:relative; padding: 0 0 0 170px; min-height: 130px; }
.pictrue-6-list a .imgbox{ position:absolute; left: 0; top: 0; z-index: 1; width: 170px; height: 130px; line-height: 130px; }
.pictrue-6-list a .imgbox img{ max-width: 100%; max-height: 100%; }
.pictrue-6-list a .textbox{ padding: 0 0 0 20px; }
.pictrue-6-list a .textbox .biaoti{ margin-bottom: 10px; font-size: 18px;color: #fff; line-height: 24px; }
.pictrue-6-list a .textbox p{ margin:0 0 5px; height: 60px; font-size: 16px;color: #a9a9a9; line-height: 30px; overflow: hidden; }
.pictrue-6-list a .textbox .more{ font-size: 12px;color: #1fc2ff; line-height: 24px; }

footer{ position: relative; background-position: 50% 50%; background-size: cover; }
footer:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 1px; 
background:rgb(11,11,12);background:-moz-linear-gradient(left,rgba(11,11,12,1) 0%,rgba(48,48,48,1) 50%,rgba(11,11,12,1) 100%);background:-webkit-linear-gradient(left,rgba(11,11,12,1) 0%,rgba(48,48,48,1) 50%,rgba(11,11,12,1) 100%);background:linear-gradient(to right,rgba(11,11,12,1) 0%,rgba(48,48,48,1) 50%,rgba(11,11,12,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0c',endColorstr='#0b0b0c',GradientType=1 ); }
footer .footer_container{ padding: 70px 0; }
footer .footer_container .box{ position: relative; padding: 0 460px 0 0; min-height: 145px; }
footer .footer_container .box .tel_ewm{ position: absolute; right: 0; top: 0; z-index: 1; width: 460px; }
footer .footer_container .box .tel_ewm .tel h4{ margin:0 0 20px; font-family: Impact,arial; font-size: 24px;color: #fff; line-height: 25px; }
footer .footer_container .box .tel_ewm .tel p{ margin:0; color: #fff; line-height: 28px; font-size:20px!important;}
footer .footer_container .box .tel_ewm .ewm{ width: 107px; }
footer .footer_container .box .tel_ewm .ewm img{ max-width: 100%; }
footer .footer_container .box .menu ul li{ width: 20%; }
footer .footer_container .box .menu ul li .biaoti{ margin-bottom: 20px; }
footer .footer_container .box .menu ul li .biaoti a{ display: block; font-size: 16px;color: #fff; line-height: 24px; }
footer .footer_container .box .menu ul li p{ margin:0; }
footer .footer_container .box .menu ul li p a{ margin-bottom: 10px; display: block; color: #fff; line-height: 18px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5;  }
footer .footer_bar{
background:-moz-linear-gradient(left,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%);background:linear-gradient(to right,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fffffff',endColorstr='#1fffffff',GradientType=1 );}
footer .footer_bar p{ margin:0; padding: 22px 0; font-size: 12px; color: #fff; line-height: 24px; }
footer .footer_bar .fenxiang{ padding: 22px 0; }
footer .footer_bar .fenxiang a{ position: relative; display: block; padding:0 15px; height: 24px; font-size: 0; line-height: 24px; overflow: hidden; }
footer .footer_bar .fenxiang a span{ position: relative; top: 0; display: block; }
footer .footer_bar .fenxiang a span img{ display: block; margin:0 auto; }
footer .footer_bar .fenxiang a:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 1px; height: 24px; background: #595a5c;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25; opacity:0.25;  }
footer .footer_bar .fenxiang a:first-child{ padding-left: 0; }
footer .footer_bar .fenxiang a:first-child:before{ display: none; }
footer .footer_bar .fenxiang a:last-child{ padding-right: 0; }

.text-2 ul li{margin:0 -90px;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform:rotate(45deg);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.text-2 ul li a{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.text-2 ul .bg .left b.b1,.text-2 ul .bg .right b.b1{ animation:text2ulbefore 1s 0.5s forwards linear; -webkit-animation:text2ulbefore 1s 0.5s forwards linear; -moz-animation:text2ulbefore 1s 0.5s forwards linear; -o-animation:text2ulbefore 1s 0.5s forwards linear; }
.text-2 ul .bg .left b.b2,.text-2 ul .bg .right b.b2{ animation:text2ulafter 0.5s 0s forwards linear; -webkit-animation:text2ulafter 0.5s 0s forwards linear; -moz-animation:text2ulafter 0.5s 0s forwards linear; -o-animation:text2ulafter 0.5s 0s forwards linear; }
.text-2 ul li{ animation:text2li 2s 1.5s forwards linear; -webkit-animation:text2li 2s 1.5s forwards linear; -moz-animation:text2li 2s 1.5s forwards linear; -o-animation:text2li 2s 1.5s forwards linear;}
.text-2 ul li a{animation:fadeIn 1s 3s forwards linear; -webkit-animation:fadeIn 1s 3s forwards linear; -moz-animation:fadeIn 1s 3s forwards linear; -o-animation:fadeIn 1s 3s forwards linear;}
.pictrue-1 ul li a{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.pictrue-1 ul li a .imgbox .bg{ animation:rotate 5s 0s infinite linear; -webkit-animation:rotate 5s 0s infinite linear; -moz-animation:rotate 5s 0s infinite linear; -o-animation:rotate 5s 0s infinite linear; }
.pictrue-1 ul li.li0 a{animation:fadeIn 1s 0s forwards; -webkit-animation:fadeIn 1s 0s forwards; -moz-animation:fadeIn 1s 0s forwards; -o-animation:fadeIn 1s 0s forwards; }
.pictrue-1 ul li.li1 a{animation:fadeIn 1s 1s forwards; -webkit-animation:fadeIn 1s 1s forwards; -moz-animation:fadeIn 1s 1s forwards; -o-animation:fadeIn 1s 1s forwards; }
.pictrue-1 ul li.li2 a{animation:fadeIn 1s 2s forwards; -webkit-animation:fadeIn 1s 2s forwards; -moz-animation:fadeIn 1s 2s forwards; -o-animation:fadeIn 1s 2s forwards; }
.pictrue-1 ul li.li3 a{animation:fadeIn 1s 3s forwards; -webkit-animation:fadeIn 1s 3s forwards; -moz-animation:fadeIn 1s 3s forwards; -o-animation:fadeIn 1s 3s forwards; }
.pictrue-1 ul li.li0 a .xian{ animation:p1abefore 0.5s 0.5s forwards linear; -webkit-animation:p1abefore 0.5s 0.5s forwards linear; -moz-animation:p1abefore 0.5s 0.5s forwards linear; -o-animation:p1abefore 0.5s 0.5s forwards linear; }
.pictrue-1 ul li.li1 a .xian{ animation:p1abefore 0.5s 1.5s forwards linear; -webkit-animation:p1abefore 0.5s 1.5s forwards linear; -moz-animation:p1abefore 0.5s 1.5s forwards linear; -o-animation:p1abefore 0.5s 1.5s forwards linear; }
.pictrue-1 ul li.li2 a .xian{ animation:p1abefore 0.5s 2.5s forwards linear; -webkit-animation:p1abefore 0.5s 2.5s forwards linear; -moz-animation:p1abefore 0.5s 2.5s forwards linear; -o-animation:p1abefore 0.5s 2.5s forwards linear; }
.pictrue-2 .huan1{animation:rotate 40s 0s infinite linear; -webkit-animation:rotate 40s 0s infinite linear; -moz-animation:rotate 40s 0s infinite linear; -o-animation:rotate 40s 0s infinite linear;}
.pictrue-2 .huan3{animation:rotate2 40s 0s infinite linear; -webkit-animation:rotate2 40s 0s infinite linear; -moz-animation:rotate2 40s 0s infinite linear; -o-animation:rotate2 40s 0s infinite linear;}
.pictrue-2 .bg b.b3{animation:p2b3 1.5s 0s infinite linear; -webkit-animation:p2b3 1.5s 0s infinite linear; -moz-animation:p2b3 1.5s 0s infinite linear; -o-animation:p2b3 1.5s 0s infinite linear;}
.pictrue-2 .bg b.b3 span{animation:p2b3before 1.5s 0s infinite linear; -webkit-animation:p2b3before 1.5s 0s infinite linear; -moz-animation:p2b3before 1.5s 0s infinite linear; -o-animation:p2b3before 1.5s 0s infinite linear;}
.pictrue-2 .bg b.b2{animation:p2b2 1.5s 0s infinite linear; -webkit-animation:p2b2 1.5s 0s infinite linear; -moz-animation:p2b2 1.5s 0s infinite linear; -o-animation:p2b2 1.5s 0s infinite linear;}
.pictrue-2 .bg b.b2 span{animation:p2b2before 1.5s 0s infinite linear; -webkit-animation:p2b2before 1.5s 0s infinite linear; -moz-animation:p2b2before 1.5s 0s infinite linear; -o-animation:p2b2before 1.5s 0s infinite linear;}
.pictrue-2 .bg b.b1{animation:p2b1 1.5s 0s infinite linear; -webkit-animation:p2b1 1.5s 0s infinite linear; -moz-animation:p2b1 1.5s 0s infinite linear; -o-animation:p2b1 1.5s 0s infinite linear;}
.pictrue-2 .bg b.b1 span{animation:p2b1before 1.5s 0s infinite linear; -webkit-animation:p2b1before 1.5s 0s infinite linear; -moz-animation:p2b1before 1.5s 0s infinite linear; -o-animation:p2b1before 1.5s 0s infinite linear;}
.pictrue-3-list{top: 100px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; }
.pictrue-3-list{ animation-name: p3list; animation-duration: 1s; animation-timing-function:linear; animation-fill-mode: forwards;  }
.pictrue-4 .bg .left{animation:p4left 1s 0.5s forwards linear; -webkit-animation:p4left 1s 0.5s forwards linear; -moz-animation:p4left 1s 0.5s forwards linear; -o-animation:p4left 1s 0.5s forwards linear;}
.pictrue-4 .bg .right{animation:p4right 1s 0.5s forwards linear; -webkit-animation:p4right 1s 0.5s forwards linear; -moz-animation:p4right 1s 0.5s forwards linear; -o-animation:p4right 1s 0.5s forwards linear;}
.pictrue-4 .box .left .jiantou2{animation:p4leftbefore 1s 0s forwards linear; -webkit-animation:p4leftbefore 1s 0s forwards linear; -moz-animation:p4leftbefore 1s 0s forwards linear; -o-animation:p4leftbefore 1s 0s forwards linear;}
.pictrue-4 .box .right .jiantou2{animation:p4rightbefore 1s 0s forwards linear; -webkit-animation:p4rightbefore 1s 0s forwards linear; -moz-animation:p4rightbefore 1s 0s forwards linear; -o-animation:p4rightbefore 1s 0s forwards linear;}
.pictrue-4 .box a{animation:fadeIn 1s 1s forwards linear; -webkit-animation:fadeIn 1s 1s forwards linear; -moz-animation:fadeIn 1s 1s forwards linear; -o-animation:fadeIn 1s 1s forwards linear;}
.pictrue-4 .box .left .jiantou{animation:fadeIn 1s 1.5s forwards linear; -webkit-animation:fadeIn 1s 1.5s forwards linear; -moz-animation:fadeIn 1s 1.5s forwards linear; -o-animation:fadeIn 1s 1.5s forwards linear;}
.pictrue-4 .box .right .jiantou{animation:fadeIn 1s 1.5s forwards linear; -webkit-animation:fadeIn 1s 1.5s forwards linear; -moz-animation:fadeIn 1s 1.5s forwards linear; -o-animation:fadeIn 1s 1.5s forwards linear;}
.text-3 .bg1{animation:rotate 15s 0s forwards linear infinite; -webkit-animation:rotate 15s 0s forwards linear infinite; -moz-animation:rotate 15s 0s forwards linear infinite; -o-animation:rotate 15s 0s forwards linear infinite;}
.text-3 .bg2{animation:rotate 10s 0s forwards linear infinite; -webkit-animation:rotate 10s 0s forwards linear infinite; -moz-animation:rotate 10s 0s forwards linear infinite; -o-animation:rotate 10s 0s forwards linear infinite;}

header .menu ul li:hover:after,header .menu ul li:hover:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
header .menu ul li.active:after,header .menu ul li.active:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
header .menu ul li:hover > a{ color: #fff; }
header .menu ul li.active > a{ color: #000; }
.title-2 ul li:hover:before{ width: 100%; height: 100%; border-left: solid 1px #018ac6; border-top: solid 1px #018ac6;}
.title-2 ul li:hover:after{ width: 100%; height: 100%; border-right: solid 1px #018ac6; border-bottom: solid 1px #018ac6;}
.title-4 ul li:hover a{ color: #fff; }
.title-4 ul li:hover a:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.text-2 ul li:hover a span:before{margin-left:-35px; width: 70px;}
.pictrue-2 ul li:hover:before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; animation:rotate 3s 0s infinite linear; -webkit-animation:rotate 3s 0s infinite linear; -moz-animation:rotate 3s 0s infinite linear; -o-animation:rotate 3s 0s infinite linear;}
.pictrue-2 ul li:hover:after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; animation:rotate 3s 0s infinite linear; -webkit-animation:rotate 3s 0s infinite linear; -moz-animation:rotate 3s 0s infinite linear; -o-animation:rotate 3s 0s infinite linear;}
.pictrue-3-list:hover:before{ margin-left: 0; width: 0; }
.pictrue-3-list:hover:after{ margin-left:-50%; width: 100%; }
.pictrue-3-list:hover a .textbox .biaoti{ color: #1fc2ff; text-decoration: underline; }
.pictrue-3-list:hover a .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
.pictrue-5 .owl-theme .owl-controls .owl-page:hover span{ background: #ff0000; }
.pictrue-5-list a:hover:before,.pictrue-5-list a:hover:after{transform: scale(1,1);-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.pictrue-6-list:hover{ background: #302f2f; }
.pictrue-6-list:hover a .textbox .biaoti{ color:#1fc2ff; text-decoration: underline; }
footer .footer_container .box .menu ul li p a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
footer .footer_bar .fenxiang a:hover span{ top:-24px; }

@keyframes p3list{ form{top: 100px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{top: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;} }
@-webkit-keyframes p3list{ form{top: 100px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{top: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;} }
@-moz-keyframes p3list{ form{top: 100px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{top: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;} }
@-o-keyframes p3list{ form{top: 100px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{top: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;} }

@keyframes p4leftbefore{ form{ left: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-webkit-keyframes p4leftbefore{ form{ left: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-moz-keyframes p4leftbefore{ form{ left: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-o-keyframes p4leftbefore{ form{ left: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }

@keyframes p4rightbefore{ form{ right: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-webkit-keyframes p4rightbefore{ form{ right: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-moz-keyframes p4rightbefore{ form{ right: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-o-keyframes p4rightbefore{ form{ right: -100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }

@keyframes p4left{ form{ left: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-webkit-keyframes p4left{ form{ left: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-moz-keyframes p4left{ form{ left: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-o-keyframes p4left{ form{ left: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ left: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }

@keyframes p4right{ form{ right: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-webkit-keyframes p4right{ form{ right: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-moz-keyframes p4right{ form{ right: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-o-keyframes p4right{ form{ right: -50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} to{ right: 0; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }

@keyframes text2li{ form{ margin:0 -90px; transform: rotate(45deg);  filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; } to{ margin:0 -15px; transform: rotate(0deg);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-webkit-keyframes text2li{ form{ margin:0 -90px; transform: rotate(45deg);  filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; } to{ margin:0 -15px; transform: rotate(0deg);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-moz-keyframes text2li{ form{ margin:0 -90px; transform: rotate(45deg);  filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; } to{ margin:0 -15px; transform: rotate(0deg);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-o-keyframes text2li{ form{ margin:0 -90px; transform: rotate(45deg);  filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; } to{ margin:0 -15px; transform: rotate(0deg);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }

@keyframes text2ulafter{ form{ width: 0;  } to{ width: 127px; } }
@-webkit-keyframes text2ulafter{ form{ width: 0;  } to{ width: 127px; } }
@-moz-keyframes text2ulafter{ form{ width: 0;  } to{ width: 127px; } }
@-o-keyframes text2ulafter{ form{ width: 0;  } to{ width: 127px; } }

@keyframes text2ulbefore{ form{ width: 0;  } to{ width: 2000px; } }
@-webkit-keyframes text2ulbefore{ form{ width: 0;  } to{ width: 2000px; } }
@-moz-keyframes text2ulbefore{ form{ width: 0;  } to{ width: 2000px; } }
@-o-keyframes text2ulbefore{ form{ width: 0;  } to{ width: 2000px; } }

@keyframes p2b3{ 
	0%{ margin:-138px 0 0 -410px; width:820px;height:276px;filter:alpha(opacity=43);-moz-opacity:0.43;-khtml-opacity:0.43; opacity:0.43; } 
	50%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24; } 
	100%{ margin:-20px 0 0 -462px; width:924px; height: 40px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-webkit-keyframes p2b3{ 
	0%{ margin:-138px 0 0 -410px; width:820px;height:276px;filter:alpha(opacity=43);-moz-opacity:0.43;-khtml-opacity:0.43; opacity:0.43; } 
	50%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24; } 
	100%{ margin:-20px 0 0 -462px; width:924px; height: 40px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-moz-keyframes p2b3{ 
	0%{ margin:-138px 0 0 -410px; width:820px;height:276px;filter:alpha(opacity=43);-moz-opacity:0.43;-khtml-opacity:0.43; opacity:0.43; } 
	50%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24; } 
	100%{ margin:-20px 0 0 -462px; width:924px; height: 40px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-o-keyframes p2b3{ 
	0%{ margin:-138px 0 0 -410px; width:820px;height:276px;filter:alpha(opacity=43);-moz-opacity:0.43;-khtml-opacity:0.43; opacity:0.43; } 
	50%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24; } 
	100%{ margin:-20px 0 0 -462px; width:924px; height: 40px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}

@keyframes p2b3before{
	0%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 
	50%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	100%{ margin:-462px 0 0 -462px; width:924px; height:924px;} 
}
@-moz-keyframes p2b3before{
	0%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 
	50%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	100%{ margin:-462px 0 0 -462px; width:924px; height:924px;} 
}
@-webkit-keyframes p2b3before{
	0%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 
	50%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	100%{ margin:-462px 0 0 -462px; width:924px; height:924px;} 
}
@-o-keyframes p2b3before{
	0%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 
	50%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	100%{ margin:-462px 0 0 -462px; width:924px; height:924px;} 
}

@keyframes p2b2{ 
	0%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24;  } 
	50%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;  } 
	100%{ margin:-138px 0 0 -410px; width:820px;height:276px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-webkit-keyframes p2b2{ 
	0%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24;  } 
	50%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;  } 
	100%{ margin:-138px 0 0 -410px; width:820px;height:276px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-moz-keyframes p2b2{ 
	0%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24;  } 
	50%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;  } 
	100%{ margin:-138px 0 0 -410px; width:820px;height:276px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-o-keyframes p2b2{ 
	0%{ margin:-51px 0 0 -440px; width:880px;height:102px;filter:alpha(opacity=24);-moz-opacity:0.24;-khtml-opacity:0.24; opacity:0.24;  } 
	50%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;  } 
	100%{ margin:-138px 0 0 -410px; width:820px;height:276px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}

@keyframes p2b2before{
	0%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	50%{ margin:-462px 0 0 -462px; width:924px; height:924px; } 
	100%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 	
}
@-webkit-keyframes p2b2before{
	0%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	50%{ margin:-462px 0 0 -462px; width:924px; height:924px; } 
	100%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 	
}
@-moz-keyframes p2b2before{
	0%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	50%{ margin:-462px 0 0 -462px; width:924px; height:924px; } 
	100%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 	
}
@-o-keyframes p2b2before{
	0%{ margin:-440px 0 0 -440px; width:880px;height:880px; } 
	50%{ margin:-462px 0 0 -462px; width:924px; height:924px; } 
	100%{ margin:-410px 0 0 -410px; width:820px;height:820px; } 	
}

@keyframes p2b1{ 
	0%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1; opacity:0.1;  } 
	50%{ margin:-10px 0 0 -482px; width:964px; height: 20px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0.05; opacity:0;  } 
	100%{ margin:-51px 0 0 -440px; width:880px;height:102px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-webkit-keyframes p2b1{ 
	0%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1; opacity:0.1;  } 
	50%{ margin:-10px 0 0 -482px; width:964px; height: 20px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0.05; opacity:0;  } 
	100%{ margin:-51px 0 0 -440px; width:880px;height:102px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-moz-keyframes p2b1{ 
	0%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1; opacity:0.1;  } 
	50%{ margin:-10px 0 0 -482px; width:964px; height: 20px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0.05; opacity:0;  } 
	100%{ margin:-51px 0 0 -440px; width:880px;height:102px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}
@-o-keyframes p2b1{ 
	0%{ margin:-20px 0 0 -462px; width:924px; height: 40px;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1; opacity:0.1;  } 
	50%{ margin:-10px 0 0 -482px; width:964px; height: 20px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0.05; opacity:0;  } 
	100%{ margin:-51px 0 0 -440px; width:880px;height:102px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0;} 
}

@keyframes p2b1before{
	0%{   margin:-462px 0 0 -462px; width:924px; height:924px;} 
	50%{ margin:-482px 0 0 -482px; width:964px; height:964px; } 
	100%{margin:-440px 0 0 -440px; width:880px;height:880px;}  	
}
@-webkit-keyframes p2b1before{
	0%{   margin:-462px 0 0 -462px; width:924px; height:924px;} 
	50%{ margin:-482px 0 0 -482px; width:964px; height:964px; } 
	100%{margin:-440px 0 0 -440px; width:880px;height:880px;}  	
}
@-moz-keyframes p2b1before{
	0%{   margin:-462px 0 0 -462px; width:924px; height:924px;} 
	50%{ margin:-482px 0 0 -482px; width:964px; height:964px; } 
	100%{margin:-440px 0 0 -440px; width:880px;height:880px;}  	
}
@-o-keyframes p2b1before{
	0%{   margin:-462px 0 0 -462px; width:924px; height:924px;} 
	50%{ margin:-482px 0 0 -482px; width:964px; height:964px; } 
	100%{margin:-440px 0 0 -440px; width:880px;height:880px;}  	
}

@keyframes p1abefore{ form{ width: 0; } to{ width: 126px; } }
@-webkit-keyframes p1abefore{ form{ width: 0; } to{ width: 126px; } }
@-moz-keyframes p1abefore{ form{ width: 0; } to{ width: 126px; } }
@-o-keyframes p1abefore{ form{ width: 0; } to{ width: 126px; } }

@keyframes fadeIn{ form{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; } to{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-webkit-keyframes fadeIn{ form{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; } to{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-moz-keyframes fadeIn{ form{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; } to{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }
@-o-keyframes fadeIn{ form{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; } to{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; } }

@keyframes rotate{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
@-webkit-keyframes rotate{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
@-moz-keyframes rotate{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
@-o-keyframes rotate{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
}

@keyframes rotate2{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
}
@-webkit-keyframes rotate2{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
}
@-moz-keyframes rotate2{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
}
@-o-keyframes rotate2{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }
	to{  transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -o-transform:rotate(-360deg); }
}

@media (max-width:1199px){
	header .menu ul li{ margin-left:10px; }
	header .menu ul li a{ font-size: 14px; }
	.pictrue-1 ul{ margin:0 -30px; }
	.pictrue-1 ul li{ padding: 0 30px; }

	@keyframes p1abefore{ form{ width: 0; } to{ width: 80px; } }
	@-webkit-keyframes p1abefore{ form{ width: 0; } to{ width: 80px; } }
	@-moz-keyframes p1abefore{ form{ width: 0; } to{ width: 80px; } }
	@-o-keyframes p1abefore{ form{ width: 0; } to{ width: 80px; } }
}

@media (max-width:991px){
	.section{ padding: 30px 0 !important; }
	#section1{ margin-bottom: 0; }
	#section2{ margin-bottom: 0; padding-top: 0; }
	#section3{ margin-bottom: 0; }
	#section1 .contents{ padding:0; }
	#section2 .contents{ padding:0 ; }
	#section3 .contents{ padding:0; }
	#section4 .contents{ padding:0; }
	#section5 .contents{ padding:0; }
	#sections1{ margin-bottom: 0; background: none !important; }
	#sections2:before{ display: none; }
	#sections1 .contents{ padding:20px 0; }
	#sections2 .contents{ padding: 0 0 30px; }
	header{ height: inherit; }
	header .logo{ padding-top: 0; line-height: 80px; }
	header .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
	header .ydd_btn span{ display:block; width:100%; height:4px; background:rgb(188 255 47);}
	header .ydd_btn span.span02{margin:4px 0;}
	header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
	header .ydd_btn.click span.span02{margin:4px 0;	}
	header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;			margin-top:0px;}
	header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	header .menu{ float: inherit !important; position:absolute; right: 0; top: 100%; z-index: 1; width: 120px;
background:-moz-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000',endColorstr='#cc000000',GradientType=1 ); }
	header .menu ul{ padding: 0; }
	header .menu ul li{ margin:0; width: 100%; }
	header .menu ul li > a{ padding: 0 10px; }
	header .menu ul li .ul{ top: 0; left: inherit; right: 100%; padding-top: 0; }
	.banner #myCarousel .carousel-indicators{ bottom: 20px; }
	.title-2{ margin-bottom: 30px; }
	.title-2 ul li{ margin:0 20px 10px; }
	.title-3{ margin-bottom: 30px; }
	.title-5{ font-size: 30px; line-height: 34px; }
	.text-1{ margin-bottom: 30px; }
	.text-3{ padding: 0; width: 100%; height: inherit; }
	.text-3 .cn{ float: left; margin-right: 20px; font-size: 20px; line-height: 24px; }
	.text-3 .en{ float: left; font-size: 16px; line-height: 24px; }
	.text-4{ margin-bottom: 20px; font-size: 14px; line-height: 30px; }
	.text-4 img{ display:block; margin:10px auto; max-width:100%; height:auto;}
	.title-4{ margin-bottom: 30px; }
	.title-4 ul li a{ font-size: 14px; line-height:50px; }
	.pictrue-1 ul li{ margin-bottom:30px; width: 50%; }
	.pictrue-1 ul li.li1, .pictrue-1 ul li.li3{ padding-top: 0; }
	.pictrue-1 ul li a{ margin:0 auto; }
	.pictrue-2{ width: inherit; height: inherit; text-align: center; }
	.pictrue-2 .textbox{ position: inherit; left: inherit; top: inherit; margin:0; width: inherit; }
	.pictrue-2 ul{ position: inherit; left: inherit; top: inherit; display: inline-block; vertical-align: top; width: inherit; height: inherit; }
	.pictrue-2 ul li{ position: inherit; top: inherit!important; left: inherit !important; right:inherit !important;  float: left; margin:0 15px!important;}
	.pictrue-2 .textbox p br{ display: none; height: inherit; }
	.pictrue-3-list{ margin-bottom: 30px; }
	.pictrue-3-list:last-child{ margin-bottom: 0; }
	.pictrue-3-list a .box{ position: relative; padding: 0 0 0 130px; min-height: 120px; }
	.pictrue-3-list a .box .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 130px; overflow: hidden; }
	.pictrue-3-list a .box .imgbox span{ height: 120px; }
	.pictrue-3-list a .textbox{ padding: 0 0 0 10px; }
	.pictrue-3-list a .textbox .biaoti{ margin-bottom: 5px; }
	.pictrue-3-list a .textbox .time{ margin:0; }
	.pictrue-3-list a .textbox p{ height: 48px; }
	.pictrue-5{ padding-bottom: 30px; }
	.pictrue-5 .owl-pagination{ bottom: -30px; }
	.pictrue-5 .owl-theme .owl-controls .owl-page span{ margin:0 5px; width: 30px; }
	footer .footer_container .box{ padding: 0; min-height: inherit; }
	footer .footer_container .box .tel_ewm{ position: inherit; right: inherit; top: inherit; width: inherit; }
	footer .footer_bar p{ width: 100%; text-align: center; }
}

@media (max-width:767px){
	.section#section1{ padding-bottom: 0 !important; }
	body{ padding-bottom:50px;}	
	header .logo{line-height: 60px; }
	header .logo img{ height: 30px; }
	header .menu ul li a{ font-size: 12px; }
	header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	.banner #myCarousel .carousel-indicators{ bottom: 10px; }
	.banner #myCarousel .carousel-indicators li{ margin:0 5px; width: 8px; height: 8px; }
	.banner #myCarousel .carousel-indicators li.active{ width: 30px; }
	.b1_animation .box .left img.img1{ margin-bottom: 5px; }
	.b1_animation .box .left img.img3{ margin:10px 0; }
	.hot{height:50px; background:#333; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px rgb(188 255 47);}
	.hot span{ color:rgb(188 255 47); font-size:16px; line-height:20px;}
	.hot h6{ font-size:12px; line-height:20px;}
	.hot .row div a{ display:block; color:#fff; padding:7px 0;}
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../image/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../image/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
	.text-1 h3{ font-size: 18px; }
	.text-1 p{ font-size: 14px; line-height: 24px; }
	.text-2{ padding:30px 0; }
	.text-2 ul{ display: inline-block; vertical-align: top; width: 240px; }
	.text-2 ul li{ float: left; margin:0; width:50%; height: 50%; animation: none; transform: rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; }
	.text-2 ul li::before{ margin:-50% 0 0 -50%; width: 100%; height: 100%; }
	.text-2 ul li a{ height: 120px;animation: none;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1; }
	.text-2 ul li a span{ font-size: 14px; }
	.text-4{ font-size: 12px; }
	.text-4 img{ display:block; margin:10px auto; max-width:100%; height:auto;}
	.title-1 a .cn{font-size: 22px; line-height: 24px;}
	.title-1 a .en{margin:5px 0; font-size: 12px; }
	.title-2{ margin:0 0 10px; }
	.title-2 ul li{ margin:0 10px 10px; }
	.title-2 ul li a{ padding: 0 10px; font-size: 14px; }
	.title-3 a .bg{ height: 30px; }
	.title-3 a .bg:before,.title-3 a .bg:after{ width:30px; }
	.title-3 a{ padding:15px 30px 0; }
	.title-3 a h4{ margin-bottom: 5px; font-size: 18px; line-height: 24px; }
	.title-3 a .en{ font-size: 12px; }
	.title-4 ul li{ margin-right: 25px; }
	.title-4 ul li a{ line-height: 40px; }
	.title-5{ font-size: 22px; line-height: 30px; }
	.pictrue-1 ul{ margin:0 -15px; }
	.pictrue-1 ul li{ padding: 0 15px; }
	.pictrue-1 ul li a .imgbox{ padding: 15px; }
	.pictrue-1 ul li a .imgbox .textbox .text{ margin-top: -28px; }
	.pictrue-1 ul li a .imgbox .textbox .text img{ max-height:30px; }
	.pictrue-1 ul li a .imgbox .textbox .text h5{ margin-top:10px; font-size: 14px; line-height: 16px; }
	.pictrue-2 .textbox .biaoti h3{ font-size: 22px; line-height: 24px; }
	.pictrue-2 .textbox .biaoti .en{ margin:5px 0; font-size: 12px; }
	.pictrue-2 .textbox p{ margin-bottom:20px; height: inherit; font-size: 12px; }
	.pictrue-2 ul li{ margin:0 !important; width: 90px; height: 90px; }
	.pictrue-2 ul li:after,.pictrue-2 ul li:before{ margin:-45px 0 0 -45px; width: 100%; height: 100%; background-size: 100% 100%; }
	.pictrue-2 ul li a{	 height: 90px; padding-top: 0; font-size: 14px; line-height:80px; }
	.pictrue-3-list a{ padding: 15px; }
	.pictrue-5 .owl-theme .owl-controls .owl-page span{ width: 10px; height: 10px; }
	.pictrue-6-list a{ padding: 0 0 0 120px; min-height: 100px; }
	.pictrue-6-list a .imgbox{ width: 120px; height: 100px; line-height: 100px; }
	.pictrue-6-list a .textbox{ padding: 0 0 0 10px; }
	.pictrue-6-list a .textbox .biaoti{ margin-bottom: 5px; font-size: 14px; line-height: 24px; }
	.pictrue-6-list a .textbox p{ height: 48px; font-size: 12px; line-height: 24px; }

	footer .footer_container{ padding:30px 0; }
	footer .footer_container .box .tel_ewm{ text-align: center; }
	footer .footer_container .box .tel_ewm .tel{ margin-bottom: 20px; width: 100%; }
	footer .footer_container .box .tel_ewm .tel h4{ display: inline-block; vertical-align: top; }
	footer .footer_container .box .tel_ewm .tel p{ font-size: 12px; }
	footer .footer_container .box .tel_ewm .ewm{ width: 100%; }
	footer .footer_bar p{ padding: 15px 0; }


 }

/*格展网络 91084.com 分页样式*/
.pages{clear: both;margin:40px auto 20px auto; padding-top:20px; overflow: hidden; text-align: center;font-size:14px;}
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#1fc2ff;color:#fff;border: 1px solid #1fc2ff}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #1fc2ff;padding:6px 15px;margin: 0 1px;background: #1fc2ff;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}

@media screen and (max-width: 768px) {
   footer .footer_container .box .tel_ewm .ewm img{ width:50%}
}