body{margin: 0; padding: 0; color: #333; letter-spacing:1px; line-height:24px; background:url(/syzc/bj1.gif);font: 16px,"微软雅黑", SimSun, sans-serif; }
div,form,img,ul,ol,li,dl,dt,dd,table,td,tr,th{ margin: 0; padding: 0;border:0; overflow:hidden; }
li{list-style-type:none; }
select,input{ font-size:12px; font-family:Arial, "宋体";color: #666666; line-height:20px;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;font-weight: normal;; font-size:12px;}
img{vertical-align:middle; text-align:center;}
/**/
a:{ }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; }
a:active {text-decoration: none;}
/**/
strong{ font-weight:normal; color:#999999; font-size:14px}

.mainbody{width:80%; min-width: 980px;margin:0 auto;}



.top{ height:60px; background:#0066CC;}
.top .logo{ background:url(/syzc/logo.png) no-repeat 0 0; width:362px; height:45px; margin:10px 0 0 10px; float:left;}
.top ul{ float:right; width:;}
.top ul li{ float:left; margin:18px 0 0 15px; }
.top ul li a{ color:#FFFFFF}

.banner{ height:300px; background:url(/syzc/banner.jpg) no-repeat center; background-size: cover;}


.nav{ height:80px; background:#003366;}
.nav ol{ width:; text-align:right;}
.nav ol li{ float:left;  height:80px;}
.nav ol li a{ display:block; height:80px; font-size:22px; padding:0 50px; line-height:80px;color:#2FD8F2}
.nav ol li a:hover{ background:url(/syzc/navbj.gif);background-repeat: repeat-x; font-size:28px;color:#003366}
.nav ol div{ height:80px; margin-top:7px; margin-right:30px;}
.nav ol li#li1 a{background:url(/syzc/navbj.gif);background-repeat: repeat-x; font-size:28px;color:#003366}

.main1{box-sizing: border-box;display:flex;justify-content: space-between;width:100%;height:404px;background:;background-size: 2560px 100%;}
.m1comt{width:1080px;height:418px; border-radius:5px;box-sizing: border-box;padding:;margin:0 auto;margin-top:40px;display:;justify-content: space-between;background: #fff;}
.m1lf{width:376px;}

.m1rt{width:1000px; margin:0 0 0 45px;}
.m1rt_top{ background:url(/syzc/m1rt_top.png) no-repeat 45px 0; width:100%; height:52px;}
.tile{font-size:25px;color:#333; margin:15px 0 10px 0; font-weight:bold; }
.tile span{ font-size:16px;color:#0066CC}

.m1lf_wd{margin-top:25px;}
.m1lf_wd li{height:36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px;}
.m1lf_wd li a{margin-left:15px;color:#2a2e24;display:inline;}
.m1lf_wd li span{display:inline-block;width:83px;}
.m1rt_wd{height:265px;overflow-y: auto;margin-top:15px;}
.m1rt_wd p{width:955px;font-size:14px;line-height:24px;}
.m1rt_wd::-webkit-scrollbar-thumb{background:#0066CC;border-radius: 3px;height:40px;width:10px;}
.m1rt_wd::-webkit-scrollbar{width:10px;border-radius: 3px;background:#0066CC;opacity: 0.4;}
.m2comt{display:flex;justify-content: space-between;margin-top:38px;}
.mbox li{width:250px;background:#008586;transition:all 0.2s linear;}
.mbox li a{display:block;width:100%;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px;}
.mbox li a img{width:100%;transition:all 0.3s linear;}
.mbox li a img:hover{transform:scale(1.2);}
.mwbox{line-height:48px;padding:0 20px;box-sizing: border-box;font-weight:bold;}
.mbox li:hover{background:#00acad;}
.m3comt{margin-top:42px;}
.m3comt li{float:left;margin-right:26.6px;margin-bottom:88px;}
.m3comt li:nth-child(4n){margin-right:0;}








.title{ height:70px; background:; text-indent:40px; color:#0066CC; font-size:24px; font-weight:; line-height:70px; padding:30px 0 5px 0}
.title span{ float:right; line-height:70px; margin-right:40px; font-size:14px;}
.title span a{ color:#CCCCCC}
.title span a:hover{ color:#0066CC}

.news{width:1080px;height:418px; border-radius:5px; padding:;margin:0 auto;margin-top:20px;background: #fff;}
.news ul a{ display:block; width:44%; padding-left:40px;  height:46px; font-size:18px; float:left; color:#333333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 
.news ul a:hover { color:#0066CC; text-decoration: }
.huodong a{ display:block; width:315px; margin:0 0 0 20px; float:left; line-height:24px; color:#333; font-size:14px}
.huodong a img{ width:315px; height:185px; padding-bottom:10px;}




/*公共部分*/




.footer{ height:240px; background:#0066CC; margin-top:30px; }
.footer h1{  width:100%; margin:0 auto; height:40px; text-align:center; padding-top:50px;font-size:14px; }
.footer h2{width:100%; margin:0 auto; text-align:center; height:100px; margin-top:15px; line-height:20px; color:#FFFFFF}

.content{width:80%; min-width: 980px; margin:0 auto; background:#FFFFFF; margin-top:25px; border-radius:5px;}
.content ul{ margin:20px 0 20px 0}

.content h1{ width:94%; color:#999999; height:24px; margin:0 auto; font-size:14px; padding:35px 0 0 0; border-bottom:#999 1px double}
.content ul li{ width:94%; height:35px; line-height:35px; margin:0 auto; padding:5px 0 ;font-size:18px;}
.content ul li a{ color:#333333; display:block; width:88%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; float:left;}
.content ul li span{ display:block; width:10%; float:right; color:#999; font-size:12px; line-height:24px; text-align:right;font-size:14px; }
.content ul li a:hover{ color:#0066CC; }
	/*在此定义相关CSS样式*/
.page{ height:40px; margin:20px;  text-align:left;}
.page a:link,a:visited{	display:inline-block;   color:#333;   padding:5px 10px;   margin:5px;   border:1px solid #e8e8e8; text-decoration:none;}
.page a:hover,a:active{  color:#fff; background-color:#0066CC;}

.content_1{width:94%;margin:0 auto; }
.content_1 h2,h3{ text-align:center;}
.content_1 h2{font-size:28px; font-weight:bold; margin-top:60px;}
.content_1 h3{ font-size:14px;}
.content_1 p{ padding:10px 0 30px 0; font-size:18px;line-height:40px;}
.content_1 span{  font-size:18px;line-height:40px;}
.forms{width:980px; margin:0 auto; background:#003366; margin-top:35px; border-radius:10px;}
form {background-color:;border-radius: 10px;	border:);margin: auto;padding: 40px;box-sizing: border-box;}
form .content_f {border-radius: 20px;	background-color: ;}
form .content_f .top_f h3{line-height:;	text-align: center;	border-bottom: 1px solid #3472AF;	color:#FFFFCC;	font-size:30px;	padding-bottom:20px;	margin-bottom:20px;}
form .content_f .top_f h3 p{ margin:0; padding:0; font-weight:normal; font-size:14px}
form .content_f .center .line {line-height: 60px;}
form .content_f .center {border-bottom: 1px solid #659BD1;	text-align: center;padding-bottom:30px;	}
form .content_f .center label {display: inline-block;	width: 100px;	color:#FFFFFF;	text-align: right;	font-size:20px;}
form .content_f .center .line:not(.not) label{	letter-spacing: 0px;}
form .content_f .center .not label{	padding-right:0px;	box-sizing: border-box;}
form .content_f .center input {width: 350px;margin: 0 10px;line-height: 40px;border-radius: 6px;	outline: none;	border: 1px solid rgba(0,0,0,0.4);}
form .content_f .center input:focus{border: 1px solid lawngreen;}
form .content_f .center input:visited{border: 1px solid green;}
form .content_f .center input:valid+span{visibility: hidden;	color:#659BD1}
form .content_f .center input:invalid+span{visibility: visible;color:#659BD1}
form .content_f .center span{display: inline-block;width:200px;text-align: left;color:#659BD1; line-height:20px; font-size:12px;}
form .content_f .bottom {line-height: 80px;text-align: center;margin-top:30px;}
form .content_f .bottom input {width: 350px;height: 50px;margin-left:-100px;background-color:#sss; font-size:18px; color:#333333; font-weight:bold; border: none;outline: none;border-radius: 10px;}
form .content_f .bottom input:hover{background-color:#FFCC02;box-shadow: 0 2px 0 1px rgba(225,73,175,0.5);}
form .content_f .bottom input:active{box-shadow: 0 1px 0 1px rgba(12,135,162,1);}
form .content_f .bottom input:file{width:300px; height:300px;}
form .content_f .center p{ width:450px; margin:-10px auto 0 auto; text-align:left; color:#659BD1; font-size:12px; }
form .content_f .center b{ display:block;width:450px; height:90px; margin:0 auto; padding-top:20px;color:#fff; line-height:6em; text-align:justify; font-size:12px; font-weight:normal}
form .content_f .center b a{ display:block; width:60px; height:85px; margin-right:20px; float:left; background:}



/*css3动画*/
#animat{
                position:relative;
                animation:mymove 5s infinite;
                -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
                animation-direction:alternate;/*轮流反向播放动画。*/
                animation-timing-function: ease-in-out; /*动画的速度曲线*/
                /* Safari 和 Chrome */
                -webkit-animation:mymove 5s infinite;
                -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
                -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            }
            @keyframes mymove
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.1);
                }
 
            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.1);
                }
            }