@charset "utf-8";

/* CSS Document */



@charset "utf-8";

/* CSS Document */

html{font-family: "Microsoft Yahei";padding: 0;margin: 0;}

body {

	font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif;

	word-break: break-all;

	word-wrap: break-word;

	background: #ffffff; max-width:1900px; margin:auto; position:relative;

}

@font-face {font-family: 'Siyuan';src:url('../images/Siyuan_Medium.otf'); }

@font-face {font-family: 'Microsoft Yahei';src:url('../images/SourceHanSansMicrosoft Yahei.otf'); }

*{ padding: 0;margin: 0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }

a{text-decoration: none; color:#000000; transition:all 0.7s}

a:hover{ text-decoration:none}

em{ font-style:normal}

/*------------------public------------------*/

.clearfix {

 *zoom:1; clear:both;

}

.clearfix:after {

	content: "";

	display: block;

	clear: both;

}

.fl{float: left;}

.fr{float: right;}

.text-center{text-align: center;}

.container,.w1200{ width:90%;/*padding:50px 0;*/margin:0 auto }

.w1400{ width:1410px; margin:auto;}

html {

	color: #000;

	background: #fff; 

}



body, h1, h2, h3, h4, h5, h6, p, dl, dd,ul,li {

	margin: 0; padding:0; list-style:none 

}

.swiper-pagination{ text-align:center; width:100%}

.flex{  display: -webkit-flex; /* Safari */display:flex;}

.flex-direction-row{flex-direction:row}

.flex-wrap-nowrap{ flex-wrap: nowrap}/**不换行**/

.flex-wrap-wrap{ flex-wrap: wrap}/**换行**/

.flex-justify-content-left{justify-content:flex-start}/*左对齐*/

.flex-justify-content-center{justify-content:center}

.flex-justify-content-right{justify-content:flex-end}/*右对齐*/

.flex-justify-content-between{justify-content:space-between}/*两端对齐*/

.flex-justify-content-around{justify-content:space-around;}/*两侧的间隔相等*/

.relative{ position:relative;}

.absolute{ position:absolute}

.pic{display:flex;justify-content:center;align-items:center;}

.pic img{ transition:all 0.7s; width:auto; max-width:100%; max-height:100%
}



.toper{background:url(../images/top_bg.png) top ; position:relative; height:160px;}

.toper .logobox{ width:75%; margin:auto;}

.toper .logo{ width:14.2%; position:relative}

.toper .logo img{ width:auto; max-width:100%; position:absolute; z-index:2; left:0}



.navbox{ height:auto; width:81%; position:relative; font-size:18px; height:72px; }

.navbox .nav_tel{ width:22%; font-size:20px; color:#FFF100;font-family: 'Microsoft Yahei'; margin-top:60px; letter-spacing:2px}

.navbox .nav_tel span{ font-size:28px; display:block; padding-top:10px; letter-spacing:0}

.navbox .nav_tel img{ float:left; margin-right:10px}

.navbox .nav{ width:75%; margin-top:70px}

.navbox .nav li{ float:left;font-family: 'Microsoft Yahei'; margin-right:5%; height:90px; transition:all 0.7s ease-out; position:relative; z-index:2; overflow:hidden}

.navbox .nav li::before{ width:0px; height:45px; line-height:45px; left:0; top:0; border-top:1px dashed #fff; border-bottom:1px dashed #fff; z-index:1; content:""; position:absolute; transition:all 0.5s}

.navbox .nav li::after{ width:16px; height:16px; bottom:-16px; left:50%; margin-left:-8px;z-index:1; content:""; position:absolute; transition:all 0.7s; content:""; background:url(../images/nav_dot.png) no-repeat}

.navbox .nav li:last-child{ background:none; margin-right:0}

.navbox .nav li a.top{font-size:20px; color:#fff;font-family: 'Microsoft Yahei';text-align:center; display:block; position:relative; display:inline-block; line-height:44px; transition:all 0.7s ease-out; z-index:2}

.navbox .nav li:hover a.top{/* border-top:1px dashed #fff; border-bottom:1px dashed #fff;*/}

.navbox .nav li:hover::before,.navbox .nav li.on::before{ width:80px;} 

.navbox .nav li:hover::after,.navbox .nav li.on::after{ bottom:20px;}

/*.navbox .nav li a.top:after{ height:3px; width:0px; line-height:3px; border-radius:1px;-moz-border-radius:1px; position:absolute; content:""; bottom:0; left:50%; margin-left:-12px; z-index:1; background:#3430C2; transition:all 0.5s ease}

.navbox .nav li:hover a.top:after,.navbox .nav li.on a.top:after{ width:24px; }*/

.navbox .nav li .show{ height:60px; position:absolute; width:100%; left:0; top:72px; background:rgba(19,69,127,0.7); z-index:9; display:none}

.navbox  .nav li .show dl{ float:right; margin-right:18%}

.navbox  .nav li .show dl dt{ padding:0px 8px; float:left; line-height:60px; margin:0 5px;}

.navbox  .nav li .show dl dt a{ color:#E7E7E7;font-size:16px; }

.inner_banner{ height:auto; overflow:hidden; background:#fff; padding-bottom:20px;}

.inner_banner img{ max-width:100%; height:auto}

/**footer start**/

.footer_box{ height:auto; overflow:hidden; background:url(../images/top_bg.png); }

.footer_nav{line-height:40px; border-bottom:2px solid #bb0305; text-align:center; margin-top:-20px}

.footer_nav  ul li{ font-size:20px; color:#fff; display:inline-block; margin:0 1%;}
.footer_nav  ul li a{ font-size:0.2rem; color:#fff}
.footer-main{ padding:0 8%; height:auto; overflow:hidden}

.footer_logo{ width:30%; padding-top:30px; text-align:center}

.footer_logo img{ margin-left:14%}

.footer_center{ width:34.5%; margin-top:4%; } 

.footer_center h4{ font-size:20px; color:#fff}

.footer_center p{ display:block; clear:both; line-height:50px; font-size:16px; color:#fff}

.footer_center  p a{ font-size:16px; color:#fff}

.footer_center  p img{ float:left; margin-top:10px; margin-right:10px}



.footer_ewm{ width:33.5%; padding-top:42px; margin-left:1%}

.footer_ewm ul li{ width:35%; float:left; margin-right:4%;}

.footer_ewm ul li .pic{ border:1px dashed #fff; padding:10px 0}

.footer_ewm ul li .info{ margin-top:5px; height:32px; background:url(../images/ewm_bg.png) center no-repeat; text-align:center; color:#fff; font-size:16px; line-height:31px;}

.footer_copy{ height:30px; line-height:30px; text-align:right; border-top:2px solid #bb0305;font-size:14px;}

.footer_copy a{ color:#fff; font-size:14px;}

.footer_copy .container{ width:70%;}

.top_tel{ margin-right:15%; margin-top:10px; line-height:2rem}

.top_tel img{ width:auto; max-width:20%; float:left; margin-right:10px}

.footer_copy{ line-height:30px; text-align:center; font-size:12px; color:#fff;border-top:2px solid #bb0305;}


.footer_copy a{font-size:12px; color:#fff;}
 .links{ font-size:0.16rem}

/*

.index_circle{ width:270px; height:270px; margin:auto; margin-top:10px; margin-bottom:10px;  position:relative; border:1px solid #F00; background:#F00;  display: flex;

    align-items: center;

    justify-content: center; border-radius:50%;}

	.index_circle .dot{  position: absolute;

    border-style: solid;

    border-color: white transparent transparent transparent;

    border-width: 0.1em 0.1em 0 0;

    border-radius: 50%; left:0px; top:0px; width:20px; height:20px;}

.index_circle .dot:after{ width:10px; height:10px; background:#FABF45; position:absolute; left:-5px; z-index:1;-webkit-animation: orbit 36.5s linear infinite;animation: orbit 36.5s linear infinite; content:"";  background-color: aqua;}*/

.links{ color:#fff;}

.container {

    font-size: 10px;

    width: 40em;

    height: 40em;

    position: relative; background:#000

}

.sun {

    position: absolute;

    top: 15em;

    left: 15em;

    width: 10em;

    height: 10em;

    background-color: yellow;

    border-radius: 50%;

    box-shadow: 0 0 3em white;

}

.earth,

.moon  {

    position: absolute;

    border-style: solid;

    border-color: white transparent transparent transparent;

    border-width: 0.1em 0.1em 0 0;

    border-radius: 50%;

}

.earth {

    top: 5em;

    left: 5em;

    width: 30em;

    height: 30em;

}

.moon {

    top:0;

    right: 0;

    width: 8em;

    height: 8em;

}

.earth::before,

.moon::before {

    position: absolute;

    border-radius: 50% ; 

  content: '';

}

.earth::before {

    top: 2.8em;

    right: 2.5em;

    height: 3em;

    width: 3em;

    background-color: aqua;

}

.moon::before {

    top: 0.8em;

    right: 0.2em; 

    width: 1.2em;

    height: 1.2em;

    background-color: silver;

}

.earth {

/*    animation: orbit 36.5s linear infinite; */  

}

/* rotation period 27.322 days */

.moon {

    animation: orbit 2.7s linear infinite;

}

@keyframes orbit {

    to {

        transform: rotate(360deg);

    }

}

@keyframes orbit {

    to {

        transform: rotate(360deg);

    }

}

/**footer end**/