@charset "utf-8";
/* CSS Document */

body, head, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: #555;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
td, th, caption {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 16px;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
a {
	color: #4b4a4a;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
}
ol, ul, li {
	list-style: none;
}
input, textarea, select, button {
	font: 14px Helvetica, Arial, sans-serif;
}
table {
	border-collapse: collapse;
}
html {
	overflow-y: scroll;
}
.tou{
    height:  227px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
*zoom:1;
}
.cl {
	clear: both;
}
.w {
	width: 1280px;
	margin: 0 auto;
}
.text{background: #0879e6;height: 45px;}
.head-top{
    height:  135px;
}
.head{
    position:  fixed;
    width: 100%;
    background: white;
    z-index: 10;
    border-bottom: 1px solid #dbdbdb;
    height: 154px;
}
.textleft{
    float:  left;
}
.textleft p{
    color: #ffffff;
    line-height: 42px;
}
.textrright{
    float:  right;
}
.textrright ul li i{
    font-size: 20px;
    margin-top: 7px;
    margin-right: 13px;
}
.textrright ul li{float:  left;color: #ffffff;line-height:  42px;}
.textrright ul li p{
    float: right;
    margin-right:  20px;
    font-size: 14px;
}
.logo{}
.gsm{
    float:  left;
    margin-top:  10px;
}
.nav{
    float: right;
    margin-top: 43px;
}
.nav ul{}
.nav ul li{
    float: left;
    width: 88px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
}
.nav ul .l1 a{
	width: 70px;
	margin:  0 auto;
}
.nav ul .l1 a{
	width: 85px;
	display: block;
	position: relative;
	color: #4b4a4a;
	margin:  0 auto;
}
.nav ul .l1 a:after{
	content: "";
	width: 0;
	height: 2px;
	background: #0879e6;
	position: absolute;
	top: 100%;
	left: 50%;
	transition: all .8s;
}
.nav ul .l1 a:hover:after{
   left: 0%;
   width: 100%;
 text-align: center;
}
.nav ul li:hover a{}
.nav ul li ul{width: 80px;display:  none;}
.nav ul li:hover ul{display: block;transition: all 0.6s ease;z-index: 999;position:  fixed;}
.newstop{
    margin-top:  30px;
}
.newstop h2{
    font-size: 30px;
    color: #373d41;
    line-height: 1.5;
    font-weight: 600;
    padding: 10px;
    }
.newsbottom{}
.newsbottom ul{}
.newsbottom ul li h2{
    font-size: 20px;
    line-height: 44px;
    font-weight: bold;
}
.newsbottom ul li{
    float:  left;
    padding: 10px;
    width: 288px;
}
.newsbottom ul li img{
    /* width: 280px; */
}
.newsbottom ul li p {
    line-height: 28px;
}
.newsbottom ul li p a{
    line-height: 28px;
    margin-left: 10px;
    color: #2c2c2c;
}
.newsbottom ul li a:hover{
    color: #666464;
}
.gduo a img{
    margin-top: 15px;
    transition: all 0.6s ease;
    width: 100px;
}
.gduo{
    float:  right;
    margin-right: 12px;
}
.gduo a:hover img{transform: translate(20px, 0);}
.newsbottom ul li p img{width: 8px;}
.newsbottom ul li p span{
    float:  right;
    margin-right: 8px;
    line-height: 28px;
}
.fanwei{
    background: #f5f5f5;
    overflow:  hidden;
}
.fw{}
.fwbottom{}
.fwbottom ul{}
.fwbottom ul li{
    float:  left;
    padding: 10px;
}
.fwbottom ul li span{
    overflow:  hidden;
    display:  block;
    box-shadow: 2px 3px 5px 2px #959595;
}
.fwbottom ul li span img{
    transition: 1s ease-out;
}
.fwbottom ul li span img:hover{
    transform: scale(1.4);
    overflow: hidden;
    width: 280px;
}
.fwbottom ul li h2{
    color: #0879e6;
    font-size: 20px;
    border-bottom: 1px dotted #a6a1a1;
    line-height: 67px;
    margin-bottom: 14px;
}
.fwbottom ul li p{line-height: 30px;}
.yw a{
    border: 1px dotted;
    line-height: 16px;
    font-size: 14px;
    padding: 7px;
    display:  block;
    text-align:  center;
    margin-top: 25px;
    margin-bottom: 35px;
}
.yw a:hover{
    color: #0879e6;
    font-weight:  bold;
}
.aboutsleft{
    float:  left;
    width: 550px;
    margin-left: 5px;
}
.aboutsleft p{
    line-height: 28px;
    text-indent: 2.3em;
    color: #3b3b3b;
}
.aboutsright{
    float:  right;
    margin-right:  5px;
}
.footertop{
    background: #0879e6;
}
.footertext{height: 110px;text-align:  center;margin-top:  30px;}
.footertext h2{
    float:  left;
    color: white;
    font-size: 37px;
    margin-left: 150px;
    margin-top: 30px;
}
.footertext a{}
.footertext img{
    margin-top: 37px;
}
.footer{background: #212832;overflow:  hidden;}
.footerbottm{}
.footer1{
    float:  left;
    padding: 26px;
}
.footer1 h2{
    line-height:  30px;
    color: #c1c0c0;
    height: 50px;
    font-weight: bold;
}
.footer1 ul{}
.footer1 ul li{
}
.footer1 ul li a{
    color: #c1c0c0;
    line-height: 28px;
}
.footer1 ul li a:hover{
    color: #c0e0ff;
}
.footer2{
    float:  left;
    padding:  26px;
}
.footer2 h2{
    line-height:  30px;
    color: #c1c0c0;
    height: 50px;
    font-weight: bold;
}
.footer3{
    font-weight: bold;
    padding:  26px;
    float:  right;
}
.footer3 h2{
    font-weight: bold;
    color: #c1c0c0;
}
.footer3 img{}
.footer2 ul li{
    color: #c1c0c0;
    line-height: 30px;
}
.footer2 ul li a{
    color: #c1c0c0;
    line-height:  30px;
}
.footer2 ul li a:hover{
    color: #c0e0ff;
}
.footerlj{
    background: #1c222a;
    height:  80px;
}
.lj ul{
}
.lj ul li{
    float:  left;
    margin: 0 10px;
    margin-top: 31px;
}
.lj ul li a{
    color: #c1c0c0;
}
.lj ul li a:hover{
    color: #c0e0ff;
}
.cy{}
.cyl{
    float: left;
}
.cyl img{}
.cyr{
    float: right;
    width: 770px;
}
.cyr h2{
    font-size: 22px;
    color: #ca0303;
    line-height: 40px;
}
.cyr p{
    font-size: 16px;
    line-height: 30px;
}