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: 180px; overflow: hidden; background: url("../Image/top-bg.png") center center;}
.top2{width: 1100px; height: 119px; line-height: 119px; margin: 0 auto;}
.top2-1{width: 600px; height: 70px; overflow: hidden; line-height: 70px; margin: 24.5px 0;}
.top2-2{width: 300px; height: 99px; margin: 10px 0;}
.top2-2-1{width: 50px; height: 50px; margin: 44.5px 10px 4.5px 0; line-height: 50px; font-size: 0;}
.top2-2-2{width: 240px; height: 90px; margin: 4.5px 0;}
.top2-2-3{font-size: 24px; line-height: 40px; color: #5f5f5f}
.top2-2-4{font-size: 32px; line-height: 50px; color: #d61834; font-weight: bold; background: #ffb017; color: #545454; padding: 0 10px;}
.top3{width: 100%; height: 61px;}
.top3 .nav{width: 1100px; height: 61px; margin: 0 auto; line-height: 60px; padding: 0 0 0 13px;}
.top3 .nav li{float: left; width: 134px; height: 61px; position: relative; transform: skew(25deg);  }
.top3 .nav li p{float: left; width: 134px; height: 61px; text-align: center; color: white; font-size: 15px; transform: skew(-25deg);}
.top3 .nav li:hover{background: #ffb017;}

.pro{width: 1100px; height: auto; overflow: hidden; margin: 0 auto; padding: 45px 0;}
.pro1{position: relative; width: 1100px; height: 90px;}
.pro1-1{position: absolute; width: 290px; height: 90px; background: white; border: 1px solid #767676; z-index: 10; left: 405px; top:0; text-align: center;
padding: 15px 0;}
.pro1-1-1{font-size: 20px; line-height: 35px;}
.pro1-1-2{font-size: 16px; line-height: 25px;}
.pro1-2{position: absolute; width: 700px; height: 1px; background: #767676; top:44.5px; left: 200px;  z-index: 9;}
.pro-type{width: 1098px; height: 70px; border-bottom: 6px solid #4172e3; margin: 50px 0 0 0;}
.pro-type1 li{float: left; width: 183px; height: 64px; line-height: 70px; text-align: center; font-size: 16px; overflow: hidden;}
.pro-type1 li:nth-child(2n){background: #dedede;}
.pro-type2 li{float: left; width: 183px; height: 64px; line-height: 70px; text-align: center; font-size: 16px; background: #dedede;}
.pro-type li:hover{background: #4172e3; color: white;}
.pro-main li{float: left; width: 257px; height: 327px; overflow: hidden; margin: 20px 9px 0 9px; text-align: center;}
.pro-main li .pic{width: 257px; height: 257px; border: 1px solid #c4c4c4; overflow: hidden; line-height: 255px; font-size: 0;}
.pro-main li .pic img{vertical-align: middle;}
.pro-main li .title{text-align: center; width: 257px; height: 50px; line-height: 50px; font-size: 15px;}
.pro-main li:hover .pic{border: 1px solid #174cc4;}
.pro-main li:hover .title{background:#174cc4; color: white;}

.about{margin: 40px 0; width: 100%; height: 528px; overflow: hidden; background: url("../Image/about.jpg") center center;}
.about-main{position:relative; width: 1100px; height: 528px; margin: 0 auto;}
.about1{position: absolute; width: 145px; height: 1px;  top:45px; left: 70px; background: white;}
.about2{position: absolute; width: 110px; height: 60px; top:30px; left: 215px; color: white; text-align: center; line-height: 30px;}
.about2-1{font-size: 20px;}
.about2-2{font-size: 16px;}
.about3{position: absolute; width: 145px; height: 1px;  top:45px; left: 325px; background: white;}
.about4{position: absolute; width: 495px; height: 210px; overflow: hidden;  top:125px; left: 25px; box-shadow: -10px -10px 0 rgba(0, 0, 0, 0.18);}
.about5{position: absolute; width: 495px; height: 120px; line-height: 30px; left: 25px; top:350px; color: white;}
.about6{position: absolute; width: 100px; height: 30px; line-height: 30px; left: 420px; top:440px; color: white;}
.about7{position: absolute; width: 500px; height: 63px; line-height: 63px; font-size: 24px; font-weight: bold; left: 588px; top:164px; color: #3c3c3c;
font-family: "宋体"; overflow: hidden;}
.about8{position: absolute; width: 400px; height: 63px; line-height: 63px; font-size: 24px; font-weight: bold; left: 613px; top:257px; color: #3c3c3c; font-family: "宋体"; overflow: hidden;}
.about9{position: absolute; width: 325px; height: 63px; line-height: 63px; font-size: 24px; font-weight: bold; left: 633px; top:349px; color: #3c3c3c;font-family: "宋体"; overflow: hidden;}
.about10{position: absolute; width: 195px; height: 63px; line-height: 63px; font-size: 24px; font-weight: bold; left: 666px; top:441px; color: #3c3c3c; font-family: "宋体"; overflow: hidden;}

.news-case-con{width: 1100px; height: 470px; margin: 0 auto; padding: 35px 0 25px 0;}
.news{width: 340px; height: 410px; overflow: hidden; }
.news1{width: 340px; height: 70px; line-height: 70px; font-size: 20px; background: #1b4ab1; color: white; text-align: center;}
.news1 span{font-size: 16px;}
.news2-1{width: 340px; height: 173px; padding: 15px 14px; overflow: hidden;}
.news2-2 li{line-height: 35px;  height: 35px; width: 320px; border-bottom: 1px dashed #ababab; margin: 5px 10px 0;}
.case{width: 340px; height: 410px; overflow: hidden; margin: 0 0 0 40px;}
.case1{width: 340px; height: 70px; line-height: 70px; font-size: 20px; background: #1b4ab1; color: white; text-align: center;}
.case1 span{font-size: 16px;}
.case2{width: 340px; height: 340px; overflow: hidden;  border: 15px solid #dddddd;}

.picScroll-left{ width:310px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; width:310px; height:310px; display:block; line-height: 310px; font-size: 0;}
.picScroll-left .bd ul li .pic img{vertical-align: middle;}

.con{width: 340px; height: 410px; overflow: hidden; margin: 0 0 0 40px;}
.con1{width: 340px; height: 70px; line-height: 70px; font-size: 20px; background: #1b4ab1; color: white; text-align: center;}
.con1 span{font-size: 16px;}
.con2{width: 340px; height: 340px; overflow: hidden; background: #dddddd;}
.con2-1{widows: 340px; height: 128px; padding:15px 13px;}
.con2-2{padding: 10px 15px;  line-height: 25px; width: 340px; height: 170px; overflow: hidden;}

.footer{width: 100%; height: 45px; background: #2e2e2e; line-height: 45px;}
.footer-main{width: 1100px; height: 45px; margin: 0 auto; color:#a5a5a5; font-size: 15px;}

.pro-side1-1{width: 240px; height: 80px; background: #1b4ab1; color: white; line-height: 80px; font-size: 20px; text-align: center;}
.pro-side2 li{width: 240px; height: 40px; line-height: 40px; background: #dedede; font-size: 15px; text-align: center; margin: 10px 0 0 0;}
.pro-side2 li:hover{background: #ffb017;; color: white;}

.pro-index li{margin: 20px 8px 0 8px;}


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

/*内页公共*/
.pro-right1-2{color: #224299; font-size: 18px; font-weight: bold;}
.pro-right1-1{width: 10px; height: 10px; background: #e80000; margin:12.5px 5px 12.5px 0;}
.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;}
.sidebar{width: 240px; height: auto;}
.main-right{width: 820px; height: auto; overflow: hidden;}

.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: 600px; margin: 0 auto;}
.pro-info1 img{max-width: 600px;}
.pro-info2{font-size: 16px; line-height: 30px; text-align: center;}
.pro-info3{font-size: 16px; margin: 5px 0;}
.pro-info4{font-size: 14px; line-height: 28px;}

.honor-index li{height: 400px;}
.honor-index li .pic{height: 350px; line-height: 348px;}