@charset "utf-8";
/* CSS Document */

.logopic{
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, he
ight 1s, -o-transform 1s; /* Opera */
}
.logopic2{
transform:rotateY(360deg);
-moz-transform:rotateY(360deg); /* Firefox 4 */
-webkit-transform:rotateY(360deg); /* Safari and Chrome */
-o-transform:rotateY(360deg); /* Opera */
}
.tel_p1,.tel_p2{
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.tel_p_m{
transform:rotateX(360deg);
-moz-transform:rotateX(360deg); /* Firefox 4 */
-webkit-transform:rotateX(360deg); /* Safari and Chrome */
-o-transform:rotateX(360deg); /* Opera */
}

.logo_l{float:left;height:80px;display:block;display: flex;justify-content: center;align-items:center;}
.logo_l img{max-height: 80px;max-width:510px;vertical-align:middle;}
.top{width:1200px;margin:0px auto;padding:20px 0px;min-width: 1200px;}

.op_rte{float:right;position:relative;height:80px;}
.op_rte span{display:block;width:170px;height:27px;line-height:27px;text-align:center;background-color:#287f40;color:#fff;border-radius:13px;position:absolute;top: 5px;right:0px;}
.op_rte em{display:block;width:275px;height:40px;line-height:40px;color:#2c2c2c;position:absolute;top: 37px;right:0px;background:url(../images/phone.png) left center no-repeat;padding-left:50px;font-size:30px;font-weight:bold;}
.op_rte em a{color:#2c2c2c;}


.nav{width: 100%;height: 50px;background: #064ca0;margin:0px auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;min-width: 1200px;}
.nav ul{max-width:1200px;margin:0px auto;height: 50px;overflow:hidden;}
.nav ul li{float:left;position:relative;height: 50px;line-height:50px;width: 133px;overflow: hidden;}
.nav ul li a{display: block;font-size: 16px;line-height: 50px;text-align:center;transition:0.3s; color:#fff;overflow:hidden;width: 133px;}
.nav ul li.omm{background: #eb7022;}
.nav ul li.omm a{color:#fff;}

.nav ul li .nav_p1{ width:100px; height:50px; background-color:#eb7022; position:absolute; top:0px; left:-100px;transition:0.3s;}
.nav ul li .nav_p2{ width:100px; height:50px; background-color:#eb7022; position:absolute; top:0px; right:-100px;transition:0.3s;}


.nav ul li a:hover{ color:#fff; }
.nav ul li a:hover .nav_p{ position:absolute; width: 133px; left:0px; height:50px; line-height:50px; text-align:center; z-index:999;}
.nav ul li a:hover .nav_p1{ width:100px; height:50px; background-color:#eb7022; position:absolute; top:0px; left:0px;transition:0.3s; }
.nav ul li a:hover .nav_p2{ width:100px; height:50px; background-color:#eb7022; position:absolute; top:0px; right:0px;transition:0.3s; }




/*input.tp_t_mx_t1::placeholder { color:#fff}
input.tp_t_mx_t1::-webkit-input-placeholder { color:#fff}
input.tp_t_mx_t1::-ms-input-placeholder{ color:#fff}
input.tp_t_mx_t1::-moz-input-placeholder{ color:#fff}*/