/*头部*/
.header_box{height:112px; position: fixed; top:0px; width:100%; background:#fff; z-index: 10; border-bottom:1px solid #ccc; }
.header{height: 79px;background: #fff;width:1200px;margin:30px auto 0px;}
.header .logo{float: left; width: 215px;}
.header .logo img{ max-width: 100%;}
.right{width: 983px;height: 52px;}
.right,.phone,.menu,.language{float: right;}
.phone{font-size: 16px;color: #333333;font-family: 'Myriad Pro';font-weight: bold;}
.phone img{float: left;margin-right: 10px;}
.nav,.menu .m{float: left;}
.menu{margin-top: 15px;}
.menu li{text-align: center;}
.nav{margin-top: 4px;}
.nav .m{padding: 0 30px;border-right: 1px dotted #c3c3c3;position: relative;}
.nav li:last-child{border-right: none;}
.nav li:hover a{color: #0066c6;}
.nav a{font-family: '微软雅黑';font-size: 16px;line-height: 7px;color: #666666;}
.nav a.cur{ color: #0066c6;}
.nav .sub{ display:none; /*默认隐藏*/ left: 50%; position:absolute; top:13px; z-index:1;border:1px solid #c3c3c3; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center;padding: 0 18px; margin-bottom:-1px;min-width: 80px; white-space:nowrap;word-break:keep-all;}
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;   }
.nav .sub li a:hover{ color:#0066c6;   }
.language li{float: left;}
.language li{line-height: 16px;}
.language li a{padding: 0 15px;}
.language li:last-child a{padding-right: 0px;}
.language li,.language li a{font-family: 'Open Sans';font-size: 16px;color: #333333;}
.language li.on a{color: #0066c6;}
.big{overflow: hidden;}
.big img{transition: all 0.5s;display: block;margin: 0 auto;}
.big img:hover{transform: scale(1.3); }
/*固定*/
.fix{position: fixed;right: 30px;top: 60%;z-index: 100;}
.fix ul .n{text-align: center;line-height: 45px;margin-bottom: 2px;position: relative;}
.fix ul .n img{vertical-align: middle;}
.fix ul .n .img{background: #0066c6;width: 45px;height: 45px;}
.fix ul .n div.after{/*opacity: 0;display: none;*/}
.fix ul .n div.after ul{font-size: 14px;position: absolute;top: 0;right: 48px;border: 1px solid #c6c6c6;display: none;}
.fix ul .n div.after ul li{height: 45px;background: #0066c6;padding:0 8px;margin-bottom: 2px;min-width: 90px;}
.fix ul .n div.after ul li:last-child{margin-bottom: 0;}
.fix ul .n div.after ul li a{color: #fff; display: inline;}
.fix ul .n div.phone{/*opacity: 0;display: none;*/ padding: 0 8px;background: #0066c6;font-size: 14px;color: #fff;position: absolute;top: 0;right: 48px;border: 1px solid #c6c6c6;}
.fix ul .n .wechatma{width: 105px;height: 101px; text-align: left;padding: 6.5px;background: url(../images/wechatbg.png) no-repeat;position: absolute;top: -35px;right: 48px;/*opacity: 0;*/display: none;}
.fix ul .n .wechatma img{width: 99px;height: 99px;}
.fix ul .n .img:hover{transition: all 1s;transform: scale(1.2);}
.fix ul .n div{transition: all 1s;}
.fix ul .n div img{transition: all 1s;}
/*.fix ul .n:hover div{display: inline-block;}*/
/*翻页*/
.center{padding-top: 50px;margin-left: 500px;}
.page_str{margin: 0 auto;text-align: center;}
.page_str span,.page_str a,.page_str form input{display: inline-block;width: 40px;height: 40px;color: #333333;border: none;text-align: center;line-height: 40px;background: #ebebeb;margin: 0 3px;}
.page_str span.current{background: #0066c6;color: #fff;}
.page_str .dian,.page_str .gong{background: #fff;}
.page_str .gong{width: 90px;}
.page_str form select{width: 60px;height: 40px;line-height: 40px;}
.page_str form input{cursor:pointer;}
.page_str span,.page_str a,.page_str form{float: left;}

/*联系*/
.contact_bg{min-width: 1200px; width: 100%;background: url(../images/about12.jpg);}
.contact_bg .contact{height: 179px;padding-top: 30px;margin: 0 auto;}
.contact_bg .contact h2{background: #f6f8f9;}
.contact_bg .contact_content{margin: 0 auto;width: 1200px;}
.contact_bg .contact_content li{width: 180px;padding: 0 60px;float: left;text-align: center;}
.contact_bg .contact_content p{margin-top: 25px;color: #333333;font-size: 16px;font-family: '微软雅黑';}
.contact_bg .contact_content_img{width: 180px;height: 60px;line-height: 60px;margin: 0 auto;}
.contact_bg .contact_content_img img{vertical-align: middle;}
/*脚部*/
.footer{height: 246px;min-width: 1200px;margin: 0 auto;background: #2f2f2f;}
.bottomnav{height: 115px;border-bottom: 1px solid #525252;}
.bottomnav .bottomnavul{height: 21px;padding-top: 50px;text-align: center;}
.bottomnav .hover{cursor: pointer;font-size: 16px;font-family: '微软雅黑';text-align: center;margin: 0 40px;position: relative;background: url(../images/down.png) no-repeat 100% 10px;padding-right: 15px;display: inline-block;}
.bottomnav .hover:hover{background: url(../images/up.png) no-repeat 100% 10px;}
.hover .sub{display: none;font-size: 16px;position: absolute;bottom: 21px;padding: 15px 18px 10px 18px;min-width: 80px; text-align: center;background: #2f2f2f;border-top:1px solid #c3c3c3;left: 50%}
.hover .qq{padding-left: -10px;}
.hover a{color: #fff;}
.hover .sub a{color: #a6a6a6;padding: 3px 0; display:block;white-space:nowrap;word-break:keep-all; }
.hover .sub a:hover{color: #fff;}
.copyright{color: #fff;font-size: 12px;line-height: 26px;font-family: '微软雅黑';text-align: center; margin-top: 20px;}
.link{text-align: center;/*margin-top: 15px;*/margin-top:5px;}
.link li{display: inline;}
.link li a{color:#fff;font-size:14px;display: inline-block;padding: 0 12px;border-right: 1px solid #fff;}
.link li:first-child a,.link li:last-child a{border: none;}
/*.linkimg1,.linkimg2,.linkimg3,.linkimg4{display: inline-block;}
.linkimg1{background: url(../images/link1.png) no-repeat 50% 50%;width: 20px;height: 20px;margin: 0 6px;}
.linkimg2{background: url(../images/link2.png) no-repeat 50% 50%;width: 20px;height: 20px;margin: 0 6px;}
.linkimg3{background: url(../images/link3.png) no-repeat 50% 50%;width: 20px;height: 20px;margin: 0 6px;}
.linkimg4{background: url(../images/link4.png) no-repeat 50% 50%;width: 20px;height: 20px;margin: 0 6px;}
.linkimg1:hover{background: url(../images/link1_on.png) no-repeat 50% 50%;}
.linkimg2:hover{background: url(../images/link2_on.png) no-repeat 50% 50%;}
.linkimg3:hover{background: url(../images/link3_on.png) no-repeat 50% 50%;}
.linkimg4:hover{background: url(../images/link4_on.png) no-repeat 50% 50%;}