@charset "utf-8";
::-webkit-scrollbar {width:0px;height:0px;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,q {display:block;}
table {border-collapse:collapse;}
ul,ol,li {list-style:none;}
em{font-style: normal;}
b{font-weight: normal;}
a {text-decoration:none;cursor:pointer;cursor:hand;color:inherit;}
body,html {font-family:Microsoft YaHei,sans-serif,Arial,Helvetica;color:#333;background:#fff;width:100%;line-height:1.6;word-wrap:break-word;font-size: 16px;overflow-x: hidden;}
.fl {float:left;}
.fr {float:right;}
.ti2{text-indent: 2em}
img{max-width: 100%;vertical-align: middle;}
.fix{overflow: hidden;}
.fix:before, .fix:after { content: ''; display: table; }
.fix:after { clear: both; }
.tc{text-align: center;}
.coll{color: #ff0000}
.mt10{margin-top:10px}
.container{ width:1200px; margin-left: auto; margin-right: auto;line-height: 1.6;font-size: 16px;overflow: hidden;}
.container h2{ font-size: 22px;color: #333;font-weight: normal;border-bottom:1px solid #999999;padding-bottom:5px;margin-top: 20px}
.top{overflow: hidden;padding: 10px 0}
.top p{font-size: 14px;margin-top: 15px}
.top p em{color: #0496BF}
.banner {width: 1200px;margin: 10px auto}
.zxbtn{text-align: center;margin: 20px 0}
.zxbtn a{width:175px;height:42px;display:inline-block;border:1px solid #0570B6;border-radius:10px;color:#0570B6;font-size:18px;line-height:42px;text-align:center;transition:all .3s;}
.zxbtn a:hover{background-color:#0570B6;color:#fff;}

.listleft {width: 650px;overflow:hidden;}
.listleft li{border-bottom: #aaaaaa dashed 1px;line-height:49px;float: left;width: 305px;margin: 0 10px}
.listleft li em{float: right;}
.listleft li a:hover{color: #0068B7}
.yyright{width: 500px; margin-right: 5px}
.iconx ul li {float: left;margin:10px;width: 63px;font-size: 15px}
.iconx ul li a {display: block;height: 100%; text-decoration: none;width: 100%;}
.iconx ul li .a1 i {background-position: 0 0;}
.iconx ul li .a2 i {background-position: -42px 0;}
.iconx ul li .a4 i {background-position: 0 -86px;}
.iconx ul li .a5 i {background-position: -42px -86px;}
.iconx ul li .a6 i {background-position: -85px -86px;}
.iconx ul li .a7 i {background-position: 0 -171px;}
.iconx ul li .a1:hover i { background-position: 0 -43px;}
.iconx ul li .a2:hover i {background-position: -42px -43px;}
.iconx ul li .a4:hover i {background-position: 0 -129px;}
.iconx ul li .a5:hover i {background-position: -42px -128px;}
.iconx ul li .a6:hover i {background-position: -85px -128px;}
.iconx ul li .a7:hover i {background-position: 0 -214px;}
.iconx ul li a i {background-image: url(../images/libg.png);display: block;height: 43px;margin: 5px auto 0;transition: all 0.3s linear 0s;width: 43px;}
.iconx ul li a span {color: #666;display: block;text-align: center; margin-top: 10px}

.ztlist{margin-top: 15px}
.ztlist li{float: left;width: 280px;margin: 10px;text-align: center;}
.ztlist li p{margin-top: 10px}

.jbsy{width: 650px;}
.jbsy_a a{background: #f5f5f5;text-align: center;line-height: 60px;margin: 4px;float: left;}
.jbsy_a a.cur,.jbsy_a a:hover{background-color: #0068B7;color: #fff;}
.jbsy_a a.a1{width: 179px;}
.jbsy_a a.a2{width: 239px;}
.jbsy_a a.a3{width: 207px;}
.jbsy_a a.a4{width: 207px;}
.jbsy_a a.a_img{background-image: url(../images/hota.gif);background-position:100% 4%;background-repeat:no-repeat;}
.jbsy_btu a{color: #fff;font-weight: 600;font-size: 18px;margin: 5px 5px 0;display: block;}
.jbsy_btu b{line-height: 80px;width: 375px;text-align: center;background-color: #0068B7;float: left;}
.jbsy_btu span{background-color: #ffa02f;float: right;width: 260px;line-height: 44px;padding: 16px 0;text-align: center;}
.jbsy_btu span em{margin-right: 5px;}
.jbsy_btu span img{}
.case{  width:500px; overflow:hidden;margin-top: 20px}
.caseone{ margin-top:14px; overflow: hidden;}
.caseone ul li{ float:left;padding: 10px 0;height: 54px;width: 155px;margin: 5px}
.caseone ul li.li1{background-color: #4273e1;}
.caseone ul li.li2{background-color: #29d59a;}
.caseone ul li.li3{background-color: #f0886c;}
.caseone ul li.li4{background-color: #faa94a;}
.caseone ul li.li5{background-color: #e764a8;}
.caseone ul li.li6{background-color: #4273e1;}
.caseone ul li img{float: left;margin-left: 20px;margin-right: 5px;}
.caseone ul li span{font-size: 20px;line-height: 54px;float: left;color: #fff;}
.casetwo{ margin: 10px 0}
.casetwo h3{ overflow:hidden; height:46px;margin: 20px 5px 10px}
.casetwo ul li{ float:left; margin:5px; width:115px;  line-height:40px;text-align: center;}
.hot{ background:url(../images/hota.gif) top right no-repeat #f1f1f1;}
.zc{ background:#f1f1f1;}

.service ul {padding:10px 0;}
.service ul li {border:1px #eeeeee solid;background:#fff;width:278px;float:left;margin:10px;height:335px;}
.service ul li:hover {background:#fff;box-shadow:0 0 10px #ccc;border-radius:5px;}
.service ul li h4{color:#fff;font-size:18px;text-align:center;background:#0068B7;font-weight: normal;padding: 7px 0}
.service ul li p{padding: 10px}

.equip ul{margin-top: 15px}
.equip ul li{width: 380px;margin:10px;float: left;overflow: hidden;}
.equip ul li img{width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.equip ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}



@media screen and (max-width: 900px){
    .container{width: 96%}
    .container h2{margin-top: 15px}
    .top{width: auto;padding: 10px 0}
    .top img{width: 175px;}
    .top p{margin-top: 0}
    .banner{width: 100%;margin-top: 0}
    .listleft,.yyright,.jbsy,.case{float: none;width: auto;overflow: hidden;}
    .yyright{margin-right: 0 }
    .listleft li{float: none;width:auto;margin: 0}
    .iconx ul li{width: 29%;margin: 5px 2%}
    .ztlist li{width: 46%;margin: 5px 2%}
    .jbsy_a a{margin: 1%;line-height: 45px}
    .jbsy_a a.a1,.jbsy_a a.a3{width: 44%;}
    .jbsy_a a.a2,.jbsy_a a.a4{width: 52%;}
    .jbsy_btu span{width: 42%;padding: 0;line-height: 40px}
    .jbsy_btu span img{width: 30px}
    .jbsy_btu b{width: 57%;line-height: 40px}
    .caseone ul li,.casetwo ul li{margin: 1%;width: 31.33%}
    .caseone ul li img{width: 35px;margin-left: 10px;margin-top: 7px}
    .service ul li{border:0;box-shadow: 0 0 0 1px #eee;width: 46%;margin: 2%;height: auto;}
    .equip ul li{width: 46%;margin: 2%}

   
 }