@charset "utf-8";

body{font-size:62.5%;}
html>body{font-size:12px;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:12px;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img,input{border:0;}
address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none; vertical-align:top;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%;  font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none; outline:none;}
a img{border:none;}
a:active{star:expression(this.onFocus=this.blur());}
/*--------------end------------*/
body{font-size:14px; font-family: "Microsoft YaHei"; color:#333;}
.box{ width:100%; overflow:hidden; position:relative; padding:60px 0; color:#fff;}
.box .box_in{ width:1200px; margin:0 auto; position:relative;}
.box .btnbox{ width:682px; height:100px; margin:0 auto;}
.box .btnbox h3{ float:left; width:280px; height:100px; border-radius:8px; background:#d1c500;}
.box .btnbox h3.myh3{ float:right;}
.box .btnbox h3 a{ display:inline-block; width:280px; height:90px; border-radius:8px; background:#fff10e; font-size:36px; color:#141414; text-align:center; line-height:90px;}
.box .btnbox h3 a:hover{ height:100px; line-height:100px;}
.box1{ background:#7949ec;}
.box1 .box_in{ padding:0 95px; width:1010px;}
.box2{ background:#11c4dd; padding-top:0;}
.box2 .box_in .con2{ width:1114px; overflow:hidden; margin:0 auto;}
.box6{ background:#2c2244;}
.box6 .con6{ width:100%;}
.box6 .con6 .con_in{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.box6 .con6 .con_in h2{ width:495px; text-align:center; height:70px; line-height:70px; color:#000; font-size:40px; background:#ffd800; border-radius:60px; margin-bottom:45px;}
.box6 .con6 .con_in .myp{ font-size:22px; text-align:left; margin:0 0 40px 82px;}
.box6 .con6 .con_in .circle{ width:120px; height:122px; position:absolute; right:106px; top:32px;}
.box6 .con6 .con_in .cir_in{ width:120px; height:122px; position:relative; background:url(../../image/common/box6c.png) no-repeat center;}
.box6 .con6 .con_in .circle .circle-outer{ width:116px; height:116px; background:url(../../image/common/box6cs.png) no-repeat center; position:absolute; left:2px; top:2px; -webkit-animation:circle-inner 10s linear infinite;-moz-animation:circle-inner 10s linear infinite;-o-animation:circle-inner 10s linear infinite;animation:circle-inner 10s linear infinite;}
.box6 .con6 .news{ width:1154px; margin:0 auto; height:332px; background:url(../../image/common/box64.gif) no-repeat center top; padding-top:30px;}
.box6 .con6 .news .news_in{ width:1080px; height:332px; margin:0 auto; background:#6330ca;}
.box6 .con6 .con6_1{ padding-bottom:40px; width:100%; background:url(../../image/common/box63.gif) no-repeat center 78px;}
.box6 .con6 .con6_2{ padding:50px 0; background:url(../../image/common/box65.gif) no-repeat center top;}
.box6 .con6 .con6_2 h2{ width:1140px; margin:0 auto 50px auto;}
.box6 .con6 .con6_2 .mycon_1{ height:387px; margin-bottom:75px;}
.box6 .con6 .con6_2 img{ display:block; float:left;}
.box6 .con6 .con6_2 img.img_r{ float:right; margin-top:20px;}
.box6 .con6 .con6s { padding-bottom:40px; width:100%; background:url(../../image/common/box63.gif) no-repeat center 78px;}
.box6 .con6 .con6_3{ padding:50px 0 70px 0; background:#00bc9f url(../../image/common/box614.gif) no-repeat center 143px;}
.box6 .con6 .con6_3 h2{ width:610px; margin:0 auto 70px auto;}
.box6 .con6 .con6_3 .myp{ margin:0 0 0px 250px; color:#211b35; line-height:48px;}
.box6 .con6 .con6_3 .myp span{ font-size:48px;}
.box6 .con6 .con6_3 .circle{ right:972px; top:43px;}
.box6 .con6 .con6_3 .cir_in{ background-image:url(../../image/common/box6e.png);}
.box6 .con6 .con6_3 .circle .circle-outer{ width:118px; height:118px; left:3px; background-image:url(../../image/common/box6es.png);}
.box6 .con6 .con6_3 .news{ height:678px; background:url(../../image/common/box615.gif) no-repeat center bottom; overflow:hidden;}
.box6 .con6 .con6_3 .news_in{ background:none; height:625px;}
.box6 .con6 .con6_3s{ padding:60px 0; background:#2c2244 url(../../image/common/box63.gif) no-repeat center 140px;}
.box6 .con6 .con6_3s .circle{ right:106px; top:32px;}
.box6 .con6 .con6_3s .cir_in{ background-image:url(../../image/common/box6c.png);}
.box6 .con6 .con6_3s .circle .circle-outer{ background-image:url(../../image/common/box6cs.png);}
.box6 .con6 .con6_3s .news{ height:1045px; background:url(../../image/common/box618.gif) no-repeat center bottom; overflow:hidden;}
.box6 .con6 .con6_3s .news_in{ background:none; height:992px;}
.box6 .con6 .con6_2s{ padding-bottom:0;}
.box6 .con6 .con6_2s h2{ width:660px; margin:0 auto 50px auto;}
.box6 .con6 .con6_2s .mycircle{ width:1160px; height:800px; margin:0 auto 40px auto; background:url(../../image/common/box619.gif) no-repeat center;}
.box6 .con6 .con6_2s .btnbox{ width:800px; height:88px; margin:0 auto;}
.box6 .con6 .con6_2s .btnbox h3{ float:left; width:370px; height:88px;}
.box6 .con6 .con6_2s .btnbox h3 a{ display:inline-block; width:370px; height:78px; font-size:32px; line-height:78px;}
.box6 .con6 .con6_2s .btnbox h3 a:hover{ height:88px; line-height:88px;}
.box6 .con6 .con6_2s h3.myh3{ float:right;}
@-webkit-keyframes circle-inner{
	0%{-webkit-transform:rotate(0deg)}10.7%{-webkit-transform:rotate(-90deg)}25%{-webkit-transform:rotate(-90deg)}35.7%{-webkit-transform:rotate(-180deg)}50%{-webkit-transform:rotate(-180deg)}60.7%{-webkit-transform:rotate(-270deg)}75%{-webkit-transform:rotate(-270deg)}85.7%{-webkit-transform:rotate(-360deg)}100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes circle-inner{
	0%{-moz-transform:rotate(0deg)}10.7%{-moz-transform:rotate(-90deg)}25%{-moz-transform:rotate(-90deg)}35.7%{-moz-transform:rotate(-180deg)}50%{-moz-transform:rotate(-180deg)}60.7%{-moz-transform:rotate(-270deg)}75%{-moz-transform:rotate(-270deg)}85.7%{-moz-transform:rotate(-360deg)}100%{-moz-transform:rotate(-360deg)}
}
@-o-keyframes circle-inner{
	0%{-o-transform:rotate(0deg)}10.7%{-o-transform:rotate(-90deg)}25%{-o-transform:rotate(-90deg)}35.7%{-o-transform:rotate(-180deg)}50%{-o-transform:rotate(-180deg)}60.7%{-o-transform:rotate(-270deg)}75%{-o-transform:rotate(-270deg)}85.7%{-o-transform:rotate(-360deg)}100%{-o-transform:rotate(-360deg)}
}
@keyframes circle-inner{
	0%{transform:rotate(0deg)}10.7%{transform:rotate(-90deg)}25%{transform:rotate(-90deg)}35.7%{transform:rotate(-180deg)}50%{transform:rotate(-180deg)}60.7%{transform:rotate(-270deg)}75%{transform:rotate(-270deg)}85.7%{transform:rotate(-360deg)}100%{transform:rotate(-360deg)}
}
.box9{ background:#e42b00; color:#222;}
.box9 h2{ width:735px; height:165px; background:url(../../image/common/box91.jpg) no-repeat center; margin:0 auto;}
.box9 .myp{ font-size:30px; color:#2c2244; font-weight:bold; margin:30px auto; text-align:center;}
.box9 .bg1{ width:100%; height:7px; background:url(../../image/common/box92.jpg) no-repeat center;}
.box9 .bg2{ height:15px; background-image:url(../../image/common/box93.jpg); margin-bottom:45px;}
.box9 .tb_in{width:1090px; padding:0 25px; height:620px; background:#fff; margin:0 auto; z-index:99;}
.box9 .btnbox{ width:765px;}
.box9 .btnbox h3{ width:330px;}
.box9 .btnbox h3 a{ width:330px; font-size:30px;}
.box3{ background:#fff799;}
.box3 h2{ width:705px; height:161px; background:url(../../image/common/ztbox11.jpg) no-repeat center; margin:0 auto 35px auto;}
.box3 .ztcon1{ width:100%;}
.box4 .con4_r .hmxsys h4{ font-size:14px; text-align:center; color:#333;}.box4 .zttab4{ height:46px; border-bottom:2px solid #810303; padding-left:13px; margin:40px 0 30px;}
.box5{ background:#222;}
.box5 .myimg{ display:block; margin:0 auto 20px auto;}
.box5 .myh3{ font-size:38px; text-align:center; margin-bottom:40px;}
.box7{ background:#fff00e; padding:0;}
.box7 .box_in{ height:490px; position:relative;}
.box7 .img1{display:block; position:absolute; left:0; top:20px;}
.box7 h3{ font-size:46px; font-weight:bold; line-height:68px; color:#0c0d0b; position:absolute; right:0px; top:100px;}
.box7 .mybtn{ width:350px; height:160px; position:absolute; left:783px; top:261px;}
.box7 .mybtn .zta{ display:inline-block; width:132px; height:132px; float:left; position:relative; margin-top:15px;}
.box7 .mybtn .zta b{ font-size:32px; line-height:38px; color:#fff; position:absolute; left:34px; top:25px; text-align:center;}
.box7 .mybtn .zta span{ display:inline-block; width:132px; height:132px; background:url(../../image/common/cir1.png) no-repeat center; position:absolute; left:0; top:0; animation:mycir 9s linear infinite; -webkit-animation:mycir 9s linear infinite; -moz-animation:mycir 9s linear infinite; -o-animation:mycir 9s linear infinite; -ms-animation:mycir 9s linear infinite;}
.box7 .mybtn .zta1{width:151px; height:151px; float:right; margin-top:0;}
.box7 .mybtn .zta1 b{ left:28px; top:35px;}
.box7 .mybtn .zta1 span{  width:151px; height:151px; background:url(../../image/common/cir2.png) no-repeat center;}
.box7 .mybtn .zta:hover span{  animation-play-state:paused; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; -ms-animation-play-state:paused;}
@-webkit-keyframes mycir{
    0%{-webkit-transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes mycir{
    0%{-moz-transform:rotate(0);}
    100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes mycir{
    0%{-o-transform:rotate(0);}
    100%{-o-transform:rotate(360deg);}
}
@keyframes mycir{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}
@-ms-keyframes mycir{
    0%{-ms-transform:rotate(0);}
    100%{-ms-transform:rotate(360deg);}
}
.box10{ padding:0; position:relative;}
.box10 .con10{ width:100%; overflow:hidden;}
.box10 .con10 div{ width:100%; height:173px; background:url(../../image/common/box10bg_01.jpg) no-repeat center top;}
.box10 .con10 .div1{ background-image:url(../../image/common/box10bg_02.jpg);}
.box10 .con10 .div2{ background-image:url(../../image/common/box10bg_03.jpg);}
.box10 .con10 .div3{ background-image:url(../../image/common/box10bg_04.jpg);}
.box10 .con10 .div4{ background-image:url(../../image/common/box10bg_05.jpg);}
.box10 .box_in{ position:absolute; left:50%; margin-left:-610px; top:50px;}
.box10 .mine{ width:860px; margin:0 auto 35px auto; overflow:hidden;}
.box10 .btnbox h3{ height:68px;}
.box10 .btnbox h3 a{ height:58px; line-height:58px; font-size:26px;}
.box10 .btnbox h3 a:hover{ height:68px; line-height:68px;}