body,html{padding:0;margin:0;font-family:Arial,黑体;width:100%;}
a{text-decoration: none; color: black;-webkit-tap-highlight-color:rgba(255,0,0,0);}
img{border:none; display: block;}
ul,ol,li{margin:0;padding:0;list-style: none;}
p{margin: 0; padding: 0;}

@media screen and (min-width:1300px){
    .main_cont {max-width:1920px; margin: 0 auto; overflow: hidden; }

    .header_active{background: url("../img/header_a.png") repeat-x top;}
    .header_active .header_item a{color:#333333;}
    .header_active .search1{display: none}
    .header_active .search2{display: block}

    .header_cont{width: 100%; height:150px;position:fixed; z-index: 999;}
    .header_cont:hover{ background: url("../img/header_a.png") repeat-x top;}
    .header{width:1200px; margin:0 auto; height:150px; position: relative; }
    .header_logo{height:60px;margin-top: 30px; float: left;}
    .header_list{height: 60px; margin-top: 30px;float: right; position: relative;}
    .header_item{width: 140px; float: left; line-height: 60px;  text-align: center; font-size: 18px; height: 90px; }
    .header_item img{display: none;}
    .header_item ul{width: 200px; background: #ffffff; opacity: 0; transition: all 1s; height:0px; overflow: hidden; margin-top: 30px;}
    .header_item ul li{width: 159px; text-align: center; margin-left:20px;border-bottom: #efefef 1px solid; color: #888888; height:50px; line-height: 50px;}
    .header_item ul li:last-child{border-bottom: none; }
    .header_item ul li a{color: #888888; font-size: 16px;}
    .header_item a{color:#ffffff;}
    .header_item:hover ul{opacity: 1;height:auto;}
    .header_cont:hover .header_item a{color:#333333;}
    .header_cont:hover .header_item:hover a{color:#ff5d00;}
    .header_cont:hover .header_item:hover ul li a{color:#888888;}
    .header_cont:hover .header_item:hover ul li a:hover{color:#ff5d00; transition: all 0.3s;}
    .header_cont:hover .search1{display: none}
    .header_cont:hover .search2{display: block}
    .header_search{width: 50px;float: left;text-align: right;height: 60px;}
    .header_search img{margin-top: 20px; float: right}
    .search1{display: block}
    .search2{display: none;}
    .searchbar{width:890px; background: white; position: absolute; display: none;height: 120px; top:0; right:0;}
    .searchbar img{float: right; height:20px;}
    .header_search_input{background-color: transparent; outline: none; width: 80%; height: 60px;line-height: 60px; font-size:18px; border:none; margin-top: 30px; }


    .slides{width:100%;position:relative;overflow:hidden; margin: 0 auto;}
    .slideInner{height:100%;position:relative;margin-left:0;}
    .slideInner a{ max-width:1920px;display:block;height:100%;background-size:100% 100%;position:relative;z-index:1; width: 100%; }
    .slideInner a div.img1{width:1200px; margin: 0 auto; height:100px;}
    .slider_cont{width: 100%; margin-top: 250px;}
    .slider_cont_title{text-align: left; font-size: 68px; color: white; float: left; width: 100%;}
    .slider_cont_word{text-align: left; font-size: 18px; line-height: 32px;color: white; margin-top: 20px; float: left;  width: 40%}
    .slider_more{ text-align: left; margin-top: 100px;float: left; clear: both;}
    .slider_more .learnmore{width:125px;height: 50px; background: url("../img/more_button_o.png");color:white; line-height: 52px; text-align: left; font-size: 16px; padding-left: 55px;}

    /*
    .slideInner .slide3 .img2{top:200px;}
    .slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
    */

    .nav{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;}
    .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
    .navListBox{position:absolute;left:50%;bottom:50px;z-index:99;}
    .navListBox li{float:left;margin-right:3px;margin-left:2px;border-radius:4px;list-style: none}
    .navListBox li:first-child{margin-left:0;}
    .navListBox li a{display:block;width:8px;height:8px;border-radius:4px;background:#fff;transition: width 1s}
    .navListBox li a.active{width:30px; transition: width 1s}



    .news_cont{width:1200px; margin: 0 auto; position: relative; padding-top: 100px; padding-bottom: 100px;}
    .news_cont_list{width:600px; position: absolute; right:0;  text-align: center; top:100px;}
    .news_cont_list .active{background: url("../img/border_b.jpg")no-repeat  bottom  center ;background-size:40px 1px ; transition:all 1s ; }
    .news_cont_list .active a{ color:#00206a; }
    .news_cont_list_item{width:100px; float: right;background: url("../img/border_b.jpg")no-repeat  bottom  center; background-size:0px 1px;height: 30px;}
    .news_box .active{transition:all 1s;display:block;}
    .news_box:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
    .news_cont_item{width:100%; display: none;  }
    .news_cont_item a{color: #000000; font-size: 16px;}
    .news_cont_item_title{font-size: 36px; width: 100%; float:left;}
    .news_cont_item_mess{width:370px; position: relative; margin-top: 30px; float:left; margin-right:45px;}
    .news_cont_item_mess:nth-child(3n+3){margin-right:0px;}
    .news_cont_item_mess .img{width:100%; display: block; height: 260px; overflow:hidden}
    .news_cont_item_mess img{width:100%; display: block;}
    .news_cont_item_mess_more{position: relative; width: 100%; height:40px }
    .news_cont_item_mess_more:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
    .news_cont_item_mess_title{width:294px; float:left; height:150px; background:#fdfdfd;color: black; padding-left:38px; padding-right:38px; font-size: 16px; line-height: 24px; overflow: hidden; margin-top: -45px;transition:all 1s;}
    .news_cont_item_mess_title:hover{background:#00206a;transition:all 1s; color:#ffffff;}
    .news_cont_item_mess_title p{width:100%; text-align: left; margin-bottom: 15px; padding-bottom: 10px;padding-top: 10px; background: url("../img/border_b.jpg") no-repeat bottom left; background-size: 40px 1px; color:#888888; font-size: 14px;}
    .news_cont_item_mess_title:hover p{color:#ffffff;}
    .news_cont_item_mess_title:hover p:last-child{color:#ffffff; }

    .arr_more{width: 56px; float: right;position: relative; display: none;}
    .arr_more img:nth-child(1){ position: absolute;opacity:1;transition:all 1s;}
    .arr_more img:nth-child(2){ position: absolute;opacity:0;transition:all 1s;}
    .news_cont_item_mess_more:hover .arr_more img:nth-child(1){opacity:0;}
    .news_cont_item_mess_more:hover .arr_more img:nth-child(2){opacity:1;}
    .item_more_button{width:100%; text-align: center; margin-top: 50px;}
    .news_more{width:150px;height: 44px; color:#00206a;  text-align: center; font-size: 16px; background: url("../img/more_button.png"); line-height: 45px;display: inline-block; }
    .news_more:hover { background: url("../img/more_button_1.png"); transition: all 200ms; }
    .news_more a{color:#00206a; font-weight: bold; padding-right: 10px; }
    .news_more:hover a{color:#ffffff; font-weight: bold; }

    .yw_bcont{background: url("../img/bg_yw.jpg") no-repeat bottom; background-size: 100% 100%; clear:both;}
    .yw_cont{width:1200px; margin: 0 auto; position: relative; padding-top: 100px; padding-bottom: 100px;}
    .yw_cont .active{display: block;}
    .yw_cont_title{font-size: 36px; width: 100%; float:left; text-align: right; position: absolute;top:100px;}
    .yw_cont_list{ width: 700px; position: absolute; right:0; top:205px;}
    .yw_cont_list .active img:nth-child(2){opacity: 1}
    .yw_cont_list .active p{color:#ff5d00;}
    .yw_cont_list_item{float: right; margin-left:20px; width:220px; position: relative; z-index: 10;}
    .yw_cont_list_item:nth-child(3){margin-left:0px; }
    .yw_cont_list_item img{width:100%; display: block;}
    .yw_cont_list_item img:nth-child(2){width:100%;position: absolute; top:0;opacity: 0;transition:all 1s;}
    .yw_cont_list_item:hover img:nth-child(2){opacity: 1;}
    .yw_cont_list_item:hover p{color:#ff5d00;}
    .yw_cont_list_item p{width:100%; text-align: center; background:#f9fafd;height:75px; line-height:82px; transition:all 1s; }
    .yw_cont_item{width: 100%;display: none;}
    .yw_cont_item img{height: 400px;}
    .yw_cont_item p{width:900px; padding-left: 150px; padding-right: 150px; text-align: center; line-height: 36px; font-size: 16px; margin-top: 80px; color:#888888;}

    .Box {position: relative;}
    .Box .content {width: 1200px;margin: 100px auto; }
    .left_title{font-size: 36px;}
    .Box .Box_con {position: relative; margin-top: 60px;}
    .Box .Box_con .btnl {position: absolute;}
    .Box .Box_con .btn {display: block;width: 34px;height: 34px;position: absolute;top: 80px;cursor: pointer;}
    .Box .Box_con .btnl {background: url(../img/arrow_left.png) no-repeat center;left: -72px;}
    .Box .Box_con .btnr {background: url(../img/arrow_right.png) no-repeat center;right: -72px;}
    .Box .Box_con .conbox {position: relative;overflow: hidden;}
    .Box .Box_con .conbox ul {position: relative;list-style: none;}
    .Box .Box_con .conbox ul li {float: left;width: 220px;margin-left: 25px;overflow: hidden; position:relative;}
    .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
    .Box .Box_con .conbox ul li img:nth-child(1){display: block;width: 100%;opacity:1;transition: all 1s;}
    .Box .Box_con .conbox ul li img:nth-child(2) {width:100%;opacity:0;position: absolute;transition: all 1s; top:0;}
    .Box .Box_con .conbox ul li:hover img:nth-child(1) {opacity:0;}
    .Box .Box_con .conbox ul li:hover img:nth-child(2) {opacity:1;}
    .Box .Box_con .conbox ul li p {width:100%; background: #f9fafd; height:80px; line-height: 80px; font-size: 16px; text-align: center; }
    /*.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}*/

    .Box .BoxSwitch {margin-top: 30px;text-align: center; display:none;}
    .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
    .Box .BoxSwitch span.cur {background: red;}

    .intro_bcont{width:100%;background: url("../img/bg_intro.jpg") no-repeat bottom; clear:both; padding-top: 100px; padding-bottom: 100px;}
    .intro_cont{width:1200px; margin:0 auto;}
    .intro_video{width:70%; float:left;}
    .intro_video .video{width: 100%; }
    .intro_word{width: 25%;float:right; }
    .intro_title{font-size: 36px; margin-top: 40px;}
    .intro_title1{display:none;}
    .intro_words{font-size: 16px; line-height: 36px; word-break: break-word; margin-top: 40px;color:#888888;}
    .intro_more{width:100%;float:left; text-align: left; margin-top: 50px;}

    .footer_cont{width:100%; background: #1f2024; color:white;padding-top: 100px; padding-bottom: 100px;}
    .footer{width:1200px;margin: 0 auto; overflow: hidden;}
    .footer_list{width:82%; float: right;}
    .footer_list_item_li{float:left; width:16.5%; text-align: center; }
    .footer_list_item li{width:100%; height:40px; line-height: 40px; font-size:16px; }
    .footer_list_item li:first-child a{color:#666666; font-size: 18px;}
    .footer_list_item li:first-child img{display:none;}
    .footer_list_item li a{color:#ffffff;}

    .footer_item{width:17%;float:left;}
    .footer_search{width:100%;line-height:40px;color: #666666; font-size: 18px; }
    .search_cont{ width: 100%;}
    .footer_search img{ width: 22px; float: right; }
    .footer_search1{background:transparent; border:none; outline: none; height:40px; color:#ffffff; width: 65%; float: left;}
    .footer_search1:-ms-input-placeholder{color:#ffffff; font-size: 16px;}
    .footer_search1::-webkit-input-placeholder{color:#ffffff;font-size: 16px;}
    .footer_phone{width:100%;line-height:40px;margin-top: 40px; color: #666666; font-size: 18px;}
    .footer_phone p{font-size: 24px; line-height: 30px; color:#ffffff;}
    .footer_bottom{width:100%; border-top: 1px solid #666666; padding-top:20px; margin-top: 100px;}
    .footer_logo{float:left;width:10%;}
    .footer_logo img{width:100%;}
    .footer_right{ margin-left: 50px; float:left;font-size: 14px; color:#666666;}
    .footer_right_ul li{ float:left; width: 80px;height:40px; line-height: 40px; list-style-type: disc; color:#666666; margin-left: 20px; font-size: 14px;}
    .footer_right_ul li a{color:#666666}

    .phone{display:none;}
}
@media screen and (min-width:767px) and (max-width:1300px) {
    .main_cont{max-width:1366px; margin: 0 auto; overflow: hidden; }

    .header_active{background: url("../img/header_a.png") repeat-x top;}
    .header_active .header_item a{color:#333333;}
    .header_active .search1{display: none}
    .header_active .search2{display: block}

    .header_cont{width: 100%; height:150px;position:fixed; z-index: 999;}
    .header_cont:hover{ background: url("../img/header_a.png") repeat-x top;}
    .header{width:700px; margin:0 auto; height:150px; position: relative; }
    .header_logo{height:60px;margin-top: 30px; float: left;}
    .header_list{height: 60px; margin-top: 30px;float: right; position: relative;}
    .header_item{width: 70px; float: left; line-height: 60px;  text-align: center; font-size: 14px; height: 90px; }
    .header_item img{display: none;}
    .header_item ul{width: 70px; background: #ffffff; opacity: 0; transition: all 1s; height:0; overflow: hidden; margin-top: 30px;}
    .header_item ul li{width: 70px; text-align: center; margin-left:5px;border-bottom: #efefef 1px solid; color: #888888; height:40px; line-height: 40px;}
    .header_item ul li:last-child{border-bottom: none; }
    .header_item ul li a{color: #888888; font-size: 14px;}
    .header_item a{color:#ffffff;}
    .header_item:hover ul{opacity: 1;height:auto;}
    .header_cont:hover .header_item a{color:#333333;}
    .header_cont:hover .header_item:hover a{color:#ff5d00;}
    .header_cont:hover .header_item:hover ul li a{color:#888888;}
    .header_cont:hover .header_item:hover ul li a:hover{color:#ff5d00; transition: all 0.3s;}
    .header_cont:hover .search1{display: none}
    .header_cont:hover .search2{display: block}
    .header_search{width: 50px;float: left;text-align: right;height: 60px;}
    .header_search img{margin-top: 20px; float: right}
    .search1{display: block}
    .search2{display: none;}
    .searchbar{width:530px; background: white; position: absolute; display: none;height: 120px; top:0; right:0;}
    .searchbar img{float: right; height:20px;}
    .header_search_input{background-color: transparent; outline: none; width: 80%; height: 60px;line-height: 60px; font-size:18px; border:none; margin-top: 30px; }


    .slides{width:100%;position:relative;overflow:hidden; margin: 0 auto;}
    .slideInner{height:100%;position:relative;margin-left:0;}
    .slideInner a{ max-width:1366px;display:block;height:100%;background-size:100% 100%;position:relative;z-index:1; width: 100%; }
    .slideInner a div.img1{width:700px; margin: 0 auto; height:100px;}
    .slider_cont{width: 100%; margin-top: 145px;}
    .slider_cont_title{text-align: left; font-size: 35px; color: white;  width: 100%;}
    .slider_cont_word{text-align: left; font-size: 14px; line-height: 25px;color: white; margin-top: 20px;  width: 70%}
    .slider_more{ text-align: left; margin-top: 60px; clear: both;}
    .slider_more .learnmore{width:125px;height: 50px; background: url("../img/more_button_o.png");color:white; line-height: 52px; text-align: left; font-size: 16px; padding-left: 55px;}

    /*
    .slideInner .slide3 .img2{top:200px;}
    .slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
    */

    .nav{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;}
    .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
    .navListBox{position:absolute;left:50%;bottom:50px;z-index:99;}
    .navListBox li{float:left;margin-right:3px;margin-left:2px;border-radius:4px;list-style: none}
    .navListBox li:first-child{margin-left:0;}
    .navListBox li a{display:block;width:8px;height:8px;border-radius:4px;background:#fff;transition: width 1s}
    .navListBox li a.active{width:30px; transition: width 1s}



    .news_cont{width:700px; margin: 0 auto; position: relative; padding-top: 100px; padding-bottom: 100px;}
    .news_cont_list{width:600px; position: absolute; right:0;  text-align: center; top:100px;}
    .news_cont_list .active{background: url("../img/border_b.jpg")no-repeat  bottom  center ;background-size:40px 1px ; transition:all 1s ; }
    .news_cont_list .active a{ color:#00206a; }
    .news_cont_list_item{width:100px; float: right;background: url("../img/border_b.jpg")no-repeat  bottom  center; background-size:0px 1px;height: 30px;}
    .news_box .active{transition:all 1s;display:block;}
    .news_cont_item{width:100%; display: none;  }
    .news_cont_item a{color: #000000; font-size: 16px; }
    .news_cont_item_title{font-size: 36px; width: 100%; float:left;}
    .news_cont_item_mess{width:210px; position: relative; margin-top: 30px; float:left; margin-right:35px;}
    .news_cont_item_mess:nth-child(3n+3){margin-right:0px;}
    .news_cont_item_mess .img{width:100%; display: block; height: 145px; overflow:hidden}
    .news_cont_item_mess img{width:100%; display: block;}
    .news_cont_item_mess_more{position: relative; width: 100%; }
    .news_cont_item_mess_title{width:170px; float:left; height:130px; background:#fdfdfd;color: black; padding-left:20px; padding-right:20px; font-size: 14px; line-height: 20px; overflow: hidden; margin-top: -20px;transition:all 1s;}
    .news_cont_item_mess_title p{width:100%; text-align: left; margin-bottom: 15px; padding-bottom: 10px;padding-top: 10px; background: url("../img/border_b.jpg") no-repeat bottom left; background-size: 40px 1px; color:#888888; font-size: 14px;}
    .arr_more{width: 36px; float: right;position: relative;display: none;}
    .arr_more img:nth-child(1){ position: absolute;opacity:1;transition:all 1s;}
    .arr_more img:nth-child(2){ position: absolute;opacity:0;transition:all 1s;}
    .item_more_button{width:100%; text-align: center; margin-top: 30px;}
    .news_more{width:150px;height: 44px; color:#00206a;  text-align: center; font-size: 16px; background: url("../img/more_button.png"); line-height: 45px;display: inline-block; }
    .news_more:hover { background: url("../img/more_button_1.png"); transition: all 200ms; }
    .news_more a{color:#00206a; font-weight: bold; padding-right: 10px; }
    .news_more:hover a{color:#ffffff; font-weight: bold; }

    .yw_bcont{background: url("../img/bg_yw.jpg") no-repeat bottom; background-size: 100% 100%; clear:both;}
    .yw_cont{width:700px; margin: 0 auto; position: relative; padding-top: 100px; padding-bottom: 100px;}
    .yw_cont .active{display: block;}
    .yw_cont_title{font-size: 36px; width: 100%; float:left; text-align: right; position: absolute;top:100px;}
    .yw_cont_list{ width: 400px; position: absolute; right:0; top:205px;}
    .yw_cont_list .active img:nth-child(2){opacity: 1}
    .yw_cont_list .active p{color:#ff5d00;}
    .yw_cont_list_item{float: right; margin-left:20px; width:120px; position: relative; z-index: 10;}
    .yw_cont_list_item:nth-child(3){margin-left:0px; }
    .yw_cont_list_item img{width:100%; display: block;}
    .yw_cont_list_item img:nth-child(2){width:100%;position: absolute; top:0;opacity: 0;transition:all 1s;}
    .yw_cont_list_item p{width:100%; text-align: center; background:#f9fafd;height:35px; line-height:30px; transition:all 1s; margin-top: -2px; font-size: 14px; }
    .yw_cont_item{width: 100%;display: none;}
    .yw_cont_item img{height: 250px;}
    .yw_cont_item p{width:600px; padding-left: 50px; padding-right: 50px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 50px; color:#888888;}

    .Box {position: relative;}
    .Box .content {width: 700px;margin: 100px auto; }
    .left_title{font-size: 36px;}
    .Box .Box_con {position: relative; margin-top: 60px;}
    .Box .Box_con .btnl {position: absolute;}
    .Box .Box_con .btn {display: block;width: 14px;height: 14px;position: absolute;top: 80px;cursor: pointer;}
    .Box .Box_con .btnl {background: url(../img/arrow_left.png) no-repeat center;left: -22px;}
    .Box .Box_con .btnr {background: url(../img/arrow_right.png) no-repeat center;right: -22px;}
    .Box .Box_con .conbox {position: relative;overflow: hidden;}
    .Box .Box_con .conbox ul {position: relative;list-style: none;}
    .Box .Box_con .conbox ul li {float: left;width: 128px;height: 156px;margin-left: 12px;overflow: hidden; position:relative;}
    .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
    .Box .Box_con .conbox ul li img:nth-child(1){display: block;width: 100%;opacity:1;transition: all 1s;}
    .Box .Box_con .conbox ul li img:nth-child(2) {width:100%;opacity:0;position: absolute;transition: all 1s; top:0;}
    .Box .Box_con .conbox ul li:hover img:nth-child(1) {opacity:0;}
    .Box .Box_con .conbox ul li:hover img:nth-child(2) {opacity:1;}
    .Box .Box_con .conbox ul li p {width:100%; background: #f9fafd; height:40px; line-height: 40px; font-size: 16px; text-align: center; }
    /*.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}*/

    .Box .BoxSwitch {margin-top: 30px;text-align: center; display:none;}
    .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
    .Box .BoxSwitch span.cur {background: red;}

    .intro_bcont{width:100%;background: url("../img/bg_intro.jpg") no-repeat bottom; clear:both; padding-top: 100px; padding-bottom: 100px;}
    .intro_cont{width:700px; margin:0 auto;}
    .intro_video{width:50%; float:left;}
    .intro_video .video{width: 100%; }
    .intro_word{width: 320px;float:right; }
    .intro_title{font-size: 36px; margin-top: 10px;}
    .intro_title1{display:none;}
    .intro_words{font-size: 14px; line-height: 22px; word-break: break-word; margin-top: 10px;color:#888888;}
    .intro_more{width:100%;float:left; text-align: left; margin-top: 20px;}

    .footer_cont{width:100%; background: #1f2024; color:white;padding-top: 100px; padding-bottom: 100px;}
    .footer{width:700px;margin: 0 auto; overflow: hidden;}
    .footer_list{width:80%; float: right;}
    .footer_list_item_li{float:left; width:16.5%; text-align: center; }
    .footer_list_item li{width:100%; height:40px; line-height: 40px; font-size:16px; }
    .footer_list_item li:first-child a{color:#666666; font-size: 18px;}
    .footer_list_item li:first-child img{display:none;}
    .footer_list_item li a{color:#ffffff;}

    .footer_item{width:20%;float:left;}
    .footer_search{width:100%;line-height:40px;color: #666666; font-size: 18px; }
    .search_cont{ width: 100%;}
    .footer_search img{ width: 22px; float: right; }
    .footer_search1{background:transparent; border:none; outline: none; height:40px; color:#ffffff; width: 65%; float: left;}
    .footer_search1:-ms-input-placeholder{color:#ffffff; font-size: 12px;}
    .footer_search1::-webkit-input-placeholder{color:#ffffff;font-size: 12px;}
    .footer_phone{width:100%;line-height:40px;margin-top: 40px; color: #666666; font-size: 18px;}
    .footer_phone p{font-size: 16px; line-height: 30px; color:#ffffff;}
    .footer_bottom{width:100%; border-top: 1px solid #666666; padding-top:20px; margin-top: 100px;}
    .footer_logo{float:left;width:10%;}
    .footer_logo img{width:100%;}
    .footer_right{float:left;font-size: 14px; color:#666666; width: 80%; padding-left: 10%;}
    .footer_right_ul li{ float:left; width: 15%;height:40px; line-height: 40px; list-style-type: disc; color:#666666;  font-size: 14px; margin-left: 15px;}
    .footer_right_ul li a{color:#666666}

    .phone{display:none;}


}
@media screen and (max-width:767px) {

    .main_cont{max-width:1400px; margin: 0 auto; overflow: hidden; width: 100%; }
    .phone_top{width: 100%;position: absolute; top:0;z-index: 95;}
    .menu{ float: left; position: relative;}
    .menu img{height:20px; margin-top:15px; margin-left: 12px;}
    .menu img:last-child{height:20px; top:0; left: 0; position: absolute; opacity: 0;transition: all 1s;}
    .active .menu img:last-child{opacity: 1;transition: all 1s;}
    .search_phone{float: right;position: relative;}
    .search_phone img{height:26px; margin-top:12px; margin-right: 12px;}
    .search_phone img:last-child{height:26px; top:0; right:0;position: absolute; opacity: 0;transition: all 1s;}
    .active .search_phone img:last-child{opacity: 1;transition: all 1s;}
    .header_active .header_item a{color:#333333;}
    .header_active .search1{display: none}
    .header_active .search2{display: block}

    .header_cont{width: 100%; height:60px;position:absolute; z-index: 90; top:0;}
    .header{width:100%; margin:0 auto; }
    .header_logo{width: 100%; height:50px; padding-top: 10px; transition: all 1s; }
    .menu_on{background:#f9fafd;  transition: all 300ms; }
    .header_logo img {height:100%;margin: 0 auto;}
    .header_list{display: none;  width: 100%;background: url("../img/phone_menu_bk.png");height:700px;position: relative; }
    .header_item{width: 50%; float: left; line-height: 60px;  text-align: left;  font-size: 5vw; border-bottom: 1px solid #dfdfdf;pading:5%;background: #f9fafd; clear:left;   }
    .header_item img{float:right; height:20px; margin-right: 5%; margin-top: 20px;}
    .header_item ul{width: 50%; background: white; display: none; margin-left: 50%; position: absolute; left:0; top:0; height:500px;}
    .header_item ul li{width: 100%; text-align: left; color: #888888; height:40px; line-height: 40px;}
    .header_item ul li a{color: #888888; font-size: 3.5vw; margin-left: 50px;}
    .header_item a{color:#000000; margin-left:5%; width: 80%;}
    .header_search{width: 100%;height: 50px; display: none;}
    .header_search img{margin-top: 20px;}
    .search2{display: block}
    .search1 {display: none;}
    .searchbar{width:100%; background: white; position: absolute; display: none;height: 50px; top:0;z-index: 99; padding-bottom: 10px; }
    .searchbar img{float: right; height:24px; margin-right: 12px;}
    .header_search_input{background-color: transparent;  outline: none; width: 70%; height: 50px;line-height: 50px; font-size:4vw; border:none; padding-left: 12px; }


    .slides{width:100%;position:relative;overflow:hidden; margin: 0 auto;}
    .slideInner{height:100%;position:relative;margin-left:0;}
    .slideInner a{ width: 100%;display:block;height:100%;position:relative;z-index:1; }
    .slideInner a div.img1{width:100%; margin: 0 auto;}
    .slider_cont{width: 100%; margin-top: 100px;}
    .slider_cont_title{text-align: center; font-size: 8.2vw; color: white;  width: 100%;}
    .slider_cont_word{text-align: left; font-size: 3.2vw ; line-height:6.5vw;color: white; margin-top: 0px; padding: 10px 8% 0 8%; }
    .slider_more{ text-align: left; margin: 40px auto; width: 37%;}
    .slider_more .learnmore{width:73%;height: 40px;  background: url("../img/more_button_o.png") no-repeat; background-size:100% 100%;color:white; line-height: 40px; padding-left: 27%; font-size:3.2vw;}

    /*
    .slideInner .slide3 .img2{top:200px;}
    .slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
    */

    .nav{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;}
    .nav a{display:block;width:41px;height:119px;opacity:.2;z-index:9;}
    .navListBox{position:absolute;left:50%;bottom:30px;z-index:80;}
    .navListBox li{float:left;margin-right:3px;margin-left:2px;border-radius:4px;list-style: none}
    .navListBox li:first-child{margin-left:0;}
    .navListBox li a{display:block;width:8px;height:8px;border-radius:4px;background:#fff;transition: width 1s}
    .navListBox li a.active{width:30px; transition: width 1s}


    .news_cont{width:100%; margin: 0 auto; position: relative; padding-top: 30px; padding-bottom: 20px;}
    .news_cont .active{display: block;}
    .news_cont_list{width:70%; position: absolute; line-height: 30px; text-align: center; top:60px; left:15%; }
    .news_cont_list .active{background: url("../img/border_b.jpg")no-repeat  bottom  center ;  }
    .news_cont_list .active a{ color:#00206a; }
    .news_cont_list_item{width:33.3333%; float: right;}
    .news_cont_list_item a{color:#888888; font-size: 3vw;}
    .news_cont_item{width:100%; display: none; }
    .news_cont_item_title{font-size: 6vw; width: 100%; float:left; text-align: center; font-weight: bold}
    .news_cont_item_mess{width:90%; position: relative; margin-top: 15%; float:left; margin-left: 5%;}
    .news_cont_item_mess img{width:100%; }
    .news_cont_item_mess_more{position: relative; width: 100%; }
    .news_cont_item_mess_title{width:84%; float:left; height:120px; background:white;color: black; padding-left: 8%; padding-right:8%; font-size: 3.8vw; line-height: 24px; overflow: hidden; position: relative; margin-top: -10px; }
    .news_cont_item_mess_title p{width:100%; text-align: left; margin-bottom: 5px; padding-bottom: 10px;padding-top: 10px; background: url("../img/border_b.jpg") no-repeat bottom left; color:#888888; font-size: 3.5vw;}
    .arr_more{width: 20%; float: right; right:0; display: none}
    .arr_more img:nth-child(2){display: none;}
    .news_cont_item_mess_more:hover .arr_more img:nth-child(1){display: none;}
    .news_cont_item_mess_more:hover .arr_more img:nth-child(2){display: block;}
    .item_more_button{width:100%;float:left; margin-bottom: 30px; margin-top:30px;text-align: center;}
    .news_more{width:110px;height: 30px; color:#00206a; line-height: 31px; text-align: center; font-size: 3vw;background: url("../img/more_button.png") no-repeat; background-size:100% 100%;display:inline-block; }
    .news_more a{color:#00206a; }


    .yw_bcont{background: url("../img/bg_yw.jpg") no-repeat bottom; clear:both; background-size:100% 100%;}
    .yw_cont{width:90%; margin: 0 auto; position: relative; padding-top: 30px; padding-bottom: 100px; margin-left: 5%;}
    .yw_cont .active{display: block;}
    .yw_cont_title{font-size: 6vw; width: 100%; float:left; text-align: center; font-weight: bold}
    .yw_cont_list{ width: 100%; position: absolute; top:50%; }
    .yw_cont_list .active img:nth-child(1){display: none;}
    .yw_cont_list .active img:nth-child(2){display: block;}
    .yw_cont_list .active p{color:#ff5d00;}
    .yw_cont_list_item{float: right; margin-left: 1%; width: 32%;z-index: 10;}
    .yw_cont_list_item img{width:100%;}
    .yw_cont_list_item img:nth-child(1){display: block;}
    .yw_cont_list_item img:nth-child(2){display: none;}
    .yw_cont_list_item p{width:100%; text-align: center; background:#f9fafd;height:40px; line-height:40px; margin-top: -5px; font-size: 3.5vw;}
    .yw_cont_item{width: 100%;display: none; margin-top: 60px; text-align: center;}
    .yw_cont_item img{width: 100%; max-width:600px; margin: 0 auto}
    .yw_cont_item p{width:90%; padding-left: 5%; padding-right: 5%; text-align: center; line-height: 24px; font-size: 3.2vw;  color:#888888; margin-top: 50%;}


    .Box {position: relative;}
    .Box .content {width: 90%;margin: 30px auto; margin-left: 5%;}
    .left_title{font-size: 6vw; width: 100%; text-align: center; font-weight: bold}
    .Box .Box_con {position: relative; margin-top: 30px;}
    .Box .Box_con .btnl {position: absolute;display: none}
    .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 215px;cursor: pointer;display: none}
    .Box .Box_con .btnl {background: url(../img/arrow_left.png) no-repeat center;left: -12px; display: none}
    .Box .Box_con .btnr {background: url(../img/arrow_right.png) no-repeat center;right: -12px;display: none}
    .Box .Box_con .conbox {position: relative; overflow: hidden;}
    .Box .Box_con .conbox ul {position: relative;list-style: none; width: 100%;}
    .Box .Box_con .conbox ul li {float: left;width: 48%; margin-left: 1%; margin-right: 1%; display: none;}
    .Box .Box_con .conbox ul li:nth-child(-n+4){display:block;}
    .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
    .Box .Box_con .conbox ul li img {display: block;width: 100%;transition: all 0.5s;}
    .Box .Box_con .conbox ul li img:nth-child(2) {display: none;}
    .Box .Box_con .conbox ul li:hover img:nth-child(1) {display: none;}
    .Box .Box_con .conbox ul li:hover img:nth-child(2) {display: block;}
    .Box .Box_con .conbox ul li p {width:100%; background: #f9fafd; height:50px; line-height: 50px; font-size: 3.2vw; text-align: center;}
    .Box .Box_con .conbox ul li p a{ color:#888888}
    /*.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}*/

    .Box .BoxSwitch {margin-top: 30px;text-align: center;display: none}
    .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
    .Box .BoxSwitch span.cur {background: red;}


    .intro_bcont{width:100%;background: url("../img/bg_intro.jpg") no-repeat bottom;  padding-top: 30px; padding-bottom:30px;}
    .intro_cont{width:90%; margin:0 auto; margin-left: 5%;}
    .intro_video{width:100%;  overflow: hidden;}
    .intro_video .video{width: 100%; }
    .intro_word{width: 100%; padding-left: 0%; }
    .intro_title1{font-size: 6vw; width: 100%; float:left; text-align: center; font-weight: bold; padding-bottom: 30px;}
    .intro_title{display:none;}
    .intro_words{width:90%; padding-left: 5%; padding-right: 5%; text-align: center; line-height: 20px; font-size: 3.2vw;  color:#888888; margin-top: 20px;}
    .intro_more{width:100%; text-align: center; margin-top: 30px;}

    .footer_cont{width:100%; background: #1f2024; color:white;padding-top: 50px; padding-bottom: 20px;}
    .footer{width:100%;margin: 0 auto; overflow: hidden;}
    .footer_list{width:90%; margin-left: 5%;float:left;}
    .footer_list_item_li{width:100%; text-align: left; }
    .footer_list_item li{width:25%; height:40px; line-height: 40px;  float: left; display: none;font-size: 3.5vw; }
    .footer_list_item li:first-child{display: block; border-bottom:1px solid #666666; width: 100%;position: relative;}
    .footer_list_item li:first-child a{color:#ffffff; font-size: 3.5vw; }
    .footer_list_item li img{float:right; height: 100%; opacity: 1; transition: all 300ms;}
    .footer_list_item li img:nth-child(2){float:right; height: 100%; position: absolute; top:0; right:0;opacity: 0; transition: all 300ms;}
    .footer_list_item .active img:first-child{opacity: 0; transition: all 300ms;}
    .footer_list_item .active img:nth-child(2){opacity: 1; transition: all 300ms;}
    .footer_list_item li a{color:#ffffff;padding-left:10px; }

    .footer_item{width:90%;margin-left: 5%; padding-top: 30px;}
    .footer_search{width:100%;line-height:40px;color: #ffffff; font-size:3.5vw; position: relative; text-align: left; padding-left: 10px;}
    .search_cont{ width:60%; float: right;}
    .footer_search img{ width: 22px; float: left; }
    .footer_search1{background-color: transparent; border:none; outline: none; height:40px; color:#666666; float: left; width: 60%;}
    .footer_search1:-ms-input-placeholder{color:#666666; font-size: 3.2vw;}
    .footer_search1::-webkit-input-placeholder{color:#666666;font-size: 3.2vw;}
    .footer_phone{display: none}
    .footer_bottom{width:100%; border-top: 1px solid #666666; padding-top:20px; margin-top: 30px;}
    .footer_logo{ display: none;}
    .footer_right{ width: 90%; margin-left: 5%; float:left;font-size: 3vw; color:#666666; text-align: center; line-height: 20px;}
    .footer_right_ul{ width: 94%;padding-left: 6%}
    .footer_right_ul li{ float:left; width: 20%;height:40px; line-height: 40px; list-style-type: disc; color:#666666; font-size: 3vw; text-align: left;}
    .footer_right_ul li a{color:#666666}
}

.video_cut{ float: left; width: 100%;}
.video_cut_botton{float: left; border:1px solid #7e7e7e; font-size: 14px; color:#7e7e7e; padding: 5px 10px 5px 10px; margin-right: 10px; margin-top: 10px;}
.video_cut_botton1{float: right; border:1px solid #7e7e7e; font-size: 14px; color:#7e7e7e; padding: 5px 10px 5px 10px; margin-left: 10px; margin-top: 10px;}