/* 弹出搜索 begin */



.searchbar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center}



.searchbar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;}



.searchbar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}



.searchbar-m a:hover{color:#ff9600}



.searchbar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}



.searchbar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#6e6e6e;height:60px;line-height:60px;float:left;padding:0}



.searchbar-m .button {width:8%;height:60px;line-height:60px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:url(/uploads/image/tpsimages/ico-search-button.png) no-repeat center 50%;text-indent:-2000px}



.searchbar-m .button:hover{background:url(/uploads/image/tpsimages/ico-search-button.png) no-repeat center 50%;}







/* 弹出搜索 end */







.con { width:90%; margin:0px auto;}







@media only screen and (max-width:1024px){



.con { width:96%; margin:0px auto;}	



}











@media only screen and (max-width:995px){



.con { width:94%; margin:0px auto;}	







}







.header{width:100%; position:fixed; top:0; left:0; z-index:99; }



.header.on{background:#fff;}



.header .logo{width:17%; float:left;padding-top:20px; }

.header .logo .logo_hover{display:none}

.header.on .logo .logo_hover{display:block}

.header.on .logo .logo_on{display:none}





.header .zyqh { float: right; margin-top: 38px;margin-right: 20px;}



.header .zyqh li{float:left;}



.header .zyqh li:nth-child(2){margin-left:20px;}







.header_icons_1{float: right;margin-top: 35px;right:20px;}



.header_icons_1 ul{margin: 0;



    padding: 0;



    list-style: none;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;}



.header_icons_1 li{height: 27px;    border: 1px solid #fff;align-items: center;    display: flex;}







.header_icons_1 li a{font-size: 16px;



    height: 25px;



    line-height: 25px;



    padding: 8px 5px;



    font-family: "montserrat-bold";



    color: #fff;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    -webkit-transition: all 0.5s;



    transition: all 0.5s;}







.header_icons_1 .on{background-color: #00b3c4;



    color: #fff;border: 1px solid #00b3c4;}



.header_icons_1 .on a{  color: #fff;}



.header.on .an i{color:#0a76e3;}



.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:24px; }



.header .an span{width:30px; height:2px; background:#fff; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;



-webkit-transition:all .5s;}



.header .an span.a1{top:0; left:0;}



.header .an span.a2{top:8px; left:0;}



.header .an span.a3{top:16px; left:0;}



.header .an.n span.a2{display:none;}



.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}



.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}



.header.on .an span{background:#1c338a;}







.header .nav{  float:right; }



.header .nav i{font-size:18px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);



-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}



.header .nav ul li{margin:0px; line-height:75px; float:left; position:relative; padding:0px 40px 0px 0px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;



-webkit-transition:all .5s; font-size:16px; text-transform: uppercase;}



.header .nav ul li a { font-size:18px; color: #fff;}



.header .nav ul li .ys {color: #333;}



.header.on .nav ul li a { font-size:17px; color: #000;}



.header .nav ul li span{width:0; height:3px; background:#c8161e; position:absolute; left:50%; bottom:0;



transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;



transform:translate(-50%,0);



-webkit-transform:translate(-50%,0);



-moz-transform:translate(-50%,0);



-ms-transform:translate(-50%,0);



-o-transform:translate(-50%,0);}



.header .nav ul li:hover span{width:100%;}



.header .nav ul li.on span{width:100%;}



.header .nav ul li.on a{color:#016dd3;}



.header .nav ul li:hover a { color:#016dd3;}



.nav .y_j{position:relative;     display: block;



    position: relative;



    line-height: 75px;



    -webkit-box-flex: 1;



    -moz-box-flex: 1;



    -webkit-flex: 1;



    -ms-flex: 1;



    flex: 1;



    transition: line-height 0.5s;}



.nav .e_j{    position: absolute;



    top:75px;



    left: 0;



    width: 250px;



        background: rgba(255, 255, 255, 0.8);



    z-index: 999;



    padding: 0px;



    opacity: 0;



    visibility: hidden;



    transform: translatey(20px);



    transition: all 0.5s; }



.header .nav ul li:hover .e_j {



    opacity: 1;



    transform: translatey(0px);



    visibility: visible;



    transition: all 0.5s;



}	



.header .nav ul li .e_j a{display:block; font-size:15px; color:#333; line-height:50px; text-align:left;  font-weight:normal; padding-left: 20px; }



.header .nav .e_j a:hover{ color:#fff; background:#016dd3;font-weight:600}



.header .nav .e_j{display:none !important;}



.header .nav ul li:hover .e_j{display:block !important;}



@media only screen and (max-width:1440px){



.header .logo img{width:100%}







}



@media only screen and (max-width:1360px){



	.header .nav ul li{padding: 0px 20px 0px 0px;}



}



@media only screen and (max-width:1024px){



	.header .nav ul li{padding: 0px 15px 0px 0px;    line-height: 75px;}



.header .nav ul li a{font-size:16px}



.nav .y_j{line-height:75px;}



.nav .e_j{top:75%}



.header .zyqh{margin-top:30px;}







.nav-inline li a{font-size:16px!important;color: #fff;}



}















@media only screen and (max-width:995px){



.header{padding:0%; height: 65px; }



.header .logo{width:180px; float:left;  }







.header .zyqh { margin-top:20px; margin-right:5px;}



.header .an{display:block;}



.header .nav ul { width: 100%;}



.header .nav{width:100%; padding:10px 5%;  height:100%; position:fixed; top:65px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.99);



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s; z-index:65; margin-left:0;}



.header .nav.on{left:0; margin-top:0} 



.header .nav ul li.on span{width:0%;}



.header .nav ul li:hover span{width:0%;}



.header .nav ul li:hover a { color:#0a76e3;}



.header .nav i{display:block; }



.header .nav ul li{line-height:60px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}



.header .nav ul li a {font-size:16px; color:#333!important;}



.header .nav ul li:after { background: rgba(0,0,0,0);}



.nav .y_j{line-height: 60px;}



.header .nav .e_j{padding:0px;  background:none; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;



box-sizing:border-box;



-webkit-box-sizing:border-box;



-moz-box-sizing:border-box;



-ms-box-sizing:border-box;



-o-box-sizing:border-box;}



.header .nav ul li:hover .e_j{display:none;}



.header .nav .e_j.n{display:block !important;}



.header .nav ul li .e_j a{display:block; font-size:14px; color:#666; margin-left:0px; text-align: left;}



.header .nav ul li .e_j a:hover { color: #fff; padding: 0 10px;}



}



.head_h{width:100%; height:115px;}



@media only screen and (max-width:1023px) {



.head_h{width:100%; height:65px;}



}