/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color:black;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: black;}
a:hover{ text-decoration:none; color: #1b7ae4;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}


.fl{ float: left;}
.fr{ float: right;}
.clear { clear: both;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.w1200 { width: 1200px; margin: 0 auto;}
.w780 { width: 780px;}
.w400 { width: 400px;}


body { background: #f6f6f6;}
.header { height: 520px; background: url(header.png) no-repeat center top;}

.container { width: 1200px; margin: 20px auto; overflow: hidden;}

.box { background: #fff; height: 278px; overflow: hidden;}
.title { position: relative; border-bottom: 1px solid #eaeaea; height: 53px; line-height: 53px; padding-left: 20px;}
.title:before { content: ""; position: absolute; left: 0; top: 16px; width: 2px; height: 22px; background: #1886fe;}
.title h3 { float: left; font-size: 20px;}
.main{ display: flex; height: 224px;}
.main .item { flex: 1; text-align: center;}
.main .item i { display: block; line-height: 100px; margin: 30px auto 10px;}
.main .item img { vertical-align: middle; transform: rotateY(0); transition: all 2s;}
.main .item span { line-height: 20px; cursor: pointer;}
.main .item:hover img { transform: rotateY(360deg); transition: all 2s;}

.list { padding: 15px 15px 0;}
.list li { position: relative; background: url(dot.png) no-repeat left center; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; padding-right: 100px;}
.list li span { position: absolute; right: 0; font-size: 14px; color: #999;}

.zccs { width: 360px; height: 178px; margin: 0 auto; padding-top: 20px; overflow: hidden;}
.zccs img { width: 100%; height: 100%;ransform: scale(1); transition: all .5s;}
.zccs img:hover { transform: scale(1.05); transition: all .5s;}

.foot{width: 100%; height: auto; /*overflow: hidden;*/ border-top: 5px solid #2f73b2; }
.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 190px;} 
.foot_fl img{vertical-align: middle;}
.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}