*{ padding:0; margin:0; }
body{ font-family:"微软雅黑"; font-size:14px; background:url(../images/body_bg.jpg) repeat-x;background-color:#fff;}
a{ text-decoration:none; color:#333333; outline:none}
h1{font-size:32px; color:#000; font-weight:normal;}
h3{ font-size:45px; color:#ccc}
li{ list-style:none}
i{ width:70px; height:2px; background-color:#000000; display:block; margin:8px 0;}
.top{ width:400px;left:50%; top:27%;margin-left: -200px; position:fixed; z-index:9999}
.top span{ text-align:center;}
.top img{ width:200px; display:block; margin:auto;}
.fuwu { text-align:center;margin-top: 100px;}
.fuwu a{ display:inline-block; color:#666; font-size:16px;}
.fuwu a:hover{ color:#e56700}
.page1 { background-color: #fff;}
.page2 {background:url(../images/bg-4.jpg) no-repeat right top #fff; background-size:70%;}
.page3 { background-color: #fff; }
.page4 { background-color: #fff;}
.page5 { background-color: #fff;}
.page6 { background-color: #FFF;}
.page7 { background-color: #4B2FC3;}
.page8 { background-color: #4B66C3;}
.l{ width:46%;float:left}
.r{ width:46%;float:right}
.clear{ clear:both}

.bg{width:100%;height:100%;background-color: rgba(255,255,255,0.85); position:fixed;}
.w{ width:1200px; margin:auto}
.pu{ width:400px; height:400px; background:url(../images/pu.png) no-repeat; background-size:100%; position:absolute; bottom:0; left:0;}

/*video*/
video, object {
display:block;
vertical-align:baseline; min-width:100%; min-height:100%;
object-fit:cover; margin:auto;
}
.sp0{ font-size:16px;}
.de-video-container{
top:0%;
left:0%;
width:100%;
height:100%;
overflow: hidden; background-color: rgba(0,0,0,0.5);
}
.sp1 em{ font-size:14px; color:#666;font-style:normal}

/*page2*/
.about{ width:450px; text-align: justify;}
.gsjj{ position:relative; top:50%; margin-top:-245px;}
.sp1{ font-size:18px;}
.contant{ margin-top:40px;}

.fuwu2{ text-align:center; padding:0 15px; line-height:35px;border-radius:60px; border:#000 solid 1px; float:left; margin-right:20px; margin-top:20px;}


/*page3*/
.anlilist{ width:25%; float:left; margin-bottom:15px; position:relative;transition: 0.5s;}
.anlilist span{ display:block;}
.anli{ position:relative; top:50%; margin-top:-327px;}
.bgtu{ height:200px; background-size:cover; background-position:center center; border-right:#FFFFFF solid 5px; border-left:#FFFFFF solid 5px;transition: 0.5s;}
.top2{ margin:auto; margin-bottom:20px;}
.top2 h3{ text-align:center;}
.top2 i{ margin:5px auto;}
.top2 span{ text-align:center; display:table; margin:auto;}
.top2 p{ text-align:center; color:#999999}
.anlilist:hover .bgtu{opacity:0.5;transition: 0.5s;}

.js{ padding-left:10px; border-left:#000 solid 1px; margin-top:5px; margin-left:5px;}
.sp2{ font-size:12px; color:#666666}
.jia{ width:45px; height:45px; background-color:#fff; position:absolute; right:5px; top:0; background:url(../images/jia_bg.png) no-repeat; background-size:100%; z-index:999;}

/*page4*/
.html5{background:url(../images/h5.jpg) right center no-repeat; min-height:400px; position:relative; top:50%; margin-top:-220px;}
.zishiying{ width:300px; background:url(../images/h52.jpg) no-repeat center center; padding-top:30px;}
.zsy{ font-size:24px;}
.zsy em{ font-size:14px; color:#666666; font-style:normal; padding-left:8px;}
.kouhao{ border-bottom:#000000 solid 1px;border-top:#000000 solid 1px; margin-top:20px; font-size:16px; padding:5px 0;}


/*page4*/

.newstop{ text-transform:uppercase; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
.newstop span{ font-size:16px; display:block; font-family:"微软雅黑";}
.newlist{ padding:15px 0; border-bottom:#000000 solid 1px; border-top:#000000 solid 2px; margin-top:20px; text-transform:uppercase; font-size:16px;}
.xinwe a{ color:#000000;}
.xinwe a:hover{ color:#e56700}
.xinwe p{color:#999}
.infoList{ background:url(../images/zixun_bg.jpg) no-repeat; background-size:23.1px;}
.infoList li{background:url(../images/li_bg.jpg) no-repeat no-repeat;}
.tempWrap{ padding-bottom:1px;}
.zixun{margin-top:15px; padding-bottom:5px;}
.zixun a{ line-height:28px; padding-left:25px; }
.xinwen2{ padding-top:8px;}
.xinwen2 li{ margin-top:12px;}
.xinwen2 p{ margin-top:5px; line-height:18px;}
.news{ position:relative; top:50%; margin-top:-210px;}
.dongtai{ padding:15px 0; border-bottom:#000000 solid 1px; border-top:#000000 solid 1px; margin-top:20px;}
.gsdt{ float:left; margin-left:100px;}
.dd{ float:left}

/*page5*/
.contop{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(../images/con_bg.jpg) left bottom no-repeat; padding-bottom:5px; margin-top:8px; margin-bottom:2px; font-size:16px;}
.contact{ background:url(../images/ditu.jpg) no-repeat center right; background-szie:500px; padding-bottom:20px; position:relative; margin-top:-210px; top:50%}
.lxwm{ width:350px;}
.qq{ width:34px; height:34px; background:url(../images/qq.png) no-repeat; display:block; position:fixed; right:20px; top:20px; background-size:100%;}
.lxwm li{ float:left; margin-right:10px;}
/*内页*/
.logo{ float:left}
.left2{ overflow:auto; margin-top:10px;}
.right2{ margin-top:20px; padding-bottom:30px;}
.logo img{ width:70px;}
.zhong{ position:relative; padding-bottom:30px;}
.fix{}
.info{ padding:20px 0; color:#999999}
.fenye2{ margin-top:20px; padding-top:20px; border-top:#ccc solid 1px;}
.zhengwen img{ max-width:100%; height:auto!important;}
.list img{ max-width:100%; height:auto!important;}
.newslist p{ color:#999999; font-size:12px;}
.newslist a{ padding:5px 0; display:block}
.fenye li{ float:left; margin-top:20px; padding:0 5px;}
.con{ float:left; margin-left:50px; margin-top:5px;}
.leftarc{ width:820px; float:left}
.rightarc{ width:280px; float:right; color:#666}

.zhengwen{ min-height:400px; font-size:16px; line-height:30px;}
.rightarc li{ padding:10px 0; border-bottom:#ccc dashed 1px;}
.rightarc li a{ font-size:16px;color:#666}
.rightarc li a:hover{ color:#FF0000}
.rightarc li p{ font-size:12px;color:#999}
.newslist{ padding:10px 0;}




/*手机*/
@media screen and (max-width: 768px) {
body{ background:none}
video, object {display:none;}
.w{ width:100%; padding:0 10px;box-sizing: border-box;}
.about{ width:100%; margin-top:14%}
.fuwu2{ font-size:12px; padding:0 10px; margin-right:10px;}
.anlilist{ width:33.3%;}
.bgtu{ height:105px;}
.sp0{ font-size:14px; line-height:18px; height:36px;}
.sp2{ display:none!important;}
.zishiying{ width:100%;}
.html5{ background:none}
.l,.r{ float:none; width:100%;}
.news{ margin-top:-270px;}
.gsdt{ width:100%; display:block; float:none; margin-left:0;}
.dd{float:none;}
.xinwen2 p{ height:36px; overflow:hidden;}
.contact{ background:none;}
.newlist{ padding:5px 0;}
.anli{ margin-top:-295px;}
.dongtai{ padding:5px 0;}
.gsjj{ margin-top:-300px;}
.right{ margin-top:0}
.logo img{ width:60px}
h1{ font-size:20px; font-weight:normal; color:#000000}
.info{ font-size:12px;}
.con{ display:none}
.sp0{}
.leftarc,.rightarc{ width:100%; float:none;}
.page2{ background-image:none;}
.rightarc{ margin-top:30px;}
.zhengwen{ line-height:28px;}
}









