@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;font-weight: normal;}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-weight: normal; font-size:100%}em{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}img{border:0;vertical-align:top;}header,footer{display:block;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}

body {min-width: 1200px;margin: 0 auto; position:relative; color:#666; background:#fff; }
a { color: inherit;transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;cursor:pointer}
a:hover {text-decoration:none;color: #CC0000;}
.wrap { position:relative; width:1280px; margin:0 auto; clear:both;}
.header,.footer { position:relative; margin:0 auto;}
.fl { float: left !important;}
.fr { float: right !important;}



/*banner*/
.banner { position:relative; width:100%; height:643px; overflow: hidden;margin-top:145px}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd {position:absolute;z-index:2; bottom:32px; left:50%; width:1280px; margin-left:-640px; height:12px; text-align:center; }
.banner .hd li { display:inline-block;width:10px; height:10px; margin:0 6px;background-color: #fff; text-indent:-999em; overflow:hidden; cursor:pointer;border-radius: 50%;-webkit-border-radius: 50%; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.banner .hd li.on { width:10px; height:10px; background-color: #0c72d5}
.banner img {transition:1.5s ease-in-out;transform:scale(1)}
.banner .hover img {opacity:.8;transform:scale(1.2)}


/*内容*/
/*left*/
.content {width:1240px;margin:0 auto;padding:0px;margin-top:50px;}
.content .one p{display:inline-block;width:160px;font-size:16px;line-height:48px;text-align:left;color:#1A1A1A;}
.content .one p a{margin-left:8px}
.content .one ul{margin-top:16px;padding-left:10px;padding-bottom:20px}
.content .one li{font-size:14px;line-height:25px;font-family:"微软雅黑"}
.one{background:#FAFAFA;width:275px;margin-left:10px;float:left}

.content .one1 p{display:inline-block;width:160px;font-size:16px;line-height:48px;text-align:left;color:#1A1A1A;}
.content .one1 p a{margin-left:10px}
.content .one1 ul{margin-top:16px;padding-left:10px;padding-bottom:20px}
.content .one1 li{font-size:14px;line-height:25px;font-family:"微软雅黑"}
.one1{background:#FAFAFA;width:326px;margin-left:10px;float:left}

.ada{display:inline-block;float:right;background:url('../images/addadd.jpg') no-repeat left center;padding-left:20px;margin-top:10px;margin-right:10px}

/*right*/
.two{float:right;width:320px;}
.content .two p{display:inline-block;width:80%;font-size:18px;line-height:48px;text-align:left;color:red;padding-left:10px}
.clcl{background:#E8E8E8}


.two ul{background:#FAFAFA;margin-top:6px;list-style:square;padding-bottom:8px;padding-top:14px}
.two li{margin-left:10px;font-size:16px;color:#1A1A1A;line-height:30px;background:url('../images/dian.png') no-repeat left center;}
.two li a{margin-left:20px}


.inside_field_contop p{margin:20px}
.inside_field_contop strong {margin-top: 20px;display: inline-block;}

button{cursor:pointer; } /*这个可以不用*/
.clear{clear:both; }
.fl{float:left; }
.fr{float:right; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px;}
.main{position: relative;width: 1200px;margin: 0px auto; overflow:hidden;}
/*==============================top==============================*/

/**/
/*首页应用领域  产品体系 start*/
/**/
.field_pro{clear:both; width:100%; background:#f5f5f5; padding-bottom:30px;padding-top:10px}
.field_fr{float:right; width:325px; background:url(../images/field.jpg) no-repeat center top; height:429px;}
.field_fr .field_fr_txt{clear:both; padding:0px 30px; text-align:left; font-size:17px; color:#000; line-height:28px; font-weight:bold;}
.field_btn{clear:both; width:192px; height:55px;  text-align:center; margin:27px auto 20px; font-weight:bold;}
.field_btn a{border-radius:10px; background:#ff1a00; font-size:25px; line-height:55px; color:#fff; display:block; transition:all 1s; -webkit-transition:all .4s;}
.field_btn a:hover{box-shadow:0px 2px 0px rgba(0,0,0,0.4);}
.field_fl{float:left; width:872px;}
.field_fl li{float:left; width:207px; height:207px; background:#fff; font-weight:bold; color:#85b8ea; font-size:16px; text-align:center; transition:background .4s; margin-right:11px; margin-bottom:15px;}
.field_fl li a{clear:both; width:100%; height:100%; display:block; transition:color .4s;}
.field_fl li i{clear:both; width:100%; display:block; height:128px; padding:30px 0px 20px 0px; transition:background .4s;}
.field_fl li i.cwhs{background:url(../images/fieldpic01.png) no-repeat center center;}
.field_fl li i.gylgl{background:url(../images/fieldpic02.png) no-repeat center center;}
.field_fl li i.fxls{background:url(../images/fieldpic03.png) no-repeat center center;}
.field_fl li i.ydyy{background:url(../images/fieldpic04.png) no-repeat center center;}
.field_fl li i.scgl{background:url(../images/fieldpic05.png) no-repeat center center;}
.field_fl li i.xzsy{background:url(../images/fieldpic06.png) no-repeat center center;}
.field_fl li i.xtbg{background:url(../images/fieldpic07.png) no-repeat center center;}
.field_fl li i.rlzy{background:url(../images/fieldpic08.png) no-repeat center center;}
.field_fl li:hover{ background:#85b8ea;}
.field_fl li:hover a{color:#fff;}
.field_fl li:hover i.cwhs{background:url(../images/fieldpic01_w.png) no-repeat center center;}
.field_fl li:hover i.gylgl{background:url(../images/fieldpic02_w.png) no-repeat center center;}
.field_fl li:hover i.fxls{background:url(../images/fieldpic03_w.png) no-repeat center center;}
.field_fl li:hover i.ydyy{background:url(../images/fieldpic04_w.png) no-repeat center center;}
.field_fl li:hover i.scgl{background:url(../images/fieldpic05_w.png) no-repeat center center;}
.field_fl li:hover i.xzsy{background:url(../images/fieldpic06_w.png) no-repeat center center;}
.field_fl li:hover i.xtbg{background:url(../images/fieldpic07_w.png) no-repeat center center;}
.field_fl li:hover i.rlzy{background:url(../images/fieldpic08_w.png) no-repeat center center;}
/**/

.inr1,.inr2,.inr3,.inr4,.inr5{text-align:center;}
.inr1{color:#0c72d5; font-size: 52px;line-height: 120px;margin-top:60px}
.inr2{font-size:16px;line-height:32px}
.inr3{width: 496px;height: 43px;line-height: 42px;margin: 0 auto;background: url(../images/com.png) no-repeat 0px -50px;font-size: 16px;margin-top:30px;margin-bottom:30px;}
.inr4{line-height:40px;font-size:20px;margin-top:100px}
.inr5{line-height:100px;margin-bottom:30px;}
.inr5 span{padding:10px 40px;background:#0c72d5;color:#fff;border-radius:20px;margin-right:20px;font-size:16px;cursor:pointer}
.inr5 span:hover{background:#fff;border:1px solid #0c72d5;color:#0c72d5;padding:9px 39px;}
.inpic{margin:0 auto;width:1200px;overflow:hidden}
.inpic ul li{width: 25%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;}
.inpic ul li .first{margin: 0px 10px;
    overflow: hidden;
	border: 1px solid #ccc;
	padding-bottom:20px}
.inpic ul li .first:hover{
	border-bottom:5px solid #0c72d5;
	padding-bottom:16px;
}
.lateZ{    transform-style: preserve-3d;
    perspective: 800px;
    transform-origin: 0px 0px;
    backface-visibility: hidden;
    overflow: hidden;
    background: #333;}
.lateZ img {
    transition: all 0.4s;
    transform-origin: bottom right;
    transform: scale(1);
    position: relative;
}
.first img {
    width: 100%;
}
.first .text {
    height: 81px;
    padding-top: 25px;
    background: #fff;
}
.index_shiyong {
    width: 100%;
    height: 50px;
}
.index_shiyong span.icoo1 {
    background-position: -58px -626px;
}
.index_shiyong span.icoo1 {
    background-position: -58px -626px;
}
.index_shiyong span.icoo2 {
    background-position: -112px -625px;
}
.index_shiyong span.icoo3 {
    background-position: -44px -769px;
}
.index_shiyong span.icoo4 {
    background-position: -120px -773px;
}
.index_shiyong .a {
    display: block;
    margin-left: 100px;
    height: 100%;
    color: #423D3C;
    text-align: left;
}
.index_shiyong .a .p1 {
    font-size: 18px;
    line-height: 30px;
}
.index_shiyong .a .p2 {
    font-size: 14px;
}
.index_shiyong span {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    background: url(../images/index1.png) no-repeat;
    margin-left: 30px;
}