html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none; }

body{font-size: 14px; box-sizing: border-box; background: white; font-family: "Microsoft Yahei"; overflow-x: hidden;}
.fl{float: left;}
.fr{float: right;}
li{list-style: none;}
.clear{clear: both;}
img{max-width: 100%;}
.BMap_shadow img{max-width: none; }
*{box-sizing: border-box;}
.page{margin: 20px 0 0 0;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}

.top{width: 100%; height: auto; overflow: hidden;}
.top1{width: 100%; height: 30px; overflow: hidden; background: #e5e5e5;}
.top1-main{width: 1100px; height: 30px; line-height: 30px; margin: 0 auto;  color: black;}
.top1-2{height: 30px; line-height: 30px; overflow: hidden;}
.top2{width: 1100px; height: 130px; line-height: 130px; margin: 0 auto;padding: 25px 0;}
.top2-1{width: 720px; height: 80px; overflow: hidden; line-height: 80px;}
.top2-2{width: 240px; height: 80px;}
.top2-2-1{width: 47px; height: 47px; margin: 16.5px 10px 16.5px 0; line-height: 47px; font-size: 0;}
.top2-2-2{width: 180px; height: 50px; margin: 15px 0;}
.top2-2-3{font-size: 15px; line-height: 20px;}
.top2-2-4{font-size: 26px; line-height: 30px; color: #0e49c3;}
.top3{width: 100%; height: 50px; background: #0e49c3;}
.top3 .nav{width: 1100px; height: 50px; margin: 0 auto; line-height: 50px;}
.top3 .nav li{float: left; width: 137.5px; height: 50px; position: relative;}
.top3 .nav li p{width: 135.5px; height: 50px; float: left; text-align: center; color: white; font-size: 15px;}
.top3 .nav li:nth-last-child(1) p{width: 133.5px;}
.top3 .nav li span{background: url("../Image/nav1.jpg"); display: block; width: 2px; height: 50px; float: left;}
.top3 .nav li:hover p{background: #063aa5;}

.pro{width: 100%; height: 770px; box-shadow: 0 5px 5px #bbb;}
.pro-main{width: 1100px; height: 770px; margin: 0 auto; padding: 60px 0;}
.pro-type{width: 210px; height: auto; overflow: hidden; box-shadow: 5px 5px 5px #bbb,-5px 5px 5px #bbb;}
.pro-type1{width: 210px; height: 80px; background: #0066ff; text-align: center; color: white; padding: 10px 0;}
.pro-type1-1{font-size: 18px; line-height: 30px; height: 30px;}
.pro-type1-2{font-size: 20px; line-height: 30px; height: 30px;}
.pro-type2{padding: 0 16px 24px 16px;}
.pro-type2 li{width: 178px; height: 52px; margin: 26px 0 0 0; background: url("../Image/type1.png"); color: white; font-size: 15px;
line-height: 52px; padding: 0 0 0 28px;}
.pro-type2-4{width: 150px; height: 52px; overflow: hidden; text-align: left;}
.pro-type2 li:hover{background: url("../Image/type2.png");}
.pro-right{width: 860px; height: 650px; overflow: hidden; box-shadow: 5px 5px 5px #bbb,-5px 5px 5px #bbb; padding: 15px 25px;}
.pro-right1{width: 810px; height: 35px; line-height: 35px; border-bottom: 1px solid #0066ff;}
.pro-right1-1{width: 35px; height: 20px; background: url("../Image/pro-head1.png"); margin: 7.5px 5px 7.5px 0;}
.pro-right1-2{font-size: 18px; color: #0066ff; font-weight: bold; line-height: 35px;}
.pro-right1-3{font-size: 13px; color: #989898; font-weight: bold; line-height: 30px; margin: 5px 0 0 3px;}
.pro-right1-4{font-size: 14px; color: black;}
.pro-right2{width: 810px; height: 600px; overflow: hidden;}
.pro-right2 li{float: left; width: 189px; height: 253px; margin: 20px 0 15px 0;}
.pro-right2 li .pic{width: 189px; height: 208px; overflow: hidden; line-height: 206px; font-size: 0; border: 1px solid #ccc;}
.pro-right2 li .pic img{vertical-align: middle;}
.pro-right2 li .title{width: 189px; height: 45px; line-height: 45px; text-align: center; background: #d9d9d9; font-size: 15px;}
.pro-right2 li:nth-child(4n-2){margin: 20px 18px 15px 18px;}
.pro-right2 li:nth-child(4n-1){margin: 20px 18px 15px 0;}
.pro-right2 li:hover .title{background: #0066ff; color: white;}


.advan1{width: 100%; height: 580px; background: url("../Image/advan1.jpg") center center; overflow: hidden;}
.advan1-main{width: 1100px; height: 580px; margin: 0 auto; position: relative;}
.advan1-1{position: absolute; height: 44px; width: 118px; line-height: 44px; text-align: center; font-size: 20px; font-weight: bold; color: white;}
.advan1-2{position: absolute; height: 44px; width: 380px; line-height: 44px; text-align: left; font-size: 20px; color: #5c5c5c;}
.advan1-3{top:248px;}
.advan1-4{top:303px;}
.advan1-5{top:358px;}
.advan1-6{top:413px;}
.advan1-7{top:468px;}
.advan1-8{top:248px; left: 140px;}
.advan1-9{top:303px; left: 140px;}
.advan1-10{top:358px; left: 140px;}
.advan1-11{top:413px; left: 140px;}
.advan1-12{top:468px; left: 140px;}
.advan2{width: 100%; height: 814px; background: url("../Image/advan2.jpg") center center; overflow: hidden;}
.advan2-main{width: 1100px; height: 580px; margin: 0 auto; position: relative;}
.advan2-1{position: absolute; font-family: "宋体"; font-size: 32px; font-weight:bold; line-height: 60px; color: white;}
.advan2-2{position: absolute; font-family: "宋体"; font-size: 20px; font-weight:bold; line-height: 30px; color: white; width: 410px;}
.advan2-3{left:670px; top:222px;}
.advan2-5{left:670px; top:524px;}
.advan2-4{left:690px; top:310px;}
.advan2-6{left:690px; top:357px;}
.advan2-7{left:690px; top:670px;}
.advan2-8{left:690px; top:717px;}

.com{width: 1100px; height: auto; overflow: hidden; margin: 30px auto;}
.com1{font-size: 20px; font-weight: bold; color: #0a70f1; text-align: center; line-height: 30px; height: 30px;}
.com2{height: 35px; width: 1100px; position: relative; margin: 10px 0 0 0;}
.com2-1{width: 1100px; height: 1px; background: #b0b0b0; position: absolute; top:17px;}
.com2-2{position: absolute; width: 120px; height: 35px; border: 1px solid #b0b0b0; background: white; left: 490px; font-size: 15px; color: #7e7e7e;
line-height: 34px; text-align: center;}
.com3{width: 1100px; height: 330px; overflow: hidden; margin: 50px 0;}
.com3-1{width: 420px; height: 330px; overflow: hidden; line-height: 330px;}
.com3-2{width: 640px; height: 140px; overflow: hidden; position: relative;}
.com3-2-1{font-size: 20px; font-weight: bold; line-height: 30px; color: #2a2929;}
.com3-2-2{margin: 10px 0 0 0;  line-height: 25px; height: 100px; width: 640px; overflow: hidden;}
.com3-2-3{position: absolute; top:115px; left: 500px; width: 140px; height: 25px; line-height: 25px; text-align: center;}
.com3-2-3:hover{color: #0a70f1;}
.com3-3{width: 640px; height: 190px; overflow: hidden; padding: 25px 0 0 0;}
.com3-3 li{float: left; width: 200px; height: 165px; margin: 0;}
.com3-3 li:nth-child(2){margin: 0 20px;}
.com3-3-1{width: 200px; height: 135px; overflow: hidden; font-size: 0; line-height: 135px;}
.com3-3-1 img{vertical-align: middle;}
.com3-3-2{width: 200px; height: 30px; line-height: 30px; text-align: center;}

.advan3{width: 1100px; height: 203px; background: url("../Image/advan3.jpg"); margin: 0 auto; position: relative;}
.advan3-1{position: absolute; left: 330px; top:60px; font-size: 40px; color: white; font-family: "宋体"; font-weight: bold; line-height: 50px; 
width: 200px; height: 50px; text-align: center; overflow: hidden;}
.advan3-2{position: absolute; left: 530px; top:60px; font-size: 26px; color: #005aff; font-family: "宋体"; font-weight: bold; line-height: 50px;
width: 230px; height: 50px; background: white; text-align: center; overflow: hidden;}
.advan3-3{position: absolute; left: 330px; top:120px; font-size: 26px; color: white; font-family: "宋体"; font-weight: bold; line-height: 50px;
width: 430px; height: 50px; text-align: center;overflow: hidden;}
.advan3-4{position: absolute; left: 870px; top:60px; font-size: 24px; color: #0001ff; font-family: "宋体"; font-weight: bold; line-height: 50px; 
width: 120px; height: 50px; text-align: center; overflow: hidden; background: white;}
.advan3-5{position: absolute; left: 870px; top:120px; font-size: 32px; color: white; font-family: "宋体"; font-weight: bold; line-height: 50px; 
width: 190px; height: 50px; text-align: center; overflow: hidden;}

.case{width: 1100px; height: auto; overflow: hidden; margin: 40px auto;}
.case1{width: 1100px; height: auto; overflow: hidden; margin: 20px 0 0 0;}
.case1 li{float: left; width: 200px; height: 215px;margin: 0 25px 0 0;}
.case1-1{width: 200px; height: 175px; border: 1px solid #666; overflow: hidden; line-height: 174px; font-size: 0;}
.case1-1 img{vertical-align: middle;}
.case1-2{width: 200px; height: 40px; line-height: 40px; text-align: center; }
.case1 li:nth-last-child(1){margin: 0;}


.footer{width: 100%; height: 250px; background: #0066ff;}
.footer-main{width: 1100px; height: 250px; margin: 0 auto; padding: 40px 0 30px 0; color:white;}
.footer1{width: 240px; height: 180px; overflow: hidden; border-right: 1px solid white;}
.footer2{width: 550px; height: 180px; overflow: hidden; border-right: 1px solid white; padding: 0 0 0 80px;}
.footer3{width: 310px; height: 180px; overflow: hidden; padding: 57.5px 45px;}
.footer1-1{font-size: 20px; font-weight: bold; height: 40px; line-height: 40px;}
.footer1-2{width: 35px; height: 3px; background: white; float: left;}
.footer1-3{float: left; width: 160px; height: 140px; margin: 5px 0 0 0;}
.footer1-3 li{float: left; width: 80px; height: 35px; line-height: 35px;}
.footer2-1{margin: 5px 0 0 0; height: 35px; line-height: 35px;}


.pro-side{width: 240px; height: auto; overflow: hidden;}
.pro-side1{background: #005bac; width: 240px; height: 80px; padding: 20px 30px;}
.pro-side1-1{background: url("../Image/side1.png"); width: 40px; height: 40px;}
.pro-side1-2{width: 120px; height: 40px; margin: 0 0 0 20px; color: white; font-size: 24px; line-height: 40px;}
.pro-side2{padding: 10px 15px 30px; border: 1px solid #ccc;}
.pro-side2 li{width: 210px;  height: 50px; line-height: 50px; border-bottom: 1px solid #888; font-size: 16px;}
.pro-side2-2{width: 210px; height: 50px; overflow: hidden;}
.pro-side2-3{background: url("../Image/side2.png"); width: 18px; height: 18px; margin: 16px 10px;}
.pro-side2-4{width: 170px; height: 50px;}

/*内页*/
.pro-index{width: 810px; height: auto; overflow: hidden;}
.case-index li{width: 189px; height: 210px;}
.case-index li .pic{width: 189px; height: 165px; line-height: 165px;}
.honor-index li{width: 189px; height: 170px;}
.honor-index li .pic{width: 189px; height: 125px; line-height: 125px;}


/*内页公共*/
.pro-con{margin: 20px 0 0 0;}
.pro-con1{line-height: 25px;}

.com-top1{width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #cacaca;}
.com-top1-1{font-size: 22px; color: #005bac; font-weight: bold;}
.com-top1-3{width: 5px; height: 24px; background:#005bac; margin:8px 5px; }
.main{width: 1100px; height: auto; overflow: hidden; margin: 40px auto; padding: 5px;}
.sidebar{width: 210px; height: auto;}
.main-right{width: 850px; height: auto; overflow: hidden;box-shadow: 5px 5px 5px #bbb,-5px 5px 5px #bbb;padding: 5px 20px; border-top: 6px solid #fe9500;}

.com-index-title{height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; color:black;}
.com-index-title1{font-size: 20px; line-height: 40px; color: #2f2f2f; font-weight: bold;}
.com-index-title1 p{float: left; background: url("../Image/title.png"); height: 25px; width: 16px; margin: 7.5px 5px 7.5px 0;}
.com-index2{text-align: center; font-size: 18px; line-height: 30px; margin: 10px 0;}
.com-index3{text-align: center; width: 600px; margin: 0 auto;}
.com-index4{text-align: left; font-size: 14px; line-height: 28px;  margin: 10px 0;}
.con-index{margin: 20px; font-size: 14px; line-height: 28px;}

.news-index li{width: 100%; height: 40px; margin:10px 0; line-height: 40px; border-bottom:1px dotted #888; padding:0 5px;}
.news-info{text-align: center;}
.news-info1{font-size: 18px; line-height: 30px; margin:10px 0 5px 0;}
.news-info3{width: 600px; margin: 10px auto;}
.news-info4{margin: 10px 0; font-size: 14px; line-height: 28px; text-align:left;}

.pro-info{margin: 20px 0;}
.pro-info1{text-align: center; width: 400px; margin: 0 auto;}
.pro-info1 img{max-width: 400px;}
.pro-info2{font-size: 16px; line-height: 30px; text-align: center;}
.pro-info3{font-size: 16px; margin: 5px 0;}
.pro-info4{font-size: 14px;}