@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 400px) and (max-width: 1200px){
	.body{ width:1200px;margin:0px; padding:0px;}
	.topnav{ width:100%;}} 

.body{ margin:0px; padding:0px;}

*{ font-family:"微软雅黑";}
a{ text-decoration:none; color:#333;}
ul, ol {
    list-style: none outside none; margin:0px; padding:0px;}
.top4{ padding-top:40px; background:#f6f6f6; padding-bottom:40px;}	

.clear{ clear:both;}
.topht{background-repeat: repeat-x; margin: 0px auto;}
.tophh{height: 150px; margin-left: auto; margin-right: auto; margin-top: 0px; width: 1200px;}
.tophp{float: left; height: 150px; width: 1010px;}

/*头部电话top*/
.header{overflow:hidden;width:1000px;}
.header .header-l{overflow:hidden;width:437px; height:90px;float:left; position:relative;padding-left: 27px;}
.header .header-l h3{font-size:20px; color:#ce0a0a; margin-top:28px; padding-left:15px;margin-bottom: 0;}
.header .header-l h3 span{color:#000;}
.header .header-l p{color:#515151; font-size:13px; margin-top:8px; padding-left:15px;}
.header .header-r{ display:block; width:310px; margin-top:34px; height:42px; background:url(../images/ce1.jpg) no-repeat center left; float:right;}
.header .header-l i{display:block; width:81px; height:1px; position:absolute; top:43px; left:41px; background:#999;}
.header .header-r span{ display:block; width:173px; font-size:15px; color:#000; float:right;}
.header .header-r b{display:block; width:173px; font-size:21px; color:#ce0a0a; float:right;}

/*导航nav*/
.topnav * { box-sizing: border-box; margin: 0; padding: 0; }
.topnav a { text-decoration: none; color: inherit; }
.topnav img { vertical-align: top; border: none; }
.topnav ul, li { list-style: none; }
.topnav { font: 16px/1.43 'Microsoft Yahei', Arial, sans-serif; position: absolute; z-index: 999; max-width: 100%; height: 100px; color: #333; }
.topnav .nav:after { display: block; visibility: hidden; clear: both; height: 0; color: ''; }
.topnav .nav > li { position: relative; float: left;background: url(../images/nav_bg.png) 
no-repeat;}
.topnav .nav > li:first-child{background:none}
.topnav .nav > li > a { position: relative;
    display: block;
    padding: 13px 38px 40px;
    text-align: center; }
.topnav .nav > li > a:hover, .topnav .nav > li > a:hover .subtitle, .topnav .nav .active, .topnav .nav .active .subtitle { color: #183885; }
.topnav .nav > li > a:after { position: absolute; bottom: 20px; left: 50%; width: 70px; height: 2px; margin-left: -35px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: scale(0, 1); transform: scale(0, 1); background: #183885; }
.topnav .nav > li > a:hover:after, .topnav .nav .active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.topnav .nav a span { display: block; }
.topnav .nav .title { font-weight: bold; }
.topnav .nav .subtitle { font-size: 9px; padding-top: 5px; text-transform: uppercase; color: #666; }
.topnav .subnav { position: absolute; top: 60px; left: 50%; visibility: hidden; width: 170px; margin-left: -85px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; background: rgba(255, 255, 255, .9); box-shadow: 0 3px 16px rgba(0, 0, 0, .1); }
.topnav .nav > li:hover .subnav { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.topnav .subnav li a { font-size: 12px; line-height: 40px; position: relative; display: block; overflow: hidden; height: 40px; padding: 0 30px 0 10px; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.topnav .subnav li a:hover { padding-left: 15px; color: #fff; background: #183885; }
.topnav .subnav li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/mFile/880/img/arrow-right.png) no-repeat center center / cover; }
.topnav .subnav li a:hover:after { right: 15px; visibility: visible; }

/*banner*/
.banner{width:100%;  position:relative;background-color:#fff; z-index:10;  overflow:hidden;}
.banner_slides{position:relative; overflow:hidden; width:100%; margin:auto; margin-left:auto; margin-right:auto; max-width:100%; min-width:1200px;}
.banner_slides , .slides_container , .slides_control ,.banner_pic{height:550px;}
.banner_slides li.slidesjs-slide{ width:100%; height:600px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:550px;background-size:cover !important; }
.slides_btn{position:absolute; z-index:999;display:block;width:50px;height:80px;margin-top:-40px;top:50%;overflow: hidden;text-indent:-9999px; background-color:rgba(0,0,0,0.1);-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.banner:hover .slides_btn{background-color:rgba(0,0,0,0.5);}
.banner .slides_btn:hover{ background-color:#057cf5;}

.btn_previous{ left:-50px; background:url(../images/pre02.png) center center no-repeat; }
.btn_next{ right:-50px; background:url(../images/next02.png) center center no-repeat;}
.banner:hover .btn_previous{left:2%;}
.banner:hover .btn_next{right:2%;}
	
.slides_pagination{ width:390px;height:8px;bottom:20px; right:50%; margin-right:-195px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 5px;display:inline-block; width:120px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:100%;height:3px;background:#fff;color:#666;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#e1001a;color:#fff;}
/*banner end*/

/*search end*/
.top_keys{width: 100%; height: 60px; /*border-bottom: solid 1px #d9d9d9; */line-height: 60px;}
.top_keys_l{width: 75%; float: left; font-size:12px; color: #666666;}
.top_keys_l b{ font-weight:normal;}
.top_keys_l span{font-size: 14px; font-weight: bold; color: #e23c3f;}
.top_keys_r{width: 25%; float: left;}
.container{margin:0 auto;width:1200px;}
.container{width:1200px; margin:0 auto;}
.container:after{display:block;height:0;content:"";clear:both;visibility:hidden;}
.search{margin-top:8px;height:34px;clear:right;}
.search-text{border:1px solid #e5e5e5;height:22px;width:177px;padding:2px 5px;font-size:12px;color:#999;display:block;background:#eee;}
.search-btn{width:35px;height:32px;border:none;background:url('../Image/search_btn.jpg') no-repeat;}
.right{float:right;}
.left{float:left;}
/*search end*/


.pub-ban{
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.pub-ban img{
	position: absolute;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=0);
    width: 1920px;
    left: 50%;
    height: 250px;
    margin-left: -960px;
}
.pub-ban img.on{
	opacity: 1;
	filter: alpha(opacity=100);
}
.pub-ban .w1200.title{
	font-size: 36px;
	color: #fff;
	position: relative;
	z-index: 2;
	margin-top: 130px;
}
.pub-ban .w1200.title.yz{
	color: #614c3f;
}


.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
.scott A:hover {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #f1ffd6
}
.scott A:active {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #999; color:#fff;
}
.scott SPAN.current {
	BORDER:#000 1px solid; PADDING-RIGHT: 5px;PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;  BACKGROUND-COLOR: #333;
}
.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}	
.pro_title{/*border: solid 1px #055fba;padding: 10px 20px;*/background: #5a9fe4;color: #fff;margin-bottom: 20px;}
.pro_title p{ padding:0px 20px;}


 .topnav .subnav2 { position: absolute; top: 60px; left: -300%; visibility: hidden; width:auto; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; background: rgba(255, 255, 255, .95); box-shadow: 0 3px 16px rgba(0, 0, 0, .1); padding:10px; min-width:1050px; height:500px; overflow:auto; }
.topnav .nav > li:hover .subnav2 { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.topnav .subnav2 li a { font-size: 12px; line-height: 40px; position: relative; display: block; overflow: hidden; height: 40px; padding: 0 30px 0 10px; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.topnav .subnav2 li a:hover { padding-left: 15px; color: #fff; background: #183885; }
.topnav .subnav2 li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/mFile/880/img/arrow-right.png) no-repeat center center / cover; }
.topnav .subnav2 li a:hover:after { right: 15px; visibility: visible; }
.subnav2 > li{     float: left;
    /* margin-right: 10px; */
    width: 100%;
    border-bottom: solid #99999978 1px;
    padding: 10px;}
.subnav2  li  h4{ /*text-align:center;*/}
.subnav2 > li > ul li{ float:left; width:195px;}
.subnav2 > li:last-child{ border-bottom:none;}