@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:方正仿宋;
}
a{text-decoration:none;}
a:hover{font-color:#ffffff;}
.top{width:100%;height:170px;background-color:#196bb4;}
.nav{width:1200px;height:170px;background-color:#196bb4;border:1 solid;}
.nav a:hover{color:#ffffff;background-color:#999999;}
.logo{width:179px;height:169px;float:left;}
.right{width:1021px;height:170px;margin-top:0px;float:right;}
.righttop{width:1021px;height:80px;margin-top:50px;}
.rightbottom {width:1061px;height:50px; margin-left:-10px; font-size:18px;color:#FFF; }
.rightbottom a{width:200px;height:50px;margin-left:0px; padding-left:20px;padding-right:18px; font-size:18px;color:#FFF; }
.banner{width:100%;height:641px; position:inherit; background-image:url(../images/banner.png); background-position:center;}
.neirong1{width:100%;height:100px; position:inherit; background-image:url(../images/neirong1.png); background-position:center;}
.neirong2{margin-top:20px;width:100%;height:100px; position:inherit; background-image:url(../images/neirong2.png); background-position:center;}
.neirong3{width:100%;height:100px; position:inherit; background-image:url(../images/neirong3.png); background-position:center;}
.neirong4{width:100%;height:100px; position:inherit; background-image:url(../images/neirong4.png); background-position:center;}
.neirong5{width:100%;height:100px; position:inherit; background-image:url(../images/neirong5.png); background-position:center;}
.neirong6{width:100%;height:100px; position:inherit; background-image:url(../images/neirong6.png); background-position:center;}
.neirong7{width:100%;height:100px; position:inherit; background-image:url(../images/neirong7.png); background-position:center;}
.neirong3  a:link {text-decoration:none;}
.content{width:1200px;height:auto;}
.neirong01 {width:350px;float:left;}
.neirong01 li{width:350px;height:234px; }
.neirong02 {width:800px;float:right; height:274px;}
.neirong02 li{width:800px;height:274px; }
.neirong03 {width:380px; float:left; border-left-color:#18acf9; border-left:solid;border-width:thin;border-color:#18acf9;}
.neirong04 {width:380px;height:274px; float:right;border-left-color:#18acf9; border-left:solid;}
.shipin {width:380px;height:274px;}
.neirong2-1{width:222px;height:240px;}
.neirong2-1 img {width:222px;height:180px;}
.neirong2-1 li {width:222px;height:180px; display:-webkit-box;display:-moz-box;display:box;}
.container{
  height:240px;
  width:1200px;
  border:0px solid #196bb4;
  margin:2px;
  overflow:hidden;
  list-sytle:none;
}
.container ul {
  height:240px;
  width:1200px;
  list-sytle:none;
}
.container li {
  height:240px;
  width:220px;
  float:left;
  margin-left:10px;
  text-align:left;
  list-sytle:none;
  overflow:hidden;
}
.shipinzhibo{width:855px; height:630px;border:solid;border-width:thin;border-color:#18acf9;float:left; color:#999999;}
.shipinzhibo ul{width:855px; height:800px; border:#18acf9; float:left;}
.shipinzhibo li{width:800px;margin:5px 0px 10px 5px;  height:auto; text-align:left;list-item:none;overflow:hidden;border-bottom:none;border-width:thin;border-color:#18acf9;float:left;}
.shipinzhibo img{border-radius:40px;width:80px;height:80px;margin-bottom:10px;margin-left:5px;}

.wenzhang{width:855px; height:100%;border:solid;border-width:thin;border-color:#18acf9;float:left; color:#999999;}
.wenzhang ul{width:855px; height:100%; border:#18acf9; float:left;}
.wenzhang li{width:100%;margin:5px 0px 10px 5px;  height:auto; text-align:left;list-item:none;overflow:hidden;border-bottom:none;border-width:thin;border-color:#18acf9;float:left;}
.wenzhang img{border-radius:40px;width:800px;height:100%;margin-bottom:10px;margin-left:5px;}

.shipin{width:855px; height:100%;border:solid;border-width:thin;border-color:#18acf9;float:left; color:#999999;}
.shipin ul{width:855px; height:100%; border:#18acf9; float:left;}
.shipin li{width:100%;margin:5px 0px 10px 5px;  height:auto; text-align:left;list-item:none;overflow:hidden;border-bottom:solid;border-width:thin;border-color:#18acf9;float:left;}
.shipin img{border-radius:40px;width:80px;height:80px;margin-bottom:10px;margin-left:5px;}
.guwen{width:855px; height:850px;border:solid;border-width:thin;border-color:#18acf9;float:left; color:#999999;}
.guwen ul{width:855px; height:800px; border:#18acf9; float:left;}
.guwen li{width:410px;margin:5px 10px 10px 5px;border:1px solid;  height:180px; text-align:left;list-item:none;overflow:hidden;border-bottom:solid;border-width:thin;border-color:#18acf9;float:left;}
.guwen.content1{width:265px;height:180px;line-height:260%; margin-left:100px;border:#18acf9;text-align:left;
float:right;color:#999999;}
.guwen img{width:42px;height:42px;margin:10px 0px 5px 10px;border-radius:40px;}
.article{width:855px; height:850px;border:solid;border-width:thin;border-color:#18acf9;float:left; color:#999999;}
.article ul{width:855px; height:800px; border:#18acf9; float:left;}
.article li{width:800px;margin:5px 0px 10px 5px;  height:180px; text-align:left;list-item:none;overflow:hidden;border-bottom:solid;border-width:thin;border-color:#18acf9;float:left;}
.article.content1{width:565px;height:180px;line-height:260%; margin-left:100px;border:#18acf9;text-align:left;
float:right;color:#999999;}
.article h3{color:#999999;font-weight:600;margin-bottom:10px;}
.articleright{width:325px; height:850px;border:solid;border-width:thin;border-color:#18acf9;margin-left:10px;margin-right:5px; float:right;color:#999999;}
.articleright ul{width:285px; height:700px; float:center;}
.articleright li{width:285px; height:160px; border-bottom:solid; border-width:thin;border-color:#18acf9;float:center;text-align:left;list-item:none;overflow:hidden; }
.articleright li img {border-radius:15px;width:30px;height:30px;margin-top:0px;margin-left:10px;}
.articleright content2 {width:200px;height:150px;text-align:left;}
.footer{width:100%;height:200px;background-color:#196bb4; vertical-align:middle;margin-top:10px;}
.footerleft{width:550px; height:180px; float:left;vertical-align:middle;}
.footerleft img{float:left;}
.footerleft ul{width:500px; height:180px; float:left;vertical-align:middle;}
.footerleft li{width:200px; height:180px; float:left;vertical-align:middle;
list-sytle:none;  overflow:hidden;}
.footerright{width:630px; height:180px;float:right;vertical-align:middle;}
.footerright img {margin-top:20px;float:right;padding-left:10px;}
.dingyue{width:200px;height:32px;}
.dingyue img{width:80px;height:32px;}
.jinpai img{width:30px;height:30px;}
/*图片特效*/
.main2{
			perspective: 500;
			-webkit-perspective: 500; /* Safari 和 Chrome */
			width: 221px;
			height: 182px;
			border: 0px none #CCCCCC;
			overflow: hidden;
			margin-bottom: 0px;
            			
			margin: 0px;
			-webkit-transform-style: preserve-3d;
		}
		.main2 img{
			transition: ease 0.6s;  
		}
		.main2 img:hover{
			-webkit-transform:  translateZ(50px);
		}
		
.main4{
			width: 250px;
			height: 250px;
			border: 0px none #CCCCCC;
			overflow: hidden;
			float: right;
			margin: 10px;
		}
		.main4 img{
				transition: all 0.6s;
		}
		.main4 img:hover{
			transform: scale(1.09);
		}	
 .shadow{
            float:left;
			margin-top:18px;
            margin-right:10px;
            
            transition-duration: 0.5s; //停留时间显示
            width:100px;
            height:130px;
        }
        .shadow:hover{
            -webkit-box-shadow: #ccc 2px 2px 10px 4px;/* #ccc 0px 10px 10px*/
            -moz-box-shadow: #ccc 2px 2px 10px 4px;/* #ccc 0px 10px 10px*/
            box-shadow: #ccc  2px 2px 10px 4px;  }	/* #ccc 0px 10px 10px*/
/*空心下拉箭头*/
select {

  /* styling */
  background-color: white;
  border: thin none blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 2em 0.5em 1.5em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}




select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 15px) calc(1em + 2px), /*20px*/
    calc(100% - 10px) calc(1em + 2px),/*15px*/
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 10px) 1em,  /*15px*/
    calc(100% - 15px) 1em, /*20px*/
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}