
/*body{font-family: 'Siyuan_L';}*/
.container{width: 80%;max-width: 1280px;margin: 0 auto;position: relative;}
.comm_pad{padding: 6vw 0;}
.header{position: fixed;top: 0;  width: 100%;z-index: 9;transition: all 500ms ease;-webkit-transition:all 500ms ease;padding: 0 5.33333%; transition: all 1.5s; }
.header .logo{ height: 80px; line-height: 80px; display: block; position: relative; transition: all 500ms ease;-webkit-transition:all 500ms ease;font-size: 0;transition: all 1.5s; }
.header .logo img{display: inline-block;vertical-align: middle; -webkit-transition: all .3s ease; transition: all .3s ease}
.header .logo .img2{ display: none;transition: all 1.5s; }
.header .logo .img1{z-index: 1;transition: all 1.5s;}
.header .menuBtn{ position: relative;z-index: 9; float: right; width: 77px;height: 77px; cursor: pointer; margin-top: 1px; background: url(../images/sjanniou1.png) no-repeat center center; margin-left: 30px;transition: all 1.5s; }

.header .right{float: right; color: #004097;transition: all 1.5s; }
.header .right a{ color: #004097;transition: all 1.5s; }




.zywqh{ margin-top: 20px;  height: 38px; line-height: 38px; font-size: 18px; color: #004097;transition: all 1.5s; }
.header .search_box{position: relative;background: transparent;margin-top: 20px;transition: all 500ms ease;-webkit-transition:all 500ms ease; font-size: 18px; color: #004097;transition: all 1.5s; }
.header .search_box .search{ width: 60px; height: 38px; font-size: 18px; color: #004097; line-height: 38px; background: url(../images/ssls.png) no-repeat right; padding-right: 20px;display: inline-block; position: relative;z-index: 3;opacity: 1;visibility: visible; margin-left: 40px; transition: all 1.5s;}
.header .search_box .search.active{opacity: 0;visibility: hidden;}
.header .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header .search_box form input{width: 100%;height: 38px;padding: 0 50px 0 15px;color: #444;line-height: 38px;background-color: #fff;font-size: 14px;color: #666;border:1px solid #ddd;border-radius: 30px;}
.header .search_box form button{width:50px;height: 38px;background-image: url(../images/ssls.png);background-repeat: no-repeat;background-position: center;background-color: transparent;border:0;outline: none;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: absolute;right: 0;top: 0;cursor: pointer;}
.header .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header .search_box form.active {opacity: 1;visibility: visible;right: 0;width: 240px;}
.header .sj_dh{ width: 77px; height: 77px; margin-left: 30px; }
.header .zywqh{ margin-left: 40px;transition: all 1.5s;}
.header .zywqh span{ margin: 0 40px; color: #004097; transition: all 1.5s; }

.header3 .logo .img2{ display: inline-block; vertical-align: middle;  }
.header3 .logo .img1{z-index: 1; display: none; }


.header2 .logo .img2{ display: inline-block; vertical-align: middle;  }
.header2 .logo .img1{z-index: 1; display: none; }
.header2 .sj_dh{ width: 77px; height: 77px; margin-left: 30px; }
.header2 .zywqh{ margin-left: 40px;}
.header2 .zywqh span{ margin: 0 40px; color: #fff;  }
.header2 .right{float: right; color: #fff; }
.header2 .right a{ color: #fff; }
.header2 .menuBtn{ position: relative;z-index: 9; float: right; width: 77px;height: 77px; cursor: pointer; margin-top: 1px; background: url(../images/sjanniou2.png) no-repeat center center; margin-left: 30px; }
.header2 .search_box{position: relative;background: transparent;margin-top: 20px;transition: all 500ms ease;-webkit-transition:all 500ms ease; font-size: 18px; color: #fff; }
.header2 .search_box .search{ width: 60px; height: 38px; font-size: 18px; color: #fff; line-height: 38px; background: url(../images/ssbs.png) no-repeat right; padding-right: 20px;display: inline-block; position: relative;z-index: 3;opacity: 1;visibility: visible; margin-left: 40px; }
.header2 .search_box .search.active{opacity: 0;visibility: hidden;}
.header2 .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header2 .search_box form input{width: 100%;height: 38px;padding: 0 50px 0 15px;color: #444;line-height: 38px;background-color: #fff;font-size: 14px;color: #666;border:1px solid #ddd;border-radius: 30px;}
.header2 .search_box form button{width:50px;height: 38px;background-image: url(../images/ssls.png);background-repeat: no-repeat;background-position: center;background-color: transparent;border:0;outline: none;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: absolute;right: 0;top: 0;cursor: pointer;}
.header2 .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header2 .search_box form.active {opacity: 1;visibility: visible;right: 0;width: 240px;}

.header5 .logo .img2{ display: inline-block; vertical-align: middle;  }
.header5 .logo .img1{z-index: 1; display: none; }
.header5 .sj_dh{ width: 77px; height: 77px; margin-left: 30px; }
.header5 .zywqh{ margin-left: 40px;}
.header5 .zywqh span{ margin: 0 40px; color: #fff;  }
.header5 .right{float: right; color: #fff; }
.header5 .right a{ color: #fff; }
.header5 .menuBtn{ position: relative;z-index: 9; float: right; width: 77px;height: 77px; cursor: pointer; margin-top: 1px; background: url(../images/sjanniou2.png) no-repeat center center; margin-left: 30px; }
.header5 .search_box{position: relative;background: transparent;margin-top: 20px;transition: all 500ms ease;-webkit-transition:all 500ms ease; font-size: 18px; color: #fff; }
.header5 .search_box .search{ width: 60px; height: 38px; font-size: 18px; color: #fff; line-height: 38px; background: url(../images/ssbs.png) no-repeat right; padding-right: 20px;display: inline-block; position: relative;z-index: 3;opacity: 1;visibility: visible; margin-left: 40px; }
.header5 .search_box .search.active{opacity: 0;visibility: hidden;}
.header5 .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header5 .search_box form input{width: 100%;height: 38px;padding: 0 50px 0 15px;color: #444;line-height: 38px;background-color: #fff;font-size: 14px;color: #666;border:1px solid #ddd;border-radius: 30px;}
.header5 .search_box form button{width:50px;height: 38px;background-image: url(../images/ssls.png);background-repeat: no-repeat;background-position: center;background-color: transparent;border:0;outline: none;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: absolute;right: 0;top: 0;cursor: pointer;}
.header5 .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header5 .search_box form.active {opacity: 1;visibility: visible;right: 0;width: 240px;}


.header6 .logo .img2{ display: inline-block; vertical-align: middle;  }
.header6 .logo .img1{z-index: 1; display: none; }
.header6 .sj_dh{ width: 77px; height: 77px; margin-left: 30px; }
.header6 .zywqh{ margin-left: 40px;}
.header6 .zywqh span{ margin: 0 40px; color: #fff;  }
.header6 .right{float: right; color: #fff; }
.header6 .right a{ color: #fff; }
.header6 .menuBtn{ position: relative;z-index: 9; float: right; width: 77px;height: 77px; cursor: pointer; margin-top: 1px; background: url(../images/sjanniou2.png) no-repeat center center; margin-left: 30px; }
.header6 .search_box{position: relative;background: transparent;margin-top: 20px;transition: all 500ms ease;-webkit-transition:all 500ms ease; font-size: 18px; color: #fff; }
.header6 .search_box .search{ width: 60px; height: 38px; font-size: 18px; color: #fff; line-height: 38px; background: url(../images/ssbs.png) no-repeat right; padding-right: 20px;display: inline-block; position: relative;z-index: 3;opacity: 1;visibility: visible; margin-left: 40px; }
.header6 .search_box .search.active{opacity: 0;visibility: hidden;}
.header6 .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header6 .search_box form input{width: 100%;height: 38px;padding: 0 50px 0 15px;color: #444;line-height: 38px;background-color: #fff;font-size: 14px;color: #666;border:1px solid #ddd;border-radius: 30px;}
.header6 .search_box form button{width:50px;height: 38px;background-image: url(../images/ssls.png);background-repeat: no-repeat;background-position: center;background-color: transparent;border:0;outline: none;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: absolute;right: 0;top: 0;cursor: pointer;}
.header6 .search_box form{position:absolute;right:0;top:0; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.header6 .search_box form.active {opacity: 1;visibility: visible;right: 0;width: 240px;}





.drop_menu {position: fixed;top: 101px;left: 0px;width: 100%;z-index: 8;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.drop_menu .main{width: 100%;background: #fff;font-size: 0;overflow: hidden;-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: transform 0.1s ease, opacity 0.1s ease, visibility 0.1s;-moz-transition: transform 0.1s ease, opacity 0.1s ease, visibility 0.1s;-ms-transition: transform 0.1s ease, opacity 0.1s ease, visibility 0.1s;transition: transform 0.1s ease, opacity 0.1s ease, visibility 0.1s;opacity: 0;visibility: hidden;height: 0;}
.drop_menu .main.active{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s; -moz-transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s; -ms-transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s; transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s; height: auto;}
.drop_menu .main .inner{padding: 2vw 10.26vw;overflow: hidden;}
.drop_menu .main .left{float: left;width: 60%;}
.drop_menu .main .left h3{font-size: 36px;color: #444;line-height: 1.2;font-family: 'Siyuan_R';font-weight: normal;}
.drop_menu .main .left p{font-size: 16px;line-height: 28px;color: #666;margin-top: 10px;}
.drop_menu .main .left .a_box{font-size: 0;margin-top: 2.5vw;}
.drop_menu .main .left .a_box a{display: inline-block;vertical-align: top;font-size: 16px;color: #666;line-height: 30px;padding-right: 12px;background-image: url(../images/nav_icon1.png);background-repeat: no-repeat;background-position: right center;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;margin-right: 40px;}
.drop_menu .main .left .a_box a:hover{color: #0562b5;background-image: url(../images/nav_icon2.png);transform: translateX(5px);-webkit-transform: translateX(5px);-moz-transform: translateX(5px);}
.drop_menu .main .right{width: 26.3%;overflow: hidden;float: right;}
.drop_menu .main .right img{display: block;margin: 0 auto;width: 100%;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.drop_menu .main .right:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.drop_menu.active {top: 86px;}
/*.header.hover{background: #fff;border-bottom: 1px solid #eeeeee;}
.header.hover .logo .img2{opacity: 1;visibility: visible;}
.header.hover .menuBtn b{background: #000;}
.header.hover .nav li a.v1{color: #444;}
.header.hover .search_box .search{background-image: url(../images/search_icon_hover.png);}*/
.header.on{background: #fff;border-bottom: 1px solid #eeeeee;}
.header.on .logo .img2{opacity: 1;visibility: visible;}
.header.on .menuBtn b{background: #000;}
.header.on .nav li a.v1{color: #444;}
.header.on .search_box .search{background-image: url(../images/search_icon_hover.png);}
.header.active{background: #fff;transition: all 500ms ease;-webkit-transition:all 500ms ease;border-bottom: 1px solid #eeeeee;}
.header.active .logo{height: 86px;line-height: 86px;}

.header.active .logo .img2{opacity: 1;visibility: visible;}
.header.active .menuBtn{margin-top: 32px;}
.header.active .menuBtn b{background: #000;}
.header.active .nav li a.v1{color: #444;line-height: 86px;}
.header.active .search_box{margin-top: 26px;}
.header.active .search_box .search{background-image: url(../images/search_icon_hover.png);}
.header_box{position:fixed;top: 0;right: -100%; background: rgba(0,32,69,0.8); width: 100%; height: 100vh;z-index: 10;overflow: hidden;background-size: cover;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.header_box.active{right: 0;}
.header_box .top{height: 100px;border-bottom: 1px solid rgba(255,255,255,.3);padding: 0 40px;}
.header_box .top .logo{float: left;display: block;line-height: 100px;position: relative;height: 100px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;font-size: 0;}
.header_box .top .logo img{display: inline-block;vertical-align: middle;max-height: 44%;}
.header_box .top .right{font-size: 0;float: right;}
.header_box .top .close{width: 30px;height: 100px;background-image: url(../images/close.png);background-repeat: no-repeat;background-position: center;float: right;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;display: inline-block;vertical-align: middle;margin-left: 15px;}
.header_box .top .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.header_box .top .search_box{position: relative;background: transparent;margin-top: 34px;transition: all 500ms ease;-webkit-transition:all 500ms ease;display: inline-block;vertical-align: middle;display: none;}
.header_box .top .search_box .search{width: 50px;height: 38px;background: url(../images/search_icon.png) no-repeat center;display: block;position: relative;z-index: 3;opacity: 0;visibility: hidden;}
.header_box .top .search_box form input{width: 100%;height: 38px;padding: 0 50px 0 15px;color: #444;line-height: 38px;background-color: transparent;font-size: 14px;color: #fff;border-bottom: 1px solid #fff;}
.header_box .top .search_box form button{width:50px;height: 38px;background-image: url(../images/search_icon.png);background-repeat: no-repeat;background-position: center;background-color: transparent;border:0;outline: none;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: absolute;right: 0;top: 0;cursor: pointer;}
.header_box .top .search_box form{position:absolute;right:0;top:0;z-index: 2;transition: all 500ms ease;-webkit-transition: all 500ms ease;opacity: 1;visibility: visible;right: 0;width: 900px;}
.header_box .top .search_box form.active {}
.header_box .top .search_box form input::-webkit-input-placeholder{ color:#fff;}
.header_box .top .search_box form input::-moz-placeholder{color:#fff;}
.header_box .top .search_box form input:-moz-placeholder{color:#fff;}
.header_box .top .search_box form input:-ms-input-placeholder{color:#fff;}
.header_box .main{height: calc(100% - 101px);padding: 0 15vw;overflow: hidden;position: relative;}
.header_box .main .left{float: left;width: 50%; display: none; }
.header_box .main .txt_block{transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.header_box .main .txt_block h3{font-size: 36px;color: #fff;line-height: 1.2;font-family: 'Siyuan_R';font-weight: normal;}
.header_box .main .txt_block p{font-size: 16px;line-height: 30px;color: #fff;margin-top: 20px;}
.header_box .main .share_box{padding: 30px 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 0;margin: 4vw 0;transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.header_box .main .share_box span{font-size: 16px;line-height: 30px;color: #fff;display: inline-block;vertical-align: middle;}
.header_box .main .share_box .share{display: inline-block;vertical-align: middle;font-size: 0;}
.header_box .main .share_box .share a{display: inline-block;vertical-align: middle;float: none;background-repeat: no-repeat;background-position: center;margin: 0 0 0 30px;}
.header_box .main .share_box .share a:nth-child(1){background-image: url(../images/nav_icon3.png);}
.header_box .main .share_box .share a:nth-child(2){background-image: url(../images/nav_icon4.png);}
.header_box .main .share_box .share a:nth-child(3){background-image: url(../images/nav_icon5.png);}
.header_box .main .share_box .share a:nth-child(4){background-image: url(../images/nav_icon6.png);}
.header_box .main .tel{padding-top: 50px;background-image: url(../images/tel.png);background-repeat: no-repeat;background-position: left top;margin-bottom: 30px;transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.header_box .main .tel h3{font-size: 16px;color: #fff;font-weight: normal;line-height: 30px;}
.header_box .main .tel h3 span{font-size: 24px;font-family: 'DIN-M';display: block;}
.header_box .main .tel p{font-size: 16px;line-height: 30px;color: #fff;}
.header_box .main .right{ width: 30%; overflow-y: scroll; overflow-x: hidden; height: 520px; float: right; transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;position: absolute;right: 0;top: 0;}
.header_box .main .cell{position: relative; }
.header_box .main .right ul li{margin:25px 0;}
.header_box .main .right ul li a.v1{display: block;font-size: 20px;color: #fff;font-family: 'Siyuan_R';line-height: 30px;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.header_box .main .right ul li a.v1:after{content: "";width: 16px;height: 1px;background: #fff;position: absolute;left: -30px;top: 50%;}
.header_box .main .right ul li dl{padding: 20px 0 0 0;display: none;}
.header_box .main .right ul li dl a.sv1{font-size: 16px;color: #fff;line-height: 34px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;display: block;}
.header_box .main .right ul li dl a.sv1:hover{transform: translateX(5px);}
.header_box .main .right ul li a.v1:hover{transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);}
.header_box.active .main .txt_block{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);transition-delay: 300ms;-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms;opacity: 1;visibility: visible;}
.header_box.active .main .share_box{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);transition-delay: 600ms;-webkit-transition-delay: 600ms;-moz-transition-delay: 600ms;opacity: 1;visibility: visible;}
.header_box.active .main .tel{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);transition-delay: 900ms;-webkit-transition-delay: 900ms;-moz-transition-delay: 900ms;opacity: 1;visibility: visible;}
.header_box.active .main .right{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);transition-delay: 1200ms;-webkit-transition-delay: 1200ms;-moz-transition-delay: 1200ms;opacity: 1;visibility: visible;}
.footer .top{padding: 4vw 5vw 2.5vw 5vw;background: #282828;overflow: hidden;}
.footer .top .top_box{position: relative; margin-right: 360px;border-right: 1px solid #4a4a4a;}
.footer .top .left{float: left; margin-top: 10px;}
.footer .top .left .fo_logo{width: 188px;}
.footer .top .left .fo_logo img{display: block;width: 100%;}
.footer .top .left .tel{margin-top: 3vw;}
.footer .top .left .tel h3{color: #fff;font-size: 16px;font-family: 'Siyuan_R';font-weight: normal;line-height: 30px;background: url(../images/tel.png) no-repeat left center;padding-left: 46px;}
.footer .top .left .tel p{font-size: 24px;color:#666666;line-height: 30px;font-family: 'DIN-M';letter-spacing: -1px;margin-top: 5px;}
.footer .top .center{font-size: 0; margin-left: 188px; min-height: 287px;}
.footer .top .center dl{display: inline-block;vertical-align: top;margin-left: 6.5vw;}
.footer .top .center dl dt{font-size: 16px;color: #fff;font-family: 'Siyuan_R';line-height: 30px;margin-bottom: 15px;}
.footer .top .center dl dt a{font-size: 16px;color: #fff;line-height: 34px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.footer .top .center dl dt a:hover{color: #fff;}
.footer .top .center dl dd a{font-size: 16px;color: #666;line-height: 34px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
.footer .top .center dl dd a:hover{color: #fff;}
.footer .top .right{position: absolute; right: -360px; top: 0;}
.footer .top .right span{font-size: 16px;color: #fff;font-family: 'Siyuan_R';line-height: 30px;margin-bottom: 20px;display: block;}
.footer .top .right .ewm_box{font-size: 0;overflow: hidden;}
.footer .top .right .ewm_box img{display: inline-block;vertical-align: top;width: 100px;}
.footer .top .right .form{margin-top: 15px; width: 260px; font-size: 0;}
.footer .top .right .form span{
	margin-bottom: 0;
}
.footer .top .right form input{width: 100%; margin-top: 10px; height: 40px;line-height: 40px;font-size: 14px;color: #fff;padding: 0 10px;background-color: #303030;border-radius: 5px; border:1px solid rgba(160,160,160,0.3);}
.contact_btn{height: 40px;line-height: 40px; border-radius: 0 5px 5px 0; font-size: 14px;color: #666;background-color: transparent;width: 62px;text-align: center; border-left: 1px solid rgba(160,160,160,0.3); cursor: pointer;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease; position: absolute; right: 0; bottom: 0;}
.contact_btn:hover{background-color: #0562b5;color: #fff;}
.footer .top .links{margin-top: 20px;overflow: hidden;}
.footer .top .links h3{font-size: 16px;color: #fff;line-height: 30px;font-weight: normal;float: left;}
.footer .top .links .link{margin-left: 90px;}
.footer .top .links .link a{font-size: 16px; display: inline-block; line-height: 30px;color: #666;margin-right: 20px;margin-bottom: 5px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;}
.footer .top .links .link a:hover{color: #fff;}
.footer .bot{background: #181818;padding: 20px 5vw;overflow: hidden;}
.footer .bot p{float: left;font-size: 16px;color: #666;font-family: 'Siyuan_R';line-height: 30px;}
.footer .bot .share_box{float: right;}
.footer .bot .share_box span{display: inline-block;vertical-align: top;font-size: 16px;color: #666;line-height: 30px;}
.footer .bot .share_box .share{display: inline-block;vertical-align: top;font-size: 0;}
.footer .bot .share_box .share a{display: inline-block;vertical-align: top;float: none;background-repeat: no-repeat;background-position: center;width: 30px;height: 30px;padding-left: 0;margin: 0 0 0 20px;}
.footer .bot .share_box .share a:nth-of-type(1){background-image: url(../images/footer_icon1.png);}
.footer .bot .share_box .share a:nth-of-type(2){background-image: url(../images/footer_icon2.png);}
.footer .bot .share_box .share a:nth-of-type(3){background-image: url(../images/footer_icon3.png);}
.footer .bot .share_box .share a:nth-of-type(4){background-image: url(../images/footer_icon4.png);}
.msgLayerBg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; background: rgba(0,0,0,0.6); display: none}
.msgLayer{display: inline-block; padding: 15px 30px; background: rgba(255,255,255,0.8); box-shadow: 0 0 3px 2px rgba(0,0,0,0.1); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size:16px; line-height: 26px; z-index: 100; border-radius: 0.3em; border:2px solid #1f5bb6; min-width:200px; text-align: center; display: none}
.bd_weixin_popup{box-sizing: content-box;}
.comm_banner{position: relative;width: 100%;}
.comm_banner:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.1);z-index: 0;}
.comm_banner img{display: block;width: 100%;margin: 0 auto;}
.comm_banner .img1{display: block;}
.comm_banner .img2{display: none;}
.comm_banner .cell{text-align: center;max-width: 1280px;width: 86%;position: relative;z-index: 1;}
.comm_banner .txt_block{text-align: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 10vw;}
.comm_banner .txt_block h3{font-size: 60px;color: #fff;font-family: 'Siyuan_R';font-weight: normal;line-height: 1.2;}
.comm_banner .txt_block p{font-size: 18px;line-height: 30px;color: #fff;margin-top: 15px;}
.subnav{border-bottom:1px solid #e8e8e8;}
.subnav ul{width: 100%;text-align: center;font-size: 0;}
.subnav ul li{display: inline-block;vertical-align: top;padding: 0 45px;position: relative;}
.subnav ul li:after{content: "";display: block;width: 1px;height: 22px;background: #e8e8e8;position: absolute;right: 0;top: 50%;margin-top: -11px;}
.subnav ul li:last-child:after{display: none;}
.subnav ul li a{font-size: 20px;color: #444;line-height: 88px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease; position: relative;display: block;}
.subnav ul li a:after{content: "";display: block;width: 0;height: 2px;background:#0562b5;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease; }
.subnav ul li:hover a,.subnav ul li.active a{color: #0562b5;}
.subnav ul li:hover a:after,.subnav ul li.active a:after{opacity: 1;visibility: visible;width: 100%;}








@media only screen and (max-width: 1700px){
	.footer .top .top_box{
		margin-right: 350px;
	}
	.footer .top .right{
		right: -350px;
	}
}
@media only screen and (max-width: 1600px){
	.footer .top{padding: 4vw 5vw 2.5vw 5vw;}
	.header_box .main .txt_block h3{font-size: 30px;}
	.drop_menu .main .left .a_box a{margin-right: 30px;}
	.comm_banner .txt_block h3{font-size: 50px;}
	.subnav ul li a{font-size: 18px;line-height: 82px;}
	.footer .top .center dl{
		margin-left: 5vw;
	}
}
@media only screen and (max-width: 1440px){
	.header .logo{height: 80px;line-height: 80px;}
	.header .logo img{max-height: 52%;}
	.header .nav li a.v1{line-height: 80px;}
	.header .search_box{margin-top: 24px;}
.zywqh{margin-top: 24px;}
	.header.active .nav li a.v1{line-height: 70px;}
	.header.active .search_box{margin-top: 18px;}
	.header.active .menuBtn{margin-top: 24px;}
	.header_box .top{height: 80px;}
	.header_box .top .logo{height: 80px;line-height: 80px;}
	.header_box .top .close{height: 80px;}
	.header_box .top .search_box{margin-top: 22px;}
	.header_box .main {height: calc(100% - 81px);}
	.header_box .main .txt_block h3{font-size: 26px;}
	.header_box .main .txt_block p{margin-top: 12px;font-size: 14px;line-height: 26px;}
	.header_box .main .share_box{padding: 20px 0;}
	.header_box .main .right ul li{margin: 20px 0;}
	.header_box .main .right ul li a.v1{font-size: 18px;}
	.header_box .main{overflow-y: auto;}
	.drop_menu{top: 81px;}
	.drop_menu.active{top: 71px;}
	.drop_menu .main .left h3{font-size: 26px;}
	.drop_menu .main .left p{font-size: 14px;line-height: 24px;}
	.drop_menu .main .left .a_box a{font-size: 14px;margin-right: 30px; background-size: 6px auto;}
	.footer .top .left .tel h3{font-size: 14px;}
	.footer .top .left .tel p{font-size: 22px;}
	.footer .top .right span{font-size: 14px;margin-bottom: 15px;}
	.footer .top .center dl{margin-left: 5vw;}
	.footer .top .center dl dt{font-size: 14px;margin-bottom: 10px;}
	.footer .top .center dl dd a{font-size: 14px;line-height: 30px;}
	.footer .top{
		padding: 40px 5vw 30px;
	}
	.footer .top .links .link a{
		font-size: 14px;
	}
	.footer .bot{padding: 10px 5vw;}
	.footer .bot p{font-size: 14px;}
	.footer .bot .share_box .share a{margin: 0 0 0 12px;}
	.footer .bot .share_box  span{font-size: 14px;}
	.comm_banner .txt_block h3{font-size: 40px;}
	.subnav ul li{padding: 0 36px;}
	.footer .top .top_box{
		margin-right: 320px;
	}
	.footer .top .right{
		right: -320px;
	}
}
@media only screen and (max-width: 1366px){
	.drop_menu .main .left .a_box a{margin-right: 20px;}
	.menuBtn b{width: 24px; height: 2px;}
}
@media only screen and (max-width: 1300px){
	.footer .top .center dl{
		margin-left: 4vw;
	}
	.footer .top .top_box{
		margin-right: 250px;
	}
	.footer .top .right{
		right: -250px;
	}
	.footer .top .right .form{
		width: 220px;
	}
}
@media only screen and (max-width: 1199px){
	.header .logo img { max-height: 42%;}
	.header .nav li{padding: 0 14px;}
	.header .nav li a.v1{font-size: 14px;}
	.header .search_box form.active{width: 200px;}
	.header .nav.active {transform: translateX(-140px);-webkit-transform: translateX(-140px);-moz-transform: translateX(-140px);}
	.drop_menu .main .left{width: 67%;}
	.drop_menu .main .left h3{font-size: 22px;}
	.drop_menu .main .left .a_box{margin-top: 1.5vw;}
	.drop_menu .main .left .a_box a{margin-right: 15px;}
	.footer .top {padding: 4vw 3vw 2.5vw 3vw;}
	.footer .top .center dl{
		margin-left: 30px;
	}
}
@media only screen and (max-width: 992px){
	.comm_pad{padding: 30px 0;}
	.container{padding: 0 15px;width: 100%;}
	
    .header{padding: 0 15px;}
    .header .logo{height: 60px;line-height: 60px;}
    .header .logo img{max-height: 50%;}
    .header .nav{display: none !important;}
    .header .search_box{display: none;}
    .menuBtn{margin-top: 18px;}
    .header.active .logo{height: 60px;line-height: 60px;}
    .header.active .menuBtn{margin-top: 18px;}
    .header.active{border:0;}
    .header_box .top{height: 60px;padding: 0 15px;}
    .header_box .top .logo{line-height: 60px;height: 60px;transition: all 500ms ease;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
    .header_box .top .logo img{max-height: 50%;}
    .header_box .top .search_box{margin-top: 12px;display: inline-block;}
    .header_box .top .close{height: 60px;}
    .header_box .top .search_box form.active{width: 200px;top: 48px;opacity: 1;visibility: visible;}
    .header_box .top .search_box form{top: 70px;width: 200px;opacity: 0;visibility: hidden;}
    .header_box .top .search_box form input{background: #fff;color: #444;}
    .header_box .top .search_box form input::-webkit-input-placeholder{ color:#b8b8b8;}
    .header_box .top .search_box form input::-moz-placeholder{color:#b8b8b8;}
    .header_box .top .search_box form input:-moz-placeholder{color:#b8b8b8;}
    .header_box .top .search_box form input:-ms-input-placeholder{color:#b8b8b8;}
    .header_box .top .search_box form button{background-image: url(../images/search_icon_hover.png);}
	.header_box .top .search_box .search{opacity: 1;visibility: visible;}
    .header_box .top .search_box .search.active{opacity: 1;visibility: visible;}
    .header_box .main .cell{vertical-align: top;padding-top: 40px;}
    .header_box .main .left{display: none;}
    .header_box .main .right{float: none;position: static;}
    .header_box .main .right ul li{margin: 16px 0;}
    .header_box .main .right ul li a.v1{font-size: 16px;}
    .header_box .main .right ul li dl{padding: 10px 0 0 0;}
    .header_box .main .right ul li a.v1:hover {transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
    .header_box.active .main .right{transition-delay: 300ms;-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms; width: 80%; }
    .footer .top{
    	padding: 20px 30px;
    }
    .footer .top .top_box{
    	margin-right: 0;
    	border: none;
    }
    .footer .top .left{
    	float: none;
    	text-align: center;
    }
    .footer .top .left .fo_logo img{
    	width: auto;
    	max-width: 60%;
    	margin: 0 auto;
    }
    .footer .top .left .tel h3{
    	display: inline-block;
    }
    .footer .top .left .tel p{
    	margin-top: 0;
    }
    .footer .top .center{
    	float: none;
    	margin-top: 10px;
    	margin-left: 0;
    	display: none;
    }
    .footer .top .center dl{
    	width: 100%;
    	margin: 0;
    }
    .footer .top .center dl dt{
    	margin-bottom: 0;
    }
    .footer .top .center dl dd{
    	display: inline-block;
    	margin-right: 10px;
    }
    .footer .top .links{
    	display: none;
    }
    .footer .top .right{
    	position: static;
    	display: none;
    }
    .footer .top .right .ewm_box{display: none;}
    .footer .top .right span:nth-of-type(2){display: none;}
    .footer .bot{padding: 10px 30px;}
    .footer .bot .share_box{display: none;}
    .footer .bot p{float: none;text-align: center;font-size: 14px;line-height: 24px;}
    .comm_banner .img2{display: block;}
    .comm_banner .img1{display: none;}
    .comm_banner .txt_block h3{font-size: 24px;}
	.comm_banner .txt_block p{font-size: 14px;line-height: 26px;display: none;}
	.subnav ul{text-align: left;}
	.subnav ul li {padding: 0;width: 25%;text-align: center;}
	.subnav ul li a {font-size: 14px;line-height: 46px;}
}
@media (max-width:767px){
.footer .top{display:none;}
}
