/* CSS Document */


.warpper_bg{width:15px; background:url(https://cn.inventronics-co.com/cn/images/bg15.png) repeat-y top;  z-index:10; position:absolute; top:0px; left:-14px;}
.warpper_bg2{width:15px; background:url(https://cn.inventronics-co.com/cn/images/bg16.png) repeat-y top;  z-index:10; position:absolute; top:0px; right:-14px;}

.menutp_mainline{height:167px; width:1px; background-color:#ccc; float:left; margin-left:28px;}
.menu_left{float:left; width:35%; padding-left:50px;}
.menutp_box{width:100%; padding-top:10px;}
.menutp_img{width:45%; float:left; margin-right:5%;}
.menutop_wen{float:left; width:50%;}
.menutop_wen h4{font-size:14px; margin:0px; color:#333; padding-top:5px; padding-bottom:8px; font-weight:normal;}
.menutop_wen p{margin:0px; line-height:24px; width:100%; color:#666; white-space:pre-wrap}

.searchicon{ position:absolute;right:162px; top:35px; cursor:pointer;}
.searchicon i{ font-size:20px;}

.search{ position:absolute; top:88px; right:0px; width:258px; height:60px;background:url(https://cn.inventronics-co.com/cn/images/searchbg.png) no-repeat top left;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.search .inputche{ border:1px  solid #666; background:none; color:#666; outline:none; margin-left:30px; line-height:28px; height:28px; padding-left:10px; font-size:12px; margin-top:15px;
 float:left;}
.indexs{border:1px  solid #666; background:#1968b3; color:#fff; height:28px; line-height:28px; text-align:center; width:50px;  border:none;margin-top:15px;outline:none; float:left;}

.show{ position:absolute; top:0px; width:150%; left:0px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.search_link:hover .show{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.search_link:hover .hidelist{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}




/*.menutp_main > ul > li{border-right:none !important;}*/
.menu_endtitle{width:100%;}
.menu_er{font-size:14px; line-height:24px; color:#003895; position:relative; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; -o-transition:all .4s linear;  background:url(../image/menuli_bg00.png) left center no-repeat; padding-left:15px;}
.menu_er i{margin-right:8px; font-size:15px;}
.menu_er:hover{ padding-left:20px;}


.menu_endmain{width:33%; float:left; text-align:left;}
.menu_endmain2{float:left; width:19%; text-align:left;}
.menu_endone{float:left; width:42%; padding-top:5px; padding-bottom:10px; padding-left:10px; margin-right:10%;}
.menu_endone p a{color:#666;}
.menu_endtwo{float:left; width:45%; padding-top:5px; padding-bottom:10px;}
.menu_endone p{line-height:26px; margin:0px; padding-left:15px; background:url(../image/menuli_bg2.png) left center no-repeat;}
.menu_endtwo p{line-height:26px; margin:0px;  padding-left:15px;  background:url(../image/menuli_bg2.png) left center no-repeat;}
.menu_endtwo p a{color:#666;}
.nav_threemore{}
.nav_threemore:hover{color:#f4a565;}
.nav_three{width:100%; padding-top:5px; padding-bottom:10px; padding-left:12px;}
.nav_three p{line-height:26px; margin:0px; padding-left:15px; background:url(../image/menuli_bg2.png) left center no-repeat;} 
.nav_three p a{ color:#666;}
.nav_three p:hover{ background:url(../image/menuli_hbg2.png) left center no-repeat;}
.nav_three p a:hover{ color:#f5882e;}
.menu_endmain .nav_three p{ width:50%; float:left}




.header-wrap .logo,.header-wrap .nav,.header-wrap .nav li{
    float: left
}
.header-right,.header-form input{
    float: right;
}

.header-wrap{
    width: 1070px;
    margin: 0 auto;
	background:url(../image/tm.png);
	border-bottom:1px solid #f2f2f2;
}
.header-wrap .logo a,.header-wrap .logo h1{
    position: relative;
    z-index: 100;
    width: 100%;
    height:100%;
}

.logo{ margin-top:23px; margin-left:50px; float:left;}

.gupiao {display: inline-block;float: left;font-size: 14px;color: #003894;position: relative;top: 41px;left: 15px;font-weight: bold;}

.header-right{
	margin-top:40px;

    
}
.header-wrap .nav{
    width: 725px;
 
}

.header-wrap .nav li>a:hover{
    color: #004098;
}
.header-wrap .nav li>a{
    /*font-family: '微软雅黑';*/
	font-family: '微软雅黑'
    color: #000;
}
.header-wrap .nav li>a:after{
    position: relative;
    left:8px;
    
}
.header-form{
    width: 170px;
}
.header-wrap .nav li{
    position: relative;
    padding: 0 18px;
    font-size: 14px;
	font-weight:bold;
    cursor: pointer;
    height:50px;
}
.nav dl{
    position: absolute;
    top:50px;
    left:10px;
    z-index: 200;
    display: none;
    border-bottom: 5px solid #004098;
}
.nav dd{
    width: 160px;
    border-bottom: 1px solid #E5E5E5;
}
.nav dd a{
    display: block;
    padding: 10px;
    color: #555555;
    font-weight: 400;
    padding: 10px 15px;
    font-size: 12px;
    transition: 0.3s ease-in-out 0s;
    background-color: #FFFFFF;
    position: relative;
    line-height: 1.42857143;
}
.nav dd a:hover{
    background-color: #E5E5E5;
    color: #004098;
    padding-left: 20px;
	text-decoration:underline;
}
.nav dd a:hover i.ico-double-right{
    color:#da251d;
}
.nav dd i.ico-double-right{
    margin-right:8px;
    color:#555555;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.nav dd i.ico-double-right:after{
    content: "\f101";
}


.header-form .txt-search{
    width: 100px;
    background: none;
    font-size: 12px;
    height:16px;
    text-indent: 4px;
	border:none;
    border-bottom: 1px solid #ccc;
	outline:none;
	
}
.header-form .btn-search{
    width: 27px;
    height:27px;
    background: url("https://cn.inventronics-co.com/cn/images/btn-search.png") center center no-repeat;
    cursor: pointer;
	border:none;
	outline:none;
}

.menutp_main {
    float: right;
    width: 60%;
}

.menuxl_box01{width:730px; margin:0 auto;}
.menuxl_box02{width:1050px; margin:0 auto;}
.menuxl_box03{width:550px; margin:0 auto;}
.menuxl_box04{width:502px; margin:0 auto;}
.menuxl_box05{width:565px; margin:0 auto;}

.head-v3{position:relative;z-index:100; width:100%;}
.head-v3 .navigation-inner{margin:0 auto;max-width:1170px; height:88px;position:relative;background:url(https://cn.inventronics-co.com/cn/images/navbg2.jpg);}


.navigation-up .navigation-v3{float:right;position:relative; width:740px; margin-right:80px;}
.navigation-up .navigation-v3 ul{float:left;}
.navigation-up .navigation-v3  li{float:left;color:#fff; width:90px; text-align:center; height:88px; padding-top:37px;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;width:90px;}
.navigation-up .navigation-v3 li h2 a{ width:90px;color:#666;display:inline-block; font-size:15px; font-weight:bold;}


.navigation-up .navigation-v3 li h2 a:hover{ color:#f5882e; text-decoration:none;}
.navigation-down{position:absolute;top:114px; left:0px;width: 100%; z-index:9999;background: url(../image/tm.png);}
.navigation-down .nav-down-menu{background: url(../image/tm.png); width:100%;margin:0;position:absolute;top:-1px; left:0px;
/*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/}
.navigation-down-inner{
    width: 67%;
	margin:0 auto;
    position: relative;
    height: auto;
    /*background: url(../image/tm.png);*/
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 999;}

.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.menuxl{ position:relative;}
.menuxl > ul{ text-align:center;}
.menuxl > ul > li{ display:inline-block; line-height:32px;  text-align:center; float:left; font-size:14px; padding-left:20px;}
.menuxl > ul > li a{ color:#666; font-size:14px; border-right:1px solid #CCC; padding-right:30px; padding-left:10px; position:relative; background:url(../image/menuli_bg00.png) left center no-repeat; padding-left:15px;
 transition:all linear .4s; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s;  }
.menuxl > ul > li a i{margin-right:8px; font-size:15px;}


.menuxl > ul > li a:hover{ color:#f5882e; transition:all linear .4s;   -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s;
/*transform:translate(6px,0);    
-webkit-transform:translate(6px,0);    
-moz-transform:translate(6px,0);   
-o-transform:translate(6px,0);    
-ms-transform:translate(6px,0);*/}
.menuxltb{ position:absolute; bottom:-15px; left:50%; z-index:9999999999; margin-left:-6px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;

}

.menu > ul > li:hover .menuxltb{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}


.content{margin:0 auto; max-width:1280px;}

.menu_er{color:#333 !important;}
.menu_er:hover{ color:#f5882e !important;}

.nav_threemore{border-right:none !important; font-size:12px !important;}







@media (min-width:1601px){
	.navigation-up{width:67%;}
	}


@media (max-width:1600px) and (min-width:1440px){
	.warpper_mian{width:76%;}
	.navigation-up{width:76%;}
	.navigation-down-inner{width:76%;}
}

@media (max-width:1439px) and (min-width:1130px){
	.warpper_mian{width:90%;}
	.logo{margin-left:15px;}
	.navigation-up .navigation-v3{width:70%;}
	.navigation-down-inner{width:90%;}
	.footer_map img{width:140%;}
}
@media (max-width:1200px){
.menutp_main {
    float: right;
    width: 60%;
}
.menu_endmain {
    width: 40%;
}
.menu_endmain2 {
    width: 19%;
}

}

@media (max-width:1129px) and (min-width:980px){
	.warpper_mian{width:95%;}
	.navigation-up{width:95%;}
	.navigation-down-inner{width:97%;}
	.logo{margin-left:15px;}
	.navigation-up .navigation-v3{width:68%;}
	.footer_map img{width:140%;}
	.navigation-up .navigation-v3 li{width:80px;}
	
}
@media (max-width:979px) and (min-width:769px){
	.warpper_mian{width:99%;}
	.navigation-up{width:99%;}
	.navigation-down-inner{width:89.5%;}
	.logo{margin-left:15px;}
	.navigation-up .navigation-v3{width:67%;}
	.footer_map img{width:140%;}
	.navigation-up .navigation-v3 li{width:68px;}
	.navigation-up .navigation-v3{margin-right:77px;}
	
}