ol,ul,li{list-style: none;}
a{text-decoration:none;}
body, div,iframe, ul, ol, dl, dt, dd, li, dl,   
h1, h2, h3, h4, table,th, td, input, button, select,span,  
 textarea,img,a{  
    margin:0;   
    padding:0;
    border: 0;
    font-family: "微软雅黑"; 
    font-weight: normal;
}
*{margin: 0; padding: 0;}
ul,li{list-style: none;}
#top{position:fixed; top:0px; left:0px; z-index:4; height:89px; transition: all 0.2s linear ;-webkit-transition: all 0.2s linear; width: 100%;    background-color: rgba(87,67,51,0.5); background:url(../../images/gw/head_bg.png) center center repeat;}
.top{width: 1200px; height: auto; margin: 0 auto; transition: all 0.2s linear ;-webkit-transition: all 0.2s linear;}
.top>a{overflow: hidden;}
.top>a>div{width:237px; overflow: hidden; float: left; line-height: 89px; text-align: center; height: 89px;transition: all 0.2s linear ;-webkit-transition: all 0.2s linear;}
.top>a>div>img{transition: all 0.2s linear;-webkit-transition: all 0.2s linear; margin-top: 10px;}
.top>a>div>.img{display: block; float: left;transition: all 0.2s ;-webkit-transition: all 0.2s ; margin-top: 10px; height: 43px; margin-top: 3px;}
.top>ul{display: block; float: left; margin-left: 70px;}
.tnav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;}
.tnav>li{float: left; font-size: 16px; color:white; line-height: 89px; padding-left:25px; padding-right: 25px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear; position: relative;}
.tnav>li:nth-child(2){position:static; }
.tnav>li>a{color:white; padding-bottom: 20px;overflow: hidden; position: relative;}
.tnav>li>.ta{color:#f9a364; }
.clear{clear:both;}
.tdh{ float: right; overflow: hidden;line-height:89px; font-size: 20px;    
     background-image: -webkit-gradient(linear, left 0, right 0, from(rgba(254, 83, 46, 1)), to(rgba(240, 151, 25, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.tdh>img{display: block; float: left; margin-top: 34px; margin-right: 15px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.nav2{width:100%; z-index:4;  overflow: hidden;position: absolute; top:89px; left: 0px;  background:rgba(0,0,0,0.6);padding-bottom: 30px; padding-top: 30px; display: none;  height: 208px;
}
.tnav>#li3 .nav2{height: 279px;padding-bottom:0px; padding-top:0px;}
.tnav>#li3 .nav2 ul{margin-right: 0px;}
.tnav>#li4 .nav2 ul{margin-right: 0px;}
.tnav>#li5 .nav2 ul{margin-right: 0px;}
.tnav>#li6 .nav2 ul{margin-right: 0px;}
.tnav>#li3 .nav2 ul li{padding-bottom: 0px; margin-bottom: 0px;height: 30px; line-height: 30px;}
.tnav>#li4 .nav2 ul li{padding-bottom: 0px; margin-bottom: 0px;height: 30px; line-height: 30px;}
.tnav>#li5 .nav2 ul li{padding-bottom: 0px; margin-bottom: 0px;height: 30px; line-height: 30px;}
.tnav>#li6 .nav2 ul li{padding-bottom: 0px; margin-bottom: 0px;height: 30px; line-height: 30px;}
.tnav>#li4 .nav2{height: 124px;padding-bottom:0px; padding-top:0px;}
.tnav>#li5 .nav2{height: 62px;padding-bottom:0px; padding-top:0px;}
.tnav>#li6 .nav2{height: 93px;padding-bottom:0px; padding-top:0px;}
.nav2>div{width:1200px; height: auto; margin: 0 auto; overflow: hidden;}
.nav2>div>ul{float: right; margin-right: 80px; margin-left: 10px;  width: 432px; overflow: hidden;}
.nav2>div>a>img{float: left; display: block;margin-right: 60px;}
.nav2>div>p{float: left; display: block; margin-top: 70px;}
.nav2>div>p>span{display: block; line-height:normal; font-size: 20px; color:#333; margin-bottom:5px;}
.nul2>li{font-size: 14px; color:white; line-height: normal; border-bottom: 1px solid white; width: 200px; float: left; padding-bottom: 10px; margin-bottom: 10px;}
.nul2>li>a{color:white;}
.nul2>li>a:hover{color:#ed8426;}
.tnav>li>a>span{width:0px; height:2px; background:linear-gradient(to right,#f1941a 10%,#fc5e2b 100%); display: block; position: absolute; bottom: 0px; transition:  all 0.8s;-webkit-transition:  all 0.3s;}
.tnav>li>a>.span{width: 100%;}
.tnav>li>a:hover span{width: 100%; }
.tnav>li>a:hover{color:#f9a364;}

.flexslider{position:relative;height:auto;overflow:hidden;width:100%; margin: 0 auto;}  
.flexslider img{display: block; max-width: 100%; margin: 0 auto;}
.flex-control-nav{position:absolute;bottom:115px;z-index:2;width:100%;text-align:center; left: 50%; margin-left: -50%; display: none;}
.flex-control-nav li{display:inline-block;width:13px;height:13px;margin:0 5px;*display:inline;zoom:1;overflow: hidden;transition: all 1s;-webkit-transition: all 1s;}  
.flex-control-nav a{display:block;width:13px;height:13px;line-height:45px;overflow:hidden;cursor:pointer;background: url(../../images/gw/btn_off.png) 0 0 no-repeat;}  
.flex-control-nav .flex-active{background:url(../../images/gw/btn_on.png) 0 0 no-repeat;}
   .flex-direction-nav a{width: 54px;
    height: 35px;
    background: url(../../images/gw/arrow.png) no-repeat; display: block; }
  .flex-direction-nav .flex-next{    position: absolute;
    right: 120px;
    cursor: pointer;
    background-position: -79px -35px;}
  .flex-direction-nav .flex-prev{    position: absolute;
    left: 120px;
    cursor: pointer;
    background-position: -7px 0;}
.flex-direction-nav .flex-prev:hover{background-position: -79px 0;}
.flex-direction-nav .flex-next:hover{background-position: -7px -35px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;display: none;}  
.flexslider:hover .flex-direction-nav {display: block;}

#gywm{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 60px; padding-bottom: 20px;}
#gywm>div{width:352px; float: left;}
#gywm>div>h2{ font-size: 24px; color:#333; margin-top: 10px; margin-bottom: 24px; }
#gywm>div>p{ font-size: 14px; color:#333; line-height: 25px; display: block; margin-top: 15px;}
#gywm>ul{height: auto; float:left; margin-left:96px; width: 728px; height: 402px; padding: 5px;position: relative; overflow: hidden;}
#gywm>ul>li{width: 224px; height: 174px; border: 2px solid  transparent ; float: left; margin-bottom: 10px;margin-right:24px; transition: all 0.5s;-webkit-transition: all 0.5s;  box-sizing: border-box; position: relative;}
#gywm>ul>.gli{margin-right: 0px;}
#gywm>ul>li>img{display: block; margin: 0 auto; margin-top: 30px;}
#gywm>ul>li:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;	/* Firefox */
-webkit-animation: myfirst 1s .2s ease both;	/* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
#gywm>ul>li>strong{ font-size:18px; color:#333; text-align: center; display: block; margin-top: 10px;margin-bottom: 5px; }
#gywm>ul>li>p{font-size: 14px; color:#666;  text-align: center; }

#jzzn{width:100%; height:auto; overflow: hidden; margin:0 auto;}
#jzzn>div>div>img{display:block; max-width: 100%; height: 100%;}
.jh2{font-size: 32px; color:white; text-align: center; padding-bottom: 20px; }
.jp{ font-size: 18px; color:white; text-align: center; margin-top: 20px; display: block;}
.jz1{width: 50%; float: left; overflow: hidden;}
.jz1>div{width: 100%; height: auto; overflow: hidden; position: relative;}
.jz1>div>img{display: block; -webkit-transition: all 0.5s;transition: all 0.5s;width: 100%;}
.jz1>.jzdiv{background:#eeeeee;}
.jz1>.jzdiv >span{width: 49.9%;display: block; float: left;overflow: hidden;}
.jz1>.jzdiv >span>img{display: block;width: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;width: 100%;}
.jz2>img{display: block;max-width: 100%;}
.jz2{width: 50%; float:right; overflow: hidden;}
#jzzn>div{position: relative; overflow: hidden;}
#jzzn>div>img{display: block;-webkit-transition: all 0.5s;transition: all 0.5s;width: 100%}
.jzc{width: 50%; height: 100%; background:rgba(255,255,255,0.86);position: absolute; right: 0px; top:0px;}
.jzc2{width: 500px; height:280px; background:rgba(255,255,255,0.86); position: absolute;left: 50%; top:50%; margin-left: -250px; margin-top: -140px;}
.jzc3{width: 500px; height:320px; background:rgba(255,255,255,0.86); position: absolute;left: 50%; top:50%; margin-left: -250px; margin-top: -160px;}
.jtext{display: table;width: 100%;height: 100%;table-layout: fixed}
.jtext>h2{display: table-cell;vertical-align: middle;text-align: center; font-size: 18px; color:#333; opacity: 1;}
.jt{display: table-cell;vertical-align: middle;text-align: center;display: none;-webkit-transition: all 0.5s;transition: all 0.5s;}
.jt>h3{font-size: 18px; color:#333; margin-bottom: 15px;}
.jt>img{display: block; margin: 0 auto; margin-bottom: 15px;}
.jt>p{ font-size: 14px; color:#333; display: block; width: 80%;margin: 0 auto; line-height: 25px;}
.jz2:hover .jt{display: block;display: table-cell;}
.jz2:hover .jth2{display: none;}
.jz1>.jzdiv:hover .jt{display: block;display: table-cell;}
.jz1>.jzdiv:hover .jth2{display: none;}
.jz1>.jzdiv2:hover .jt{display: block;display: table-cell;}
.jz1>.jzdiv2:hover .jth2{display: none;}
.jzdiv:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.jzdiv2:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.jz2:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

#hxyw{width: 980px; height: auto; overflow: hidden; margin: 0 auto;padding-top:60px; overflow: hidden; padding-bottom: 60px;}
#hxyw>div{float: left; margin-right:108px; margin-top: 55px; height: 360px; padding: 5px; border:1px solid transparent; transition: all 0.5s; -webkit-transition: all 0.5s; width: 150px; margin-left: 2px;}
#hxyw>.div{margin-left: 2px; margin-right: 0px; margin-left: 0px;}
#hxyw>div>img{display: block; margin: 0 auto;}
    #hxyw>div>span{width:151px; height: 150px; display: block; margin: 0 auto; overflow: hidden; position: relative;}
     #hxyw .hxmg2{position: absolute; top:0px; left:0px; transition: all 0.2s; transform: rotateY(180deg);opacity: 0;}
     #hxyw .hxmg1{position: absolute; top:0px; right:0px; transition: all 0.2s;}
     #hxyw>div:hover .hxmg2{transform: rotateY(0deg);opacity: 1;}
     #hxyw>div:hover .hxmg1{transform: rotateY(360deg);opacity: 0;}
#hxyw>div>h2{font-size: 18px; color:#333; margin-bottom: 20px; margin-top: 35px; text-align: center;}
#hxyw>div>a{display: block; font-size: 14px; color:#666; margin-bottom: 10px;text-align: center; transition: all 0.6s;}
#hxyw>div>a:hover{color:#f78720; text-indent: 20px;}
#kh{width: 100%; height: 200px; background:url(../../images/gw/he5.jpg) 0 0 no-repeat; background-position: center center;}
#kh>ul{width: 1200px; height: auto; overflow: hidden; margin:0 auto; padding-top: 55px;}
#kh>ul>li{float: left; position: relative; width: 20%;}
#kh>ul>li>p{text-align: center;}
.kp1{font-size: 18px; color:#299cf1;}
.kp1>span{font-size:52px;}
.kp2{font-size: 18px; color:white;}
.xian{width: 1px; height: 50px; position: absolute; right: 0px; top:50%; margin-top:-25px; background:#929292; }


#zmkh{width:100%; height: auto; overflow: hidden; margin: 0 auto;padding-top:60px; padding-bottom: 60px; overflow: hidden;}
#zmkh ul{width:1198px; margin: 0 auto; margin-top: 50px; border-top:1px solid #ccc; border-left: 1px solid #ccc;overflow: hidden;}
#zmkh li{width: 19.9%; height: 166px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; float: left; text-align:center; line-height: 166px;}
#zmkh li img{transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;    display: inline-block;
    vertical-align: middle;
    margin: 0;
    max-width: 100%;}
#zmkh li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1); }

#gcal{width:100%; height: auto; overflow: hidden; margin:0 auto; padding-top: 60px; padding-bottom: 60px;}
#gcal li{width: 20%; float: left; overflow: hidden; position: relative; overflow: hidden;}
#gcal li img{display: block; max-width: 100%; transition: all 0.5s linear;-webkit-transition: all 0.5s linear; }
#gcal li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
#gcal li a{display: block; width: 100%; height: 100%;}
#gcal li h2{width: 100%; padding-top: 14px; padding-bottom:14px; text-align: center; font-size: 20px; color:white; position: absolute; bottom:-100px;z-index: 3;background:linear-gradient(to right,rgba(241,148,26,0.74) 10%,rgba(252,94,43,0.74) 100%); color:white; transition: all 0.3s; -webkit-transition: all 0.3s;}
#gcal li:hover h2{ bottom: 0px; }
#gcal>a{width: 262px; height: 52px; display: block; margin: 0 auto; background:url(../../images/gw/al11.png) 0 0 no-repeat; line-height: 52px; font-size:18px; color:white; text-indent: 25px; margin-top: 40px;}
.gul{width:100%; margin:0 auto; margin-top: 50px; overflow: hidden;transition: all 0.2s linear ;-webkit-transition: all 0.2s linear;}

#jzys{width: 100%; height: auto; overflow: hidden; margin: 0 auto; background:#ececec; padding-bottom: 60px; padding-top: 60px;}
.jzul2{width:1190px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 50px; padding:5px; height: 550px;}
.jzul2 li{width: 378px; height:262px; float: left; border:1px solid transparent; margin-right: 25px; background:white; margin-bottom: 28px; overflow: hidden; cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
.jzul2 .jza{margin-right: 0px;}
.jzul2 .jli{width: 378px; height:555px; float: left; border:1px solid transparent;}
.jzul2>li>img{display: block; margin: 0 auto;}
.jzul2>li>h2{ font-size: 18px; color:#333; text-align: center;margin-bottom: 20px; margin-top: 20px; }
#jzys .jzul2>li>p{font-size: 14px; color:#757575; text-align: center; line-height: 25px;width: 266px; text-align: center; margin: 0 auto;}
.jzul2>li>p{font-size: 14px; color:#757575; text-align: center; line-height: 25px;}
.jzul2>.jli>h2{margin-bottom: 40px; margin-top: 40px;}
.jzul2>li:hover{box-shadow: 2px 2px  20px #a9a9a9;}
.jzul2>li:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;	/* Firefox */
-webkit-animation: myfirst 1s .2s ease both;	/* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}

#qyln{ width: 100%; height: 705px; background:url(../../images/gw/bg3.png) 0 0 no-repeat; background-position: center center; position: relative; overflow: hidden; }
#qyln>.jh2{padding-top: 80px;} 
.qyul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.qyul>li{float: left; margin-right: 153px; z-index: 2;}
.qyul>.yli{margin-right: 0px; margin-left: 1px;}
.qyul>li>.qimg{ display: block; max-width: 100%; margin: 0 auto; display: none; }
/*.qyul>li:hover img{transform: scale(0.9); transform: rotate(360deg);}*/
.qxian{ width: 14px;height: 2px; display: block; background:url(../../images/gw/xian2.png) 0 0 no-repeat; margin: 0 auto; margin-top: 16px; margin-bottom: 20px; }
.qyul>li>div>h3{ font-size: 18px; margin-top:28px; color: white; text-align: center; mar}
.qyul>li>div>p{ font-size: 14px; color: white; text-align: center; width: 185px; display: block; margin: 0 auto;  line-height: 25px;}
.ptp{width:1920px; height: auto;position: relative; left: 50% ; margin-left: -960px; margin-top: 80px; display: block; }
.ptp>img{display: block; max-width: 100%;}

#xwzx{width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 60px; padding-top: 60px;}
.xul{width: 306px; display: block; overflow: hidden; margin: 0 auto; margin-top: 30px;transition: all 0.2s linear ;-webkit-transition: all 0.2s linear;}
.xul>li{width: 133px; height: 32px;float: left; font-size: 14px; color:#333; text-align: center; line-height: 32px; background: url(../../images/gw/xw2.png) 0 0 no-repeat; margin-right: 40px; cursor:pointer;}
.xul>li:hover{background: url(../../images/gw/xw1.png) 0 0 no-repeat; color: white;}
.xul>.lib{background: url(../../images/gw/xw1.png) 0 0 no-repeat; color: white;}
.xcon{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px; display: none;}
.xcon>li{width:552px; float:left; padding: 15px; padding-bottom: 50px; position: relative; border: 2px solid transparent;  position: relative; overflow: hidden;}
.xcon>li>a>h2{font-size:16px; color:#333; font-weight: bold; margin-bottom: 30px; }
.xcon>li>p{font-size:14px; color:#666; line-height: 25px; display: block; margin-bottom: 50px;}
.xcon>li>span{font-size:14px; color:#666;}
.xcon>.xcli{ float: right; }
.xcon>li>a>h2:hover{color:#f78720;}

#footer{width: 100%; height: auto; overflow: hidden; margin: 0 auto; background:#212121; padding-top: 20px; padding-bottom: 5px;}
.yqlj{width: 1200px; height: auto; margin: 0 auto;}
.yqlj>h2{padding-bottom: 8px; border-bottom:1px solid white; font-size: 16px; color:white;}
.blk_18 { overflow:hidden; zoom:1; width:1200px; margin-top:18px;  position: relative;}
.blk_18 .pcont { width:1090px;overflow:hidden; margin: 0 auto; }
.blk_18 .ScrCont { width:999999999px; zoom:1; overflow: hidden;  }
.blk_18 #demo1, .blk_18 #demo1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width: 12px; height: 14px; position: absolute; display: block; }
.blk_18 .LeftBotton { background:url(../../images/gw/yleft.png) 0 0 no-repeat; left: 30px; top:3px; }
.blk_18 .RightBotton { background:url(../../images/gw/yright.png) 0 0 no-repeat; right: 28px; top:3px;}
.blk_18 a{  display: block; float: left; font-size: 14px; color: white; width: 109px; text-align: center;}

.lxfx{width: 1200px;  overflow: hidden; margin: 0 auto;}
.lx{width: 774px; float: left; margin-top: 30px;}
.lxfx>div>img{display: block; float: right; margin-top: 32px;}
.lx>h2{padding-bottom: 8px; border-bottom:1px solid white; font-size: 16px; color:white;}
.lx>ul{overflow: hidden; margin-top: 20px;}
.lx>ul>li{float: left; font-size: 14px; color:white; margin-bottom: 15px;width: 330px;}
.lx>ul>li>img{display: block; float: left; margin-top:1px; margin-right: 10px;}

.bottom{width: 100%; height: 40px;background:white;}
.bottom>ul{width: 1200px; height: 40px; overflow: hidden; margin: 0 auto;}
.bottom>ul>li{float: left; line-height:40px; color:#333;}
.bottom>ul>li>a{color:#333;}


/*关于我们*/
.banner_1{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.banner_1>a>img{display: block; max-width: 100%; margin: 0 auto;}

#nav2{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; border-bottom:1px solid #ccc; margin-top:50px; margin-bottom:30px;}
#nav2>a{display: block; float: left; font-size: 18px; color:#333; margin-right: 40px; position: relative; padding-bottom: 15px;}
#nav2>a:hover{color:#ed8426;}
#nav2>.na2{color:#ed8426;}
#nav2>a>span{width:0px; height:2px; background:linear-gradient(to right,#f1941a 10%,#fc5e2b 100%); display: block; position: absolute; bottom: 0px; transition:  all 0.8s;-webkit-transition:  all 0.3s; background: }
#nav2>a>.span{width: 100%;}
#nav2>a:hover span{width: 100%; }

#com{width: 100%; height: auto; overflow: hidden; margin: 0 auto; color:#333; text-align: center;}
.gyb{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; color:#333; text-align: center;}
.gyb>h2{width: 186px; margin: 0 auto; font-size:32px; font-weight:600; color:#333; font-family: "Myriad Pro"; text-align: center; margin-bottom: 40px;}
.gyp{font-size: 14px; width: 913px; margin: 0 auto; margin-bottom: 5px; line-height: 25px;}
.gyp2{font-size: 14px; width: 603px; margin: 0 auto; margin-bottom: 45px;line-height: 25px;}
.c1{width: 1200px; height: 447px; margin:0 auto; position: relative; margin-top: 50px; margin-bottom: 50px;}
.c1>div{display: block; width: 294px; height: 447px; position: absolute; left: 0px; top:0px; background:url(../../images/gw/gy_1.png) 0 0 no-repeat;}
.cp{width: 180px;display: block; font-size: 24px; color:white; text-align: left; margin-left: 30px; margin-top: 55px;}
.cp1{width: 151px;display: block; font-size: 30px; color:white; text-align: left;margin-left: 30px;}
.cspan{width: 50px; height: 5px; display:block; background:white;margin-left: 30px; margin-top: 35px; margin-bottom: 169px;}

.qywh{width: 100%; height: 565px;background:url(../../images/gw/bg4.jpg) 0 0 no-repeat; background-position: center center; margin-top: 60px; margin-bottom: 60px;}
.hx{width: 1200px; height: auto; overflow: hidden; margin:0 auto;} 

.hx>ul{overflow: hidden; text-align: left; margin-top: 60px; margin-bottom: 60px;}
.hx>ul>li{width: 1200px; height:auto; float: left; overflow: hidden;}
.hx>ul>li>.hmg1{display: block; max-width: 100%; float: left; width: 50%;}
.hx>ul>li>.hmg2{display: block; max-width: 100%; float: right; width: 50%;}
.hx>ul>li>.hdiv{ float: right; width: 50%;}
.hx>ul>li>.hdiv2{ float:left; width: 50%;}
.hx>ul>li>div>h2{transition: all 0.8s ease; margin-top: 80px; color: #333;font-size: 24px;   margin-left: 68px;}
.hx>ul>li>div>p{transition: all 0.8s ease; margin-top: 80px; color: #757575;width: 480px; font-size: 14px;  line-height: 25px; display: block;margin-left: 68px; margin-top: 30px;}
.hx>ul>li:hover h2{margin-top: 100px; color: white;}
.hx>ul>li:hover p{color: white;}
.hx>ul>li:hover{background:#ed8426;}
/*联系我们*/
#lxwm{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px;}
#lxwm>h2{padding-bottom:15px; border-bottom:1px solid #ccc; font-size: 20px; color:#333; margin-bottom: 20px;}
#lxwm>ul{overflow: hidden; width: 1200px;}
#lxwm>ul>li{float: left; margin-right: 190px; margin-top: 25px; font-size: 14px; color:#333; height: 20px;line-height: 18px;}
#lxwm>ul>li>img{display: block; float:left; margin-right:10px; margin-top: 1px;}
.baidu{width: 1200px; height: 495px; overflow: hidden; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;}
.form{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 60px;} 
.form>h2{ width: 1200px; height: 46px; background:url(../../images/gw/h2.png) 0 0 no-repeat; font-size: 18px; color:white; line-height: 46px; text-indent: 15px; margin-bottom:35px; }
.form td{font-size: 14px; color:#333; line-height: 38px;}
.text2{width:372px; height: 38px; display: block; border: 1px solid #ccc; text-indent: 10px; outline: none; float: right; margin-right: 40px;}
.textarea{width: 845px; height: 173px; margin-right:40px; padding: 10px; display: block; float:right; outline: none; border: 1px solid #ccc; resize:none; }
.butn{width: 160px; height: 40px; display: block; cursor:pointer; margin:0 auto; background: url(../../images/gw/btn.png) 0 0 no-repeat; font-size: 18px; text-align: center; line-height: 40px; color: white; margin-top: 60px; margin-bottom: 30px;}

/*人才招聘*/
#rczp{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px; margin-bottom: 60px;}
.rtop{width: 1200px; height: 40px; overflow: hidden; border-bottom:1px solid #ccc;padding-bottom:5px;}
.rtop>div{float: right;}
.rtop>h2{ font-size: 20px; color:#333; float: left; }
.qd{overflow: hidden; margin-top: 45px;}
.qdtop{overflow: hidden; margin-bottom: 30px;}
.qdtop>p{overflow: hidden; margin-left:23px; font-size: 18px; color:#333;}
.qdtop>img{display: block; float: left; margin-right: 23px;}
.qdxian{width: 43px; height: 3px; background: url(../../images/gw/xian2.png) 0 0 no-repeat; display: block; margin-top: 23px;}
.qdc{overflow: hidden; padding-bottom: 20px; border-bottom:1px dashed #ccc; padding-left: 80px;}

/*解决方案*/
#jjfa{width:1200px; height: auto; overflow: hidden; margin: 0 auto;}
.jnav{width: 1200px; height: auto;overflow: hidden; margin: 0 auto;margin-top: 30px; margin-bottom: 30px;}
.jjh2{width: 132px; height: 39px; overflow: hidden; font-size: 18px; color:white;text-align: center; line-height: 39px; background:url(../../images/gw/h3.png) 0 0  no-repeat;}
.jnav>a{display: block; float: left; font-size: 16px; color:#333; margin-right: 69px; margin-bottom: 20px;}
.jnav>a:hover{color:#ed8426;}
.jnav>.jna{color:#ed8426;}
.jjul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.jjul>li{width:380px; height: 320px; border:1px solid #ccc; float: left; margin-right: 27px; margin-bottom: 27px; position: relative;}
.jjul>li>a>img{display: block; margin: 0 auto;     margin-top: 3px;
    margin-left: 3px; width: 374px; height: 250px; display:} 
.jjul>.jli{margin-right: 0px;}
.jjul>li>a>h2{ font-size: 16px; color:#333; text-align: center; margin-top: 24px; }
.jjul>li>a>span{width: 22px; height: 22px; display: block; position: absolute; left:50%; margin-left: -5.5px; bottom: 56px; z-index:2;}
.jjul>li:hover{background:url(../../images/gw/01.png) 0 0 no-repeat;}
.jjul>li:hover h2{color: white;}
.jjul>li:hover span{background:url(../../images/gw/j01.png) 0 0 no-repeat;}
.jjul>li:nth-child(3n+2):hover{background:url(../../images/gw/02.png) 0 0 no-repeat;}
.jjul>li:nth-child(3n+2):hover span{background:url(../../images/gw/j02.png) 0 0 no-repeat;}
.jjul>li:nth-child(3n):hover span{background:url(../../images/gw/j03.png) 0 0 no-repeat;}
.jjul>li:nth-child(3n):hover {background:url(../../images/gw/03.png) 0 0 no-repeat;}

/*网站案例*/
.nav3{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 35px; padding-bottom: 20px; border-bottom:1px dashed #ccc;}
.na3{width: 873px; height: auto; overflow: hidden; float: left; margin-top: 15px;}
.na3>a{display: block; float: left; margin-right: 38px;}
.na3>a>img{display: block; margin: 0 auto; margin-bottom: 10px; height: 40px;}
.na3>a>.ng{display: block;}
.na3>.a>.ng{display: none;}
.na3>a>.ng1{display: none;}
.na3>.a>.ng1{display: block;}
.na3>a:hover .ng{display: none;} 
.na3>a:hover .ng1{display: block;} 
.na3>a>span{font-size: 14px; color:#333;text-align: center;}
.na3>.a>span{font-size: 14px; color:#f78720;text-align: center;}
.na3>a:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;   /* Firefox */
-webkit-animation: myfirst 1s .2s ease both;    /* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
.na3>a:hover span{color:#f78720;}
.form3{width: 291px; height: 92px; overflow: hidden; background:url(../../images/gw/ssbg.png) 0 0 no-repeat; float: right;}
.form3>form>span{ font-size: 14px; color:white; margin-left: 17px; margin-top: 15px; margin-bottom: 10px; display: block;}
.form3>form>div{width: 251px; height: 34px; overflow: hidden;border:1px solid white; margin: 0 auto;}
.text3{width: 220px; height: 34px; display:block; float: left; outline: none; border:transparent; background: transparent; color: white; text-indent:10px; font-size: 14px;}
.btn3{width: 19px; height: 19px; background:url(../../images/gw/s_ou.png) 0 0 no-repeat; display: block; float: right; outline: none; cursor: pointer; margin-top: 8px; margin-right: 10px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white; 
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:white;
}
.form3 input:-ms-input-placeholder{
    color:white;
}
.form3 input::-webkit-input-placeholder{
    color:white;
}
#wzal{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px;}
#wzal>.jnav>a{display: block; float: left; font-size: 14px; color:#333; margin-right: 44px; margin-bottom: 20px; width: 133px;}
#wzal>.jnav>a:hover{color:#f78720;}
#wzal>.jnav>.jnaa{color:#f78720;}
.wzalcon{margin-top: 20px;}
.wzalcon>a{width:380px; display: block; float: left; margin-right: 30px; margin-bottom: 30px;}
.wzalcon>.wza{margin-right: 0px;}
.wzspan{width: 380px; height: 280px; display: block; overflow: hidden; position: relative;}
.wzspan img{transition: all 0.8s;-webkit-transition: all 0.8s;}
.wzspan:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.wzalcon>a>h2{font-size: 14px; color:#333; padding-bottom:8px; border-bottom:1px dashed #ccc; margin-top: 15px; margin-bottom: 15px;}
.wzalcon>a>p{font-size: 14px; color:#757575;}
.wzxian{width:0px; display: block; height: 1px;background:url(../../images/gw/wzxian1.png) 0 0 no-repeat; margin-top: 25px; transition: all 0.8s;-webkit-transition: all 0.8s;}
.wzalcon>a:hover .wzxian{width: 100%;}

/*分页*/
.btn{width: 1200px; height: auto;text-align: center;margin-top: 40px; margin-bottom: 40px;}
.btn>ul{display: inline-block; margin: 0 auto; overflow: hidden;}
.btn>ul>li{width: 38px; height:38px; border: 1px solid #ccc; float: left; margin-right: 20px;}
.btn a{width:38px; height: 38px; display: block; text-align: center; line-height: 38px; font-size: 14px; color:#515151; }
.btn .ba{background:#f78720; color:white;}

#zxal{width: 1200px; height: auto; overflow: hidden; margin:0 auto; padding-top: 100px; position: relative; margin-bottom: 50px;}
#zxal>h2{width: 300px; height: 330px; overflow: hidden; float: left;position: absolute; left: 0px; top:0px; background:url(../../images/gw/bti.png) 0 0 no-repeat;}
#zxal>a{ width: 300px; height: 227px; display: block; float: left; position: relative;}
#zxal>.zxa{margin-left: 300px;}
#zxal>a::after{content: ""; width: 100%; height: 100%; position: absolute; top:0px; left: 0px; background:url(../../images/gw/wztbg.png) 0 0 no-repeat;transition: all 1s; -webkit-transition: all 1s; transform: rotate(360deg);-webkit-transform: rotate(360deg); opacity: 0;}
#zxal>a>h2{width: 270px; height: 198px; border:1px solid white; position: absolute; left: 50%; margin-left: -136px; top:50%; margin-top: -100px; z-index: 2;transition: all 1s; -webkit-transition: all 1s; transform:scale(0.8);-webkit-transform:scale(0.8); opacity: 0;}
#zxal>a>h2>span{font-size: 14px; color: white; display: block; text-align: center;margin-top: 70px; margin-bottom: 30px;}
#zxal>a>h2>img{display: block; margin: 0 auto; line-height:10px;}
#zxal>a:hover::after{transform: rotate(0deg);-webkit-transform: rotate(0deg); opacity: 1;}
#zxal>a:hover h2{transform:scale(1);-webkit-transform:scale(1); opacity: 11;}

.zxp{display: block;padding-top: 43px; border-left: 1px solid white; margin-top:30px; margin-left: 40px;}
.zxp2{display: block; margin-top: 90px;}

#sxxw{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 50px;}
.sleft{width: 714px; float: left;}
.sleft>h2{font-size:24px; color:#333333; font-weight: bold; padding-bottom:15px; border-bottom:1px dashed #ccc; }
.sleft>h2>img{display:block; float: left;  margin-right: 15px;}
.sleft>p{width:100%; display: block; overflow: hidden;margin-top: 35px;}
.sleft>p>a{font-size: 14px; color:#333; display: block; margin-bottom: 25px;}
.sleft>p>a:hover{color:#f9a364;}
.sright{width: 393px; float: right;}
.sright>p{overflow: hidden;}
.sright>.srp>a{padding: 5px; border: 1px solid #ccc; display: block; font-size:14px; color:#666; float: left; margin-right: 15px; margin-bottom: 15px;}
.srp2>a{ width:98px; height: 105px; display: block; float: left;}
.srp2>a>img{display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; height: 32px;}
.srp2>a>span{font-size: 14px; color: white; text-align: center; display: block;}
.srp2>.a1{background:#07ae95;}
.srp2>.a2{background:#8bcb48;}
.srp2>.a3{background:#ff522f;}
.srp2>.a4{background:#ec9920;}

/*网站案例详情*/
#wzal_de{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin: 0 auto; margin-bottom: 50px;}
.wtop{overflow: hidden; display: block; line-height:44px; font-size: 14px; color:#757575; margin-top: 25px; margin-bottom: 35px;}
.wtop>a>img{display: block; float: right;}
.de{width: 1200px; height: auto; overflow: hidden; margin:0 auto;}

/*网站建设*/
.wzjs{width:1200px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 70px;}
.wzdiv{width: 540px; float: left; margin-top: 65px;animation: fadeInLeft 1s .3s ease both;
-moz-animation: fadeInLeft 1s .3s ease both;   /* Firefox */
-webkit-animation: fadeInLeft 1s .3s ease both;    /* Safari 和 Chrome */
-o-animation: fadeInLeft 1s .3s ease both;}
.wzdiv>h4{font-size:30px; color:#ed8426; margin-bottom: 35px;}
.wzjs2>div>div>h4{font-size:30px; color:#ed8426; margin-bottom: 35px;}
.wzjs2{width:100%; height:535px; overflow: hidden; margin: 0 auto; background:#38b8fa;}
.wzjs2>div{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.wzjs2>div>div{ width: 588px; float: right; margin-top: 60px;}
.wzjs2>div>img{ display: block; margin-top: 60px; float: left;}
.wzjs2>div>div{animation: fadeInRight 1s .3s ease both;
-moz-animation: fadeInRight 1s .3s ease both;   /* Firefox */
-webkit-animation: fadeInRight 1s .3s ease both;    /* Safari 和 Chrome */
-o-animation: fadeInRight 1s .3s ease both;}
.wzjs2>div>div>a{width: 160px; height: 38px;display: block; background:url(../../images/gw/jiu1.png) 0 0 no-repeat; font-size:16px; color:white; text-align:center;line-height:38px; float:left; margin-right: 30px; margin-top: 50px;}
.wzjs2>div>div>a:hover{background:url(../../images/gw/jiu2.png) 0 0 no-repeat;}
.wzjs2 img,.wzjs img{animation: zoomIn 1s 0.8s ease both;
-moz-animation: zoomIn 1s 0.8s ease both;   /* Firefox */
-webkit-animation: zoomIn 1s 0.8s ease both;    /* Safari 和 Chrome */
-o-animation: zoomIn 1s 0.8s ease both;}
.zoomIn{animation: zoomIn 1s 0.8s ease both;
-moz-animation: zoomIn 1s 0.8s ease both;   /* Firefox */
-webkit-animation: zoomIn 1s 0.8s ease both;    /* Safari 和 Chrome */
-o-animation: zoomIn 1s 0.8s ease both;}
#hxyw2{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;padding-top:60px; overflow: hidden; padding-bottom: 60px;}
#hxyw2>a{float: left; margin-right:188px; margin-top: 45px; display: block;}
#hxyw2>.div{margin-left: 2px; margin-right: 0px;}
#hxyw2>a>img{display: block; margin: 0 auto;}
#hxyw2>a:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;   /* Firefox */
-webkit-animation: myfirst 1s .2s ease both;    /* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
#hxyw2>a>h2{font-size: 18px; color:#333; margin-bottom: 20px; margin-top: 35px; text-align: center;}

#fwlc{width: 100%; height:684px; background:url(../../images/gw/fbg.png) 0 0 no-repeat; background-position: center center; overflow: hidden; margin-bottom: 60px;}
#fwlc>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 70px;}
#fwlc>ul>li{width: 384px; height: 160px; background:url(../../images/gw/yuansan.png) 0 0 no-repeat; float: left; margin-right: 24px; margin-top: 24px;}
#fwlc>ul>li:hover{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;	/* Firefox */
-webkit-animation: myfirst 1s .2s ease both;	/* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
@keyframes myfirst{
     0%{transform:scale(1);}
    10%,20%{transform:scale(0.8) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1) rotate(3deg);}
    40%,60%,80%{transform:scale(1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}   
}
#fwlc>ul>.fli{margin-right: 0px;}
.fspa{ width: 66px; height: 66px; display: block;background:url(../../images/gw/yuan.png) 0 0 no-repeat; float: left; font-size: 36px; color:#f28f1c; text-align: center; line-height:66px; margin-top: 45px;margin-left: 15px; margin-right: 20px; }
#fwlc>ul>li>h2{font-size:18px; color:white; float: left; margin-top: 30px; margin-bottom: 20px;}
#fwlc>ul>li>p{font-size:14px; color:white; float: right; display: block; width: 267px; line-height: 20px; margin-bottom: 3px; margin-right: 16px;}
/*品牌网站*/
.wzjs>div>.mak{width: 157px; height: 40px;display: block; font-size:16px; color:#ed8426; text-align:center;line-height:40px; float:left; margin-right: 30px; margin-top:20px; background:url(../../images/gw/jiu4.png) 0 0 no-repeat;}
.wzjs>div>.mak:hover{background:url(../../images/gw/jiu2.png) 0 0 no-repeat; color: white; border: 0px;background-size: 100% 100%;}
.wzjs2>div>div>.mak{width: 157px; height: 40px;display: block; font-size:16px; color:#ed8426; text-align:center;line-height:40px; float:left; margin-right: 30px; margin-top:20px; background:url(../../images/gw/jiu4.png) 0 0 no-repeat;}
.wzjs2>div>div>.mak:hover{background:url(../../images/gw/jiu2.png) 0 0 no-repeat; color: white; background-size: 100% 100%;}

#hxyw3{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;padding-top:60px; overflow: hidden; padding-bottom: 60px;}
#hxyw3>a{float: left; margin-right:164px; margin-top: 103px; display: block;}
#hxyw3>.div{margin-left: 2px; margin-right: 0px;}
#hxyw3>a>img{display: block; margin: 0 auto; height: 64px;}
#hxyw3>a:hover img{  animation:bounce 0.8s ease-in-out 0s;-webkit-animation:bounce 0.8s ease-in-out 0s;}
 @keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
#hxyw3>a>h2{font-size: 18px; color:#333; margin-bottom: 20px; margin-top: 35px; text-align: center;}

#sdzx{width: 100%;height: 720px; background:url(../../images/gw/hbg.png) 0 0 no-repeat; background-position: center center; margin-bottom: 40px;}
.sdzx{width: 1200px; overflow: hidden; margin: 0 auto;overflow: hidden;}
.sdzx>div{float: left; width: 350px; margin-top: 80px;}
.sdzx>div>h2{overflow: hidden; margin-bottom: 20px; margin-top: 30px;}
.sdzx>div>h2>img{display: block; float: left; margin-right: 10px;}
.sdzx>div>img{display: block; margin: 0 auto;}

.sdzx>div>h2>span{display: block; font-size: 26px; color:white;}
.sdzx>div>p{ font-size: 16px; color: white; margin-bottom: 10px; }

/*企业宣传官网*/
#jzzx{width: 100%; height: 736px;  overflow: hidden; background:url(../../images/gw/qygbg.png) 0 0 no-repeat; background-position: center center;}
#jzzx>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top:40px;}
#jzzx>ul>li{width: 353px; float: left; margin-right: 70.5px;}
#jzzx>ul>.jzli{margin-right: 0px;}
#jzzx>ul>li>h2{font-size: 24px; color: white; font-weight: bold; margin-bottom: 15px;}
#jzzx>ul>li>p{color: white; margin-bottom:30px;}

/*商城网站*/
#jxdg{width: 100%; height: 561px; overflow: hidden;background:url(../../images/gw/scbg.png) 0 0 no-repeat;}
#jxdg>ul{width: 1200px; height: auto; overflow: hidden; margin:0 auto;margin-top: 80px;}
#jxdg>ul>li{float: left; width: 400px;}
#jxdg>ul>li>h2{overflow: hidden; margin-bottom: 20px; margin-top: 30px;}
#jxdg>ul>li>h2>img{display: block; float: left; margin-right: 10px;}
#jxdg>ul>li>h2>span{display: block; font-size: 26px; color:white;}
#jxdg>ul>li>p{ font-size: 14px; color: white; margin-bottom: 10px; }

#hxyw4{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;padding-top:60px; overflow: hidden; padding-bottom: 60px;}
#hxyw4>a{float: left; width: 240px; margin-top: 45px; display: block;}
#hxyw4>.div{margin-left:0px; margin-right: 0px;}
#hxyw4>a>img{display: block; margin: 0 auto; height: 64px;}
#hxyw4>a:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;   /* Firefox */
-webkit-animation: myfirst 1s .2s ease both;    /* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
#hxyw4>a>h2{font-size: 18px; color:#333; margin-bottom: 20px; margin-top: 35px; text-align: center;}
/*手机网站*/
#sjhc{width:1200px;height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 60px;}
#sjhc>div{ float: left; margin-right: 103.5px; margin-top: 30px;}
#sjhc>.sdiv{margin-right: 0px;}
#sjhc>div>img{display: block; margin: 0 auto; margin-top: 40px;}

#sjhc>div>h2{display: block; font-size: 24px; color:#222; text-align: center; margin-bottom: 20px; margin-top: 20px;}
#sjhc>div>p{display: block; font-size: 14px; color:#222; text-align: center;width: 254px; margin:0 auto;}

#wznz{width: 100%; height: 575px; background:url(../../images/gw/sjzbg2.png) 0 0 no-repeat; background-position: center center;}
#wznz>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
#wznz>ul>li{width: 572px; float: left; overflow: hidden; margin-top: 80px;}

#wznz>ul>.wnli{float: right;}
#wznz>ul>li>img{display: block; float: left; margin-right: 10px;}
#wznz>ul>li>h2{font-size: 24px; color:white; margin-bottom: 15px;}
#wznz>ul>li>p{font-size: 14px; color: white;}

#xpgn{width: 1200px; height: auto; overflow: hidden; margin:0 auto;}
#xpgn>ul{overflow: hidden; margin-top: 80px; margin-bottom: 80px;}
#xpgn>ul>li{float: left; margin-right: 80.4px;}
#xpgn>ul>.xpli{margin-right: 0px;}
#xpgn>ul>li>img{display: block; margin: 0 auto;}
#xpgn>ul>li:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;   /* Firefox */
-webkit-animation: myfirst 1s .2s ease both;    /* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
#xpgn>ul>li>h3{font-size:16px; color:#333; text-align: center; margin-top: 40px;}

/*外贸网站*/

#wmq{width: 100%; height:878px; overflow: hidden; background:url(../../images/gw/wambg.png) 0 0 no-repeat; background-position: center center;}
#wmq>ul{overflow: hidden; width: 1200px; height: auto; margin: 0 auto;}
#wmq>ul>li{ float: left; margin-right: 98.5px; margin-top: 30px;}
#wmq>ul>.swli{margin-right: 0px;}
#wmq>ul>li>img{display: block; margin: 0 auto; margin-top: 40px;}
#wmq>ul>li:hover {animation:bounce 0.8s ease-in-out 0s;-webkit-animation:bounce 0.8s ease-in-out 0s;}
#wmq>ul>li>h2{display: block; font-size: 24px; color:white; text-align: center; margin-bottom: 20px; margin-top: 20px;}
#wmq>ul>li>p{display: block; font-size: 14px; color:white; text-align: center;margin:0 auto; margin-bottom: 8px;}

/*x小程序*/
#xcx1{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
#xcx2{ width:100%; height: 582px; overflow: hidden;background:url(../../images/gw/xcxbg.png) 0 0 no-repeat; background-position: center center;}
#xcx2>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px;}
#xcx2>ul>li{float: left; width: 400px; height: 300px;}
#xcx2>ul>li>img{display: block; margin: 0 auto; transition: all 0.5s  linear;-webkit-transition: all 0.5s  linear;}
#xcx2>ul>li:hover img{margin-top: 15px;}
#xcx2>ul>li>h2{font-size: 20px; color:white; text-align:center; margin-top: 30px; margin-bottom:30px;}
#xcx2>ul>li>p{font-size: 14px; color:white; text-align:center; width: 215px;display: block; margin: 0 auto; line-height: 25px;}

#xcx3{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
#xcx3>ul{overflow: hidden; width: 1200px; height: auto; margin: 0 auto; margin-bottom: 60px;}
#xcx3>ul>li{ float: left; /*margin-right: 77.5px;*/ margin-top: 30px; width: 400px;}
#xcx3>ul>li>img{display: block; max-width: 100%;}
#xcx3>ul>.swli{margin-right: 0px;}
#xcx3>ul>li>img{display: block; margin: 0 auto; margin-top: 40px;}
#xcx3>ul>li>h2{display: block; font-size: 24px; color:#333; text-align: center; margin-bottom: 20px; margin-top: 20px; font-weight: bold;}
#xcx3>ul>li>p{display: block; font-size: 14px; color:#333; text-align: center;margin:0 auto; margin-bottom: 8px; width: 176px; margin: 0 auto; line-height: 25px;}

#xcx4{width: 100%; height: 879px;background:url(../../images/gw/xcxbg2.png) 0 0 no-repeat; background-position:center center;}

.xcx4{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;padding-top: 70px;}
.xcx4>ul{ width: 324px; float: left; overflow: hidden; margin-top: 59px; }
.xcx4>ul>li{width: 324px; height: 118px; overflow: hidden; margin-bottom: 10px; position: relative;}
.xcx4>div{float: left; margin-left: 105.5px; margin-right: 105.5px;}
.xcdiv{width: 281px;border: 1px solid white; overflow: hidden; height: 93px; margin-top: 11px; margin-left:11px; z-index: 2; position: relative; }
.xcdiv>img{display: block;  float: left; margin-left: 10px; margin-right: 30px; margin-top: 26px;}
.xcdiv>h2{font-size: 16px; color:white; margin-top: 16px;}
.xcdiv>p{font-size: 13px; color:white; width: 170px; float: left;}

.xcx4>.xxul>li::after{content:""; width:100%; height: 100%; position: absolute; top:0px; left:-100%; background:url(../../images/gw/leftd.png) 0 0 no-repeat; -webkit-transition: all 0.8s ease;transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);;}
.xcx4>.xxul2>li::after{content:""; width:100%; height: 100%; position: absolute; top:0px; right:-100%; background:url(../../images/gw/rightd.png) 0 0 no-repeat; -webkit-transition: all 0.8s ease;transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);;}
.xcx4>.xxul>li:hover::after{left: 0px;}
.xcx4>.xxul2>li:hover::after{right: 0px;}
.xxul2 .xcdiv{ margin-left: 25px; }

#xcx5{width: 1200px; height: auto; overflow: hidden; margin:0 auto; margin-bottom: 60px; margin-top: 60px;}
.xcx5{ overflow: hidden; margin-top:35px; }
.xcx5>a{width: 286px; height: 166px; float: left; margin-right: 18px; margin-bottom: 18px; position: relative;}
.xcx5>.xca{margin-right: 0px;}
.xcx5>a>div{position: absolute; left: 0px; top:0px; z-index: 3; width: 100%; height: 100%; background:url(../../images/gw/bkmask.png) 0 0 no-repeat;}
.xcx5>a>div>h2{font-size: 28px; color: white; text-align: center; margin-top: 80px; margin-bottom: 15px; transition: all 1s;-webkit-transition: all 1s;}
.xcx5>a>div>p{font-size: 14px; color: white; text-align: center; opacity: 0;transition: all 1s;-webkit-transition: all 1s;}
.xcx5>a>div:hover{background:url(../../images/gw/yuanjiao.png) 0 0 no-repeat;}
.xcx5>a>div:hover h2{margin-top: 60px;}
.xcx5>a>div:hover p{opacity: 1;}

#xcx6{width: 100%; height: 597px; background:url(../../images/gw/xcxbg4.png) 0 0 no-repeat; background-position: center center;}
#xcx6>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px;}
#xcx6>ul>li{ float: left; overflow: hidden; margin-right: 175px; height: 150px;width: 100px; margin-bottom: 15px; }
#xcx6>ul>li:hover img{animation: myfirst 1s .2s ease both;
-moz-animation: myfirst 1s .2s ease both;   /* Firefox */
-webkit-animation: myfirst 1s .2s ease both;    /* Safari 和 Chrome */
-o-animation: myfirst 1s .2s ease both;}
#xcx6>ul>.xcxli{margin-right: 0px;}
#xcx6>ul>li>img{display: block; margin: 0 auto; margin-bottom: 30px;}
#xcx6>ul>li>h3{font-size: 18px; color:white; margin: 0 auto; text-align: center;}

/*响应式网站*/
.xiangying{width: 1200px; height: auto; overflow: hidden; margin:0 auto; margin-bottom: 60px;}
.xiangying>img{display: block; margin: 0 auto; margin-top: 60px; margin-bottom: 60px;}
.xiangying>h3{font-size: 32px; color:#333; text-align: center; margin-bottom: 20px;}
.xiangying>p{font-size: 16px; color:#333; text-align: center; width:1018px; margin: 0 auto; line-height: 30px;}

#xys{width: 100%; height: 720px;  overflow: hidden; background:url(../../images/gw/hbg.png) 0 0 no-repeat; background-position: center center;}
#xys>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top:40px;}
#xys>ul>li{width: 353px; float: left; margin-right: 70.5px;}
#xys>ul>.jzli{margin-right: 0px;}
#xys>ul>li>h2{overflow: hidden; margin-bottom: 30px;}
#xys>ul>li>p{color: white; margin-bottom:30px;}
#xys>ul>li>h2>img{display: block; float: left; margin-right: 15px;}
#xys>ul>li>h2>span{display: block;font-size:24px; color: white; margin-top: 4px;}

/*营销网站*/
#yxiao{width: 100%; height: 805px; background:url(../../images/gw/yxbg9.png) 0 0 no-repeat; background-position: center center;}
#yxiao>div>p{width: 918px; margin: 0 auto; display: block; font-size: 16px; color: white; text-align: center; line-height: 30px; margin-top: 40px;}
#yxiao>div>h3{ font-size: 16px; color: white;  margin-top: 40px;margin-bottom:40px;}
#yxiao>div{margin: 0 auto; width: 1200px; height: auto; overflow: hidden;}
#yxiao>div>img{display: block; max-width: 100%;}

/*新闻中心*/

#xwzxcon{width: 1200px; height: auto; overflow: hidden;  margin: 0 auto; margin-top: 50px;}
#xwzxcon>ul{overflow: hidden;}
#xwzxcon>ul>li{ width:552px; float:left; padding: 15px; position: relative; border: 2px solid transparent;  position: relative;overflow: hidden;}
#xwzxcon>ul>.zxli{float: right;}
#xwzxcon>ul>li>a>h2{font-size: 16px; color:#333; font-weight: bold; display: block; margin-bottom: 30px;}
#xwzxcon>ul>li>a>h2:hover{color:#ed8426;}
#xwzxcon>ul>li>p{font-size: 14px; color:#666; line-height: 25px; display: block; margin-bottom: 50px;}
#xwzxcon>ul>li>span{font-size: 14px; color:#666; display: block; margin-bottom: 50px;}

/*新闻详情*/
 #xwzx_de{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 60px; margin-bottom: 80px; text-align: left; }
 .xwtop{overflow: hidden; width: 100%; margin: 0 auto; border-bottom:1px solid #ccc;}
 .xwtop>h1{font-size: 24px; color:#333; text-align: center; font-weight: normal; margin-bottom: 30px;}
 .xwtop>p{font-size: 14px; color:#757575; text-align: center; margin-bottom: 40px;}
 .dva{display:block;font-size: 14px; color:#757575; width:60%; float: left; margin-bottom: 10px;}
 .fan{width: 120px; height: 41px; display: block; float: right; font-size:14px; color:white; text-align: center; line-height: 41px; background:url(../../images/gw/xwde2.png) 0 0 no-repeat; margin-top: -20px;}

 #xshang{position: fixed;  right: 100px; bottom: 336px; cursor: pointer;z-index: 5; display: none;}
 .sjfooter{display: none;}
 .menu{display: none;}
.mg1{display: block; float: right; margin-top: 117px;}

#lyform{padding: 42px; background: #ccc; border-radius: 30px; box-shadow: 0px 0px 43px 22px #fff inset;}

/*网站地图*/
.wzdt{display:none; z-index:99; position:fixed; width:750px; height:500px; border-radius:10px; padding:20px; left:50%; margin-left:-350px; top:50%; margin-top:-250px; background:#fff; box-shadow: 10px 10px 5px #ccc;}
.dtclose,.tagclose{position:absolute; top:0; right:6px; font-size:44px; color:#ed8426;}
.dtlist h1{font-size: 18px; color: #000; padding-left: 10px; margin-bottom:10px;}
.dtlist a{display: block; font-size: 16px; padding-left: 10px; color: #666; margin-bottom: 5px;}
.taglb a{padding: 5px; border: 1px solid #ccc; display: block; font-size: 14px; color: #666; float: left; margin-right: 15px; margin-bottom: 15px;}


/*订单表单*/
.Cooperationbox {
		position: fixed;
		top: 0px;
		_position: absolute;
		_top: expression(documentElement.scrollTop + 0 + "px");
		background: #fff;
		z-index: 9999999999;
		width: 100%;
		display: none;
	}
.Cooperation {
	width: 1110px;
    margin: auto;
    padding: 35px 0px;
    position: relative;
}
.Cooperationleft h5 span {
    font-size: 24px;
    font-weight: bold;
    color: #212121;
}
.Cooperationclose {
    position: absolute;
    right: -70px;
    top: 20px;
    width: 39px;
    height: 39px;
    background: url(../../images/gw/index_09.png) no-repeat;
    cursor: pointer;
}
.Cooperationleft {
    float: left;
    width: 450px;
    color: #212121;
}
.Cooperationleft h3 {
    font-size: 40px;
    line-height: 42px;
    color: #e60012;
    padding-bottom: 25px;
}
.Cooperationleft h4 {
    font-size: 45px;
    line-height: 48px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 35px;
}
.Cooperationleft p.coopb {
    padding: 35px 0px;
}
.Cooperationleft p {
    font-size: 13px;
	line-height:24px;
}
.Cooperationleft h5 {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
	font-weight: normal;
}
.Cooperationright {
    width: 498px;
	float: right;
	margin-bottom:50px;
}
.Cooperationright h3 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}
.Cooperationright ul {
    margin: 0px;
    padding: 0px;
}
.Cooperationright ul li {
    margin: 0px;
    padding: 0px;
    min-height: 46px;
    height: auto !important;
    height: 46px;
    position: relative;
}
.Cooperationright ul li label {
    display: block;
    padding: 6px 10px;
    height: 24px;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
}
.Cooperationright ul li label input {
    width: 100%;
    background: none;
    outline: none;
    font-size: 15px;
    font-family: "微软雅黑";
    color: #999999;
}
.Cooperationright ul li label.xingming {
    width: 220px;
	float: left;
}
.Cooperationright ul li label.dianhua {
    width: 220px;
	float: right;
}
.Cooperationright h3.zdshezuobiaoti1 {
    margin-top: 6px;
    padding-bottom: 0;
}
.Cooperationright h4.zdshezuobiaoti2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    padding: 0;
}
.Cooperationright dl {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: #212121;
}
.Cooperationright dl dd {
    width: 119px;
    height: 63px;
    background-color: #f6f6f6;
    margin: 5px 5px 0 0;
    cursor: pointer;
    position: relative;
}
.Cooperationright dl dd {
    float: left;
    padding-bottom: 5px;
}
.Cooperationright dl dd div {
    display: block;
    width: 118px;
    height: 66px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
}
.Cooperationright dl em.zdshzicon {
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    position: absolute;
    right: -1px;
    bottom: 0;
    padding: 0;
}
.Cooperationright dl dd div.cur {
    border: 1px solid #e81727;
}
.Cooperationright dl dd input {
    vertical-align: middle;
}
.Cooperationright dl dd input {
    display: none;
}
.Cooperationright dl dd span {
    width: 65px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
    line-height: 18px;
    padding-top: 15px;
}
.Cooperationright dl dd div.cur .zdshzicon {
    background-image: url(../../images/gw/zdshzimg01.jpg);
}
.Cooperationright h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0px 5px;
    color: #1a1a1a;
}
.Cooperationright dl {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: #212121;
	overflow:hidden;
}
.Cooperationright dl em {
    padding: 0px 5px;
}
.Cooperationright p {
    padding-top: 10px;
}
.Cooperationright p input {
    border: 2px solid #e81727;
    background: none;
    outline: none;
    font-size: 20px;
    font-family: "微软雅黑";
    font-weight: bold;
    width: 100%;
    color: #e81727;
    padding: 10px 0px;
    cursor: pointer;
}
.Cooperationright ul li {
    margin: 0px;
    padding: 0px;
    min-height: 46px;
    height: auto !important;
    height: 46px;
    position: relative;
}
.Cooperationright ul.erweima li img {
    position: absolute;
    left: 240px;
    top: 0px;
}


  .sbanner{width:100%; overflow: hidden; position: relative;}
  .sbot{width:100%;height: 100px; background: rgba(0,0,0,0.6); position:absolute; bottom: 0px; left: 0px; z-index: 5; }
  .sbot>ul{width: 1200px; height: 100px; margin:0 auto; overflow: hidden;}
  .sbot>ul>li{width:199px; height: 100px; float: left; border-left: 1px solid #6d665f;}
  .sbot>ul>li:last-child{width: 198px; height: 100px; overflow: hidden; border-right: 1px solid #6d665f;}
  .sbot>ul>li img{display: block;  float: left; margin-left: 25px; margin-top: 35px;}
  .sbot>ul>li  h2{display: block;  float: right; width: 124px; font-size: 18px; color: white; margin-top: 24px; margin-bottom: 10px;}
  .sbot>ul>li  p{display: block;  float: right; width: 124px; font-size: 14px; color: white;}
  .sbot>ul>li:hover{background:rgba(113,113,113,0.4);}

    #yxfu{width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 47px; margin-bottom: 47px;position: relative;}
    #yxfu img{z-index:2;}
    #yxfu>ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 35px;}
     #yxfu>ul>li{width: 198px; height:210px; float: left; display: block; border:1px solid #d6d6d6; border-radius: 5px; margin-right: 133px;}
     #yxfu>ul>li:last-child{margin-right: 0px;}
     #yxfu>ul>li img{display: block; margin:0 auto; margin-top: 35px; margin-bottom: 35px;}
       #yxfu>ul>li .img2{display: none;}
      #yxfu>ul>li h2{font-size: 20px; color:#333; text-align: center; margin-bottom: 18px;}
      #yxfu>ul>li p{font-size: 14px; color:#999999;text-align: center;}
        #yxfu>ul>li:hover{border-color:#f78721;}
        #yxfu>ul>li:hover .img{display: none;}
        #yxfu>ul>li:hover .img2{display: block;}
        #yxfu>ul>li:hover h2,#yxfu>ul>li:hover p{color:#f78721;}

.zx{width: 100px; height: 32px; display: block; float: left; border:1px solid #f78721; font-size: 14px; color:#f78721;text-align: center; line-height: 32px; margin-left: 19%; margin-top:5%; border-radius: 5px;}
          .ck{width: 100px; height: 32px; display: block; float: right; border:1px solid #f78721; font-size: 14px; color:#f78721;text-align: center; line-height: 32px;margin-right: 19%;margin-top: 5%;border-radius: 5px;}
          .jt a:hover{background:#f78721; color: white;}

         #jzys>ul>li>.jp{width: 100%; height: auto; overflow: hidden;margin: 0 auto; margin-top: 57px;}
         #jzys>ul>li>.jp>img{display: block; float: left;margin-left: 35px;}
         #jzys>ul>li>.jp>span{display: block; float: right;width: 155px; font-size: 14px; color:#757575; line-height: 25px; text-align: left; margin-right: 35px; margin-top: 10px;}

/*客服*/


    .kefu{height: 300px; width: 60px; position: fixed; top:30%; right: 0px; z-index: 8000;}
    .kefu li{width:60px; height: 60px; position: relative; margin-bottom: 1px;cursor: pointer;font-size: 12px; color: white; text-align: center; position: relative;background:#323232;}
    .kefu li:hover{background:#f78721;}
    .kefu li>span{display: block; width: 100%; position: absolute; bottom: 5px; left: 0px;font-size: 12px; color: white;}
    .kefu li a >h3{display: block; width: 100%; position: absolute; bottom: 5px; left: 0px;font-size: 12px; color: white; height: 38px;}
    .kefu .qq div{width: 132px; overflow: hidden; position: absolute; right: 60px; background:#323232; display: none; }
    .kefu .qq{background:#07ae95 url(../../images/gw/deqq3.png)  center 10px no-repeat;}
    .kefu .qq:hover{background:#323232 url(../../images/gw/deqq2.png)  center 10px no-repeat;}
    .kefu .tel{background:#8bcb48 url(../../images/gw/dedh.png)  center 10px no-repeat;}
    .kefu .tel:hover{background:#323232 url(../../images/gw/dedh02.png)  center 10px no-repeat;}
    .kefu .liuyan{background:#ff522f url(../../images/gw/zj05.png)  center 10px no-repeat;}
    .kefu .liuyan:hover{background:#323232 url(../../images/gw/zj06.png)  center 10px no-repeat;}
       .kefu .liuyan2{background:#ec9920 url(../../images/gw/zj05.png)  center 10px no-repeat;}
    .kefu .liuyan2:hover{background:#323232 url(../../images/gw/zj06.png)  center 10px no-repeat;}
    .kefu .wx{background:#f78721 url(../../images/gw/dewx.png)  center 10px no-repeat;}
    .kefu .wx:hover{background:#323232 url(../../images/gw/dewx02.png)  center 10px no-repeat;}
    .kefu .qq div h2{height: 60px; font-size:16px; font-weight: bold; color:#f78721; text-align: center;line-height: 60px; }
    .kefu li a {height: 60px; font-size:14px;  color:white;line-height: 60px;display: block; width: 100%; overflow: hidden; }
    .kefu li a img{display: block; float: left; margin-top: 19px; margin-left: 28px;}
    .kefu li a>span{display: block; float: right; width: 60%; text-align: left;}
    .kefu .tel div{width: 150px; overflow: hidden; position: absolute; right: 60px; background:#323232; font-size: 16px; color: white; line-height: 60px; text-align: center; display: none; }
    .kefu .tel div p{display: block; height: 60px; width: 100%;}
    .kefu .liuyan div{width: 132px; overflow: hidden; position: absolute; right: 45px; background:#323232; font-size: 18px; color: white; line-height: 45px; text-align: center; display: none; }
    .kefu .liuyan div p{display: block; height: 45px; width: 100%;}
       .kefu .wx div{width: 132px; overflow: hidden; position: absolute; right: 45px; background:#323232; font-size: 18px; color: white; line-height: 45px; text-align: center; top:-45px;  display: none;}
       .kefu li .top{width: 100%; height: 100%; background: #f78721 url(../../images/gw/destop.png) center center  no-repeat;}
         .kefu li .top:hover{width: 100%; height: 100%; background: #323232 url(../../images/gw/destop2.png) center center no-repeat;}

         @media screen and (min-width:1200px) and (max-width:1332px){
   .jt{display: table-cell;vertical-align: middle;text-align: center;display: none;-webkit-transition: all 0.5s;transition: all 0.5s;}
.jt>h3{font-size: 14px; color:#333; margin-bottom: 10px;}
.jt>img{display: block; margin: 0 auto; margin-bottom: 10px;}
.jt>p{ font-size: 12px; color:#333; display: block; width: 80%;margin: 0 auto; line-height:20px;}
.zx{width: 70px; height: 25px; display: block; float: left; border:1px solid #f78721; font-size: 12px; color:#f78721;text-align: center; line-height: 25px; margin-left: 19%; margin-top:5%; border-radius: 5px;}
          .ck{width: 70px; height: 25px; display: block; float: right; border:1px solid #f78721; font-size: 12px; color:#f78721;text-align: center; line-height: 25px;margin-right: 19%;margin-top: 5%;border-radius: 5px;}
}