@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑"; background-color: #fff; color: #303030;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#303030;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#ef8008;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.moddle{width:1200px;}
.clear{clear:both;}
.wrapper{ width: 1200px; margin: 0px auto;}
.sbj{ margin-top: 30px;}
#alttxt{background: #FFF;border: 1px #ddd solid;font-size:12px;padding:10px;z-index:1000;position:absolute;display:none;}
.bian,#alttxt,div.contents img,.error3{border-radius: 5px;box-shadow: 0px 0px 15px #aaa;}
.fl{ float: left;}
.fr{ float: right;}
.top{ height: 120px;}
.topnr{display: flex;justify-content: flex-start;}
.menu{ height: 120px;}
.logo{ width: 450px; height: 120px;display: flex;justify-content: flex-start;line-height: 120px;font-weight: bold;font-size: 30px;align-items: center;}
.logo img{margin-right: 10px;}
#nav{width:100%;height:120px;line-height: 120px;display: flex;justify-content: space-between;width: 750px;}
#nav li{text-align: center;width:116px;height: 120px;line-height: 120px;}
#nav li a{display:block;text-align:center;font-size:18px;color: #303030;}
#nav li:hover{text-decoration:none; background: #3a72f1;}
#nav li a:hover{ color:#fff;}
#nav li dl{width:116px;background:#3a72f1;list-style-type:none;left:-999em;position:absolute;z-index:99999;float:left; color: #fff;}
#nav li dl dt{height:44px;line-height:44px; text-align: center; color: #fff;}
#nav li dl dt a{color:#fff;font-size:14px;height:44px;line-height:44px; display: block;}
#nav li dl dt:hover{ background: #d60000;}
#nav li:hover dl{left:auto;}
#nav .current{ background: #f8c400; color: #295956;}

/*footer*/
.footer{ width:100%; padding:26px 0px 26px 0px; background:#3a72f1; color: #fff;}
.footl{ width: 500px; display: flex; justify-content: space-between;}
.footl dl{ width: 140px; text-align: center;}
.footl dl dt{ line-height: 63px; font-size: 16px;}
.footl dl:nth-child(2){width: 35%;}
.foot_fl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot_fl dd{width: 45%;}
.footl dl dd{ line-height: 36px;}
.footl dl dd a{ font-size: 16px; color: #C0CEF9}
.footc{ margin-left: 30px; width: 430px; margin-right: 0px; padding-top: 15px;}
.footc li{ line-height: 39px; font-size: 16px; }
.footc li img{ vertical-align: center; width: 18px; margin-right: 15px; padding-top: 10px;}
.footr{ width: 150px; text-align: center; line-height: 40px;}
.footr img{ width: 130px; height: 130px; margin-top: 25px;}
.dbgjc{ line-height: 30px; text-align: center;}
.banquan{ height:60px; line-height: 60px; color: #fff; text-align: center; background: #162be8}

/*index*/
.product{ padding: 50px 0px;}
.title{ text-align: center; margin-bottom: 35px;}
.tit_t{ line-height: 29px; font-size: 20px; color: #303030; text-transform: uppercase;}
.tit_b{ line-height: 41px; font-size: 30px; color: #3a72f1}
.cpfl{ display: flex; justify-content: center; margin-bottom: 35px;flex-wrap: wrap;}
.cpfl li{ width: 150px; height: 60px; line-height: 60px; text-align: center; background: #3A72F1; margin: 10px 25px}
.cpfl li a{ font-size: 20px; color: #fff; letter-spacing: 1px}
.cpfl li:hover{ background: #d60000}
.cpzs{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 282px; text-align: center; margin-bottom: 15px}
.cpzs li ol{ width: 282px; height: 242px; overflow: hidden; border: 1px solid #c3c2c2}
.cpzs li ol img{ width: 280px; height: 240px;}
.cpzs li p{ line-height: 50px; font-size: 14px;}
.cpzs li:hover p{ background: #3A72F1; color: #fff}
.cpzs li:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.gsys{ background: url("../images/ysbg.jpg") no-repeat top; padding: 50px 0px; height: 740px;}
.gsysb{ padding-top: 69px;}
.title1{margin-top: 50px;}
.ysl{ width: 350px; text-align: right;margin-top: 60px;}
.gsysb dl{ margin-bottom: 72px;}
.gsysb dl dt{ font-size: 42px; font-weight: bold; color: #3a72f1}
.gsysb dl dd{ line-height: 24px; font-size: 14px; color: #606060}
.gsysb dl:hover dt{ color: #f60000}
.ttb{ margin-right: 52px;}
.ttl{ margin-left: 52px;}
.ysr{ width: 340px; text-align: left;margin-top: 60px;}
.company{ padding: 50px 0px}
.com_l{ width: 540px; margin-right: 30px;}
.com_r{ width: 630px; line-height: 30px; font-size: 14px;margin-top: 50px;}
.com_r p{ text-indent: 2em;}
.com_r_more{ width: 140px; height: 45px; text-align: center; line-height: 45px; background: #d60000; margin-top: 45px; float: right}
.com_r_more a{ color: #fff; font-size: 16px;}
.com_r_more:hover{ background: #3A72F1}
.news{ padding: 50px 0px}
.newsb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsb dl{ width: 380px; box-shadow: 0 0 10px #999; margin-bottom: 20px;}
.newsb dl img{ width: 380px; height: 220px; margin-bottom: 7px;}
.newsb dl dt{ padding: 0px 15px; line-height: 34px;}
.newsb dl dt a{ font-size: 18px;}
.newsb dl dd{ line-height: 26px; font-size: 14px; padding: 0px 15px 0px 15px}
.newsb dl ol{ line-height: 27px; float: right; padding-right: 15px; font-size: 14px; padding-bottom: 20px;}
.newsb dl:hover{ background: #3a72f1;}
.newsb dl:hover dt a, .newsb dl:hover dd, .newsb dl:hover ol{ color: #fff}
.newsb dl:hover dt a{ padding-left: 20px;}
.newsb li{ width: 46%; margin-left: 2%; line-height: 45px; border-bottom: 1px dashed #999; background: url("../images/icon6.png") no-repeat left center;}
.newsb li a{ padding-left: 15px; font-size: 14px;}
.newsb li span{ float: right; padding-right: 10px; font-size: 14px;}
.newsb li:hover a{ padding-left: 35px;}
.nmore{ margin: 35px auto; width: 140px; height: 45px; line-height: 45px; text-align: center; background: #d60000;}
.nmore a{ color: #fff; font-size: 14px;}
.nmore:hover{ background: #3A72F1}

#demo_{overflow:hidden;width:1200px; }
#indemo_{float:left;width:800%;}
#demo1_{float:left;}
#demo2_{float:left;}
.idllist1{margin:0px auto;}
.idllist1 li{float:left;margin:10px 10px 0px 10px; background-color:#fff; padding:2px; text-align: center; line-height: 40px;}
.idllist1 li ol{ width: 280px; height: 210px; overflow: hidden; border: 5px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.idllist1 li ol img{width:280px;height:210px;}
.idllist1 li:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.idllist1 li a{ font-size: 14px; color: #333333;}

.nlx{ margin-top: 50px;}
.nlxt{ height: 40px; line-height: 40px; background: #3a72f1; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ background: #f4f5f7; padding: 10px; line-height: 30px; font-size: 14px;}