/*.u-column:after,
.u-grid:after,
.clearfix:after,
.layout:after,
.clf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '.';
    clear: both;
    height: 0
}*/




.content { width: 1230px; margin: 0 auto;}

.nav{ width:100%;height:60px; background:#0067ac; position:relative;}
.nav .sub1{float: left; padding:0 25px;height:60px;}
.nav .sub3{float: left; padding:0 5px;height:60px;}
.nav .sub1-name{padding: 0 25px; line-height:60px; color: #fff; font-size: 18px; display:block;}

.nav .sub1-name:hover{color: #fefe00; background-color:#004d80; height:60px;padding: 0 25px;}

.sub2-pro li{float: left;}
.nav .icon-area{height: 56px; width: 210px;}

.nav .sub2{display: none; position:absolute; width: 100%; top:60px; left: 0; min-width: 1200px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 99; /*padding:56px 0 36px 0;*/ min-height:350px; opacity:0; transition: all .5s;}
.nav .sub1:hover .sub2{ display:block; opacity:1;}

.nav-right{ padding-top:30px;}
.nav-right ul{width: 100%;}
.nav-right li{float: left; width: 120px; height: 40px; padding-left: 28px;}
.nav-right li a{width: 120px; display: block; padding-left: 18px; color: #555; font-size: 16px; line-height: 40px; background: url('../images/nav-case-normal.png') no-repeat left 16px; transition: .36s ease;}
.nav-right li a:hover{color: #ed8222; background: url('../images/nav-case-hover.png') no-repeat left 16px;}
/*.nav-left .title{font-size: 24px; color:#222; line-height: 1;}
.nav-left p{font-size: 14px; color:#888; line-height: 22px; margin-top: 14px; overflow: hidden;}
.nav-left a{display: block; height: 42px; width: 160px; margin-top: 22px; background-color:#fafafa; border:1px solid #e8e8e8; border-radius:3px; text-align: center; font-size: 14px; color:#222222; line-height: 40px; transition: .36s ease;}
.nav-left a:hover{background-color: #ed8222; color:#fff; border-color:#ed8222;}
.sub2-pro .buttons{height: 42px;}
.sub2-pro .buttons a{float: left; margin-right: 14px;}*/

.nav .sub2-pro .pro-class{display: block;}
.sub2-pro .links a{display: block; color: #555; font-size: 14px; line-height: 2; padding-left: 45px; background: url('../img/sub2-pro-links.png') no-repeat left center;}
.sub2-pro .links a:hover{color: #ff9600;}
.sub2-pro .btn-group a{display: block; float: left; padding: 0 32px; color: #222; font-size: 14px; background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px; text-align: center; line-height: 40px; transition: .36s ease;}
.sub2-pro .btn-group a:hover{color: #fff; background-color: #ff9600; border-color: #ff9600;}
/*
.sub2-search{padding: 40px 0;}
.sub2-search form{height: 52px; border: 2px solid #ed8222; width: 862px; border-radius: 4px; margin: 0 auto;}
.sub2-search .v-select{width: 98px; height: 44px; font-size: 14px; color: #666;}
.nav .sub2-search .select-panel{line-height: 44px; padding-left: 14px;}
.sub2-search .select-menu{top: 44px;}
.sub2-search .select-menu li{height: 44px; line-height: 44px; padding-left: 14px;}
.sub2-search form select {float: left; width:98px; height: 44px;margin-top: 1px; color: #999999;font-size: 16px; background-color: #ffffff;box-sizing: border-box;transition: 0.36s;padding: 10px 20px;line-height: 32px;border: none;}
.sub2-search input{float: left; width: 756px; height: 46px; font-size: 14px; padding: 8px 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: inline;}
.sub2-search button{width: 100px; height: 44px; color: #fff; text-align: center; font-size: 14px; line-height: 44px; background-color: #ed8222;margin-top: 2px; cursor:pointer;}
.sub2-search .pre-link{font-size: 14px; color: #999; margin: 11px auto 0; width: 656px;}
.sub2-search .pre-link .title{float: left; margin-right: 18px;}
.sub2-search .pre-link a{display: block; float: left; color: #222; margin-right: 28px;}*/
.ylw{width: 206px;}
.pro-lessNer{margin-left: 8px;}



.nav .active .sub1-name{color: #ed8222;}
.nav .active .navXian{width: 30px;}
.nav .active .navXian{display: block;}
.s-key{color:#ff9600; padding:0;}
.search-list .info .title .s-key{color:#ff9600; font-size: 18px; line-height: 1;}
.geetest_radar_tip_content{color: #18A452 !important;}
.geetest_success_radar_tip{color: #18A452 !important;}
.geetest_success_radar_tip_content{color: #18A452 !important;}
.geetest_holder{width: 315px !important;}
.down-msg .n-msg{width: 98px; position: absolute; left: 320px; top: -108px;}





.pop-mask,.down-mask{/*display: none;*/ width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000); zoom: 1; z-index: 9999; top: 0; left: 0;}
:root .pop-mask{filter: none \9;}
.pop-window{width: 580px; height: 485px; position: absolute; left: 0; right: 0; top:0; bottom: 0; margin:auto; background-color: #fff; border-radius: 4px; padding:28px;}
.pop-content{position: relative;}
.pop-close-btn{width: 14px; height: 14px; background: url('../img/pop-close-btn.png') no-repeat center; cursor: pointer; position: absolute; top:0; right: 0;}
.pop-text{text-align: center;}
.pop-title{color:#f7494b; font-size:24px; margin-top: 80px;}
.pop-msg{font-size: 14px; color:#888; line-height:24px; margin-top: 11px;}
.pop-msg span{color:#f7494b;}
.qr-window{width: 180px; height: 180px; background:url('../img/qr-border2.png') no-repeat center; position: absolute; top: 28px; padding:40px; z-index: 9;}
#qr-code{height: 100px; width: 100px;}
.qr-msg{font-size: 14px; color:#888; text-align: center; line-height:52px;}
.lessNer-box {width:25%; height: 278px; padding:0 25px;box-sizing: border-box; border-right: solid 1px #efefef;}
/*.lessNer-box {width: 372px; height: 278px; padding-right:25px; border-right: solid 1px #efefef;}*/
.lessNer-box2 {width: 300px; height: 278px; padding-right:30px; border-right: solid 1px #efefef;}
.lessNer-box3 {width: 265px; height: 278px; padding-right:30px; border-right: solid 1px #efefef;}
.lessNer-head {display: block;overflow: hidden; padding-bottom: 30px; }
.lessNer-img{width:80px; transition: 0.36s ease;float: left; }
.lessNer-img img {width: 100%;}
.lessNer-img span {font-size: 14px; color: #222; line-height: 14px; float: right; display: block; }
.lessNer-tle{ padding: 5px 0;float: right;width: 160px;}
.lessNer-box2 .lessNer-tle{ padding: 5px 0;float: right;width: 270px;}
.lessNer-box3 .lessNer-tle{ padding: 5px 0;float: right;width: 220px;}
.lessNer-tle h2 {font-size: 18px; font-weight: 600; color: #222; line-height: 20px; padding-bottom: 5px; }
.lessNer-tle:hover h2 {color: #ed8222;}
.lessNer-tle p {font-size: 14px; color: #666; line-height: 22px;}
.lessNer-main a{width:96%; height:22px; font-size: 14px; line-height: 22px; color: #555; display: block;text-overflow: ellipsis;
white-space: nowrap; padding-left: 16px; background: url('../images/nav-case-normal.png') no-repeat left 5px; transition: .36s ease; margin-top: 5px; overflow:hidden;}
.lessNer-main a:hover{color: #ed8222; background: url('../images/nav-case-hover.png') no-repeat left 5px; padding-left:22px;}
.pro-lessNer .second {margin-left: 26px;}
.pro-lessNer .three {margin-left: 26px; padding-right:0px; border-right: solid 0px #efefef;}

.lessNer-main2 a{font-size: 12px; line-height: 22px; color: #555; display: block; padding-left: 8px; background: url("../img/icll.png") no-repeat 0 7px; transition: .36s ease; margin-top: 5px;}
.lessNer-main2 a:hover{color: #ff9600;}
.lessNer-main{margin-top: 6px;}

.nav .active .sub1-name{color: #fefe00;}
.nav .active .navXian{width: 30px;}
.nav .active .navXian{display: block;}
.s-key{color:#ff9600; padding:0;}
.search-list .info .title .s-key{color:#ff9600; font-size: 18px; line-height: 1;}
.geetest_radar_tip_content{color: #18A452 !important;}
.geetest_success_radar_tip{color: #18A452 !important;}
.geetest_success_radar_tip_content{color: #18A452 !important;}
.geetest_holder{width: 315px !important;}
.down-msg .n-msg{width: 98px; position: absolute; left: 320px; top: -108px;}
/*导航END*/


@media screen and (max-width: 1360px){
.nav .sub1{float: left; padding:0 8px;height:60px;}

.nav .sub1-name {font-size: 16px;}
.header .btmm .form .text {width: 135px;}

}


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




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



}

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


}

@media screen and (max-width: 768px){
body {
    min-width: 1200px;
    width: 100%;
    overflow-x: hidden;
}	
#page { zoom:0.9;}
	
}

@media screen and (max-width: 468px){	
body {
    min-width: 1200px;
    width: 100%;
    overflow-x: hidden;
}	
#page { zoom:0.9;}	
}