@charset "utf-8";
/* CSS Document */
/*top header*/
.top{ background: rgba(0,0,0,0.4); height: 80px; position: fixed; z-index: 99999; width: 100%;}
.top .w1400{ overflow: initial;}
.logo{ padding:11px 0; float: left }
.top_tel{ float: right; color: #FFF; font-size: 24px; font-weight: bold; height: 44px; line-height: 44px; background: url(../Image/top_tel.png) no-repeat left center; padding:0 23px 0 200px;}
.nav{ float: right; width: 930px; height: 36px; line-height: 36px; clear: right;}
.nav> li{ float: left; width: 103px; height: 36px; position: relative;}
.nav> li>a{text-align: center; color: #FFF; font-size: 16px; display: block; text-align: center;}
.nav .menu_xia{ width: 0; height: 0; opacity: 0; overflow: hidden; transition: 0.3s all;}
.nav li:hover >a{ background: rgba(0,0,0,0.4); }
.nav li:hover >.menu_xia{ width: 100%; height: 100px; opacity: 1; overflow: initial; }
.nav li:hover >.menu_xia li a{display: block;background: rgba(0,0,0,0.64); margin-top: 1px; text-align: center; line-height: 40px; color: #FFF; width: 104px; overflow: hidden; height: 40px;}
.nav li:hover >.menu_xia li:hover a{background: rgba(0,152,240,0.8);}

.flash{ background:url(../Image/flash.jpg) no-repeat top center; height: 755px;}
.zyflash{ background:url(../Image/zyflash.jpg) no-repeat top center; height: 485px;}
.daohang{ height: 65px; line-height: 65px; background: #f8f9f8; overflow: hidden;}
.daohang a{ padding: 0 15px; font-size: 16px; display: inline-block;}
/*end footer*/
.end{ background: #373737; width: 100%; min-width: 1200px; padding-bottom: 30px; overflow: hidden;}
.end .end_menu li{ width: 102px; float: left; overflow: hidden;}
.end .end_menu li a{color: #ababab; display: block; text-overflow: ellipsis; line-height:30px; white-space: pre;}
.end .end_menu li .title{ position: relative; font-size: 16px; line-height: 66px; height: 66px; border-bottom: 1px solid #515151; margin-bottom: 5px; color: #FFF;}
.end .end_menu li a:hover{ color: #FFF;}
.end .end_chart{ color: #8c8c8c; text-align: center; width: 220px; height: 220px; border: 1px solid #4d4d4d;}
.end .end_chart img{ padding: 24px 0 10px 0;}
.end_nr{ background: #242424; color: #9c9c9c; width: 100%; min-width: 1200px; text-align: center; line-height: 58px;}
.end_nr a{ color: #9c9c9c; padding: 0 10px;}


.sy_nav{ padding: 30px 0; text-align: center;}
.sy_nav p{ font-size: 60px; color: #a9a9a9; font-family:arial; line-height: 70px;}
.sy_nav span{ font-size: 30px; color: #2e2e2e;}
/*子页样式 */
.zy_nav{ padding: 30px 0; margin: 0 auto; margin-bottom: 20px; position: relative; text-align: center; background: url(../Image/zy_nav.png) no-repeat center bottom;}
.zy_nav p{ font-size: 18px; color: #7d7d7d; font-family:arial; line-height: 40px;}
.zy_nav span{ font-size: 36px; color: #515151}
.zy_nav:before,.zy_nav:after{ content:''; position:absolute; bottom: 12px; width: 48.3333%; height: 0;border-bottom: 1px dotted #d6d6d6; left: 0 }
.zy_nav:after{right: 0; left:auto;}
.img_l{ float: left; margin-right: 25px }
.img_r{ float: right; margin-left: 25px }
/*联系我们*/
.lx_nr{width:600px;}
.lx_nr h1{font-size:24px; color: #3a3a3a; line-height:25px; margin:5px 0 20px 0;}
.lx_nr p{font-size:16px; line-height:40px; color: #7f7f7f;}
.lx_nr p img{ float: left; opacity: 0.3; padding: 8px ;}
.lx_nr p.tel{ font-size: 30px; color: #7f7f7f; margin-top: 15px;}
.lx_nr p.tel span{ font-weight: bold; color: #47a53a;}
.chart_er{ width: 600px; color: #7e7e7e;border-right: 1px solid #e0e0e0;}
.chart_er2{ width: 550px; padding-left: 35px; border: none;}
.chart_er img{ float: left; margin-right: 30px;}
.chart_er p{ font-size: 18px; line-height: 60px; color: #212121;}

.zxly_nr{background: #fcfcfc;border: 1px solid #f0e2cb;padding: 20px; width: 870px; margin-left: 120px; overflow: hidden;}
.order{ width: 960px; overflow: hidden; margin: 10px auto;}
.order .text{ width: 50%; float: left; margin-bottom: 12px; height: 44px;}
.order .text input{ width: 80%; padding: 0 5%; height: 40px; line-height: 40px; font-family: Microsoft YaHei;border-radius: 3px;border:1px solid #d2d4d6;}
.order .longtext{ width: 100%; margin-bottom: 12px; height: 140px; clear: both;}
.order .longtext textarea{border:1px solid #d2d4d6;resize: none;width:91%;height:110px; padding: 10px 2%;font-family: Microsoft YaHei;border-radius: 3px;}
.order .but{ width:95%; height: 42px; background: #0098f1;color: #FFF; clear: both; font-size: 16px;font-family: Microsoft YaHei;border-radius: 3px;}

