@charset "utf-8";
/* 该网站名称 CSS Document */
/*CSS 初始化*/

body {color:#333; font-size:12px; font-family:微软雅黑;}
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none; font-weight: normal;}
header, article, section, aside, footer, figure, nav{display: block;}
img {border:none; vertical-align:top}

a,a:visited {color:#333; text-decoration: none;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
a:hover{color:#2975d5; text-decoration: none;}

.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'AGENCYB';
	src:url('../font/AGENCYB.eot'); 
	src: 
		url('../font/AGENCYB.eot?#iefix') format('embedded-opentype'), 
		url('../font/AGENCYB.woff') format('woff'), 
		url('../font/AGENCYB.ttf') format('truetype'), 
		url('../font/AGENCYB.svg#aGENCYR') format('svg');
}

.main{width:1200px; margin:0 auto; position: relative;}

.main3{width:1200px; margin:0 auto; position: relative;}

/*头部*/
header{overflow: hidden;}
header .top_box{height: 36px; border-top: 0px solid #2975d5;}
header .top_box h2{float: left; font-size: 14px; line-height: 36px;}
header .top_box i{margin-right: 5px; color: #888;}
header .top_box ul{float: right; position: relative; background: #2975d5; z-index: 1; height: 36px; line-height: 32px;}
header .top_box ul:after{position: absolute; top: 0px; left: -68px; display: inline-block; content: url(../images/top_bg.png);}
header .top_box ul:before{position: absolute; top: 0px; left: 0px; z-index: -1; display: block; content: ""; width: 500%; height: 100%; background: #2975d5;}
header .top_box ul li{float: left; position: relative; color: #fff;}
header .top_box ul li i{ color: #fff;}
header .top_box ul li a,
header .top_box ul li a:visited{color: #fff;}
header .top_box ul li a:hover{color: #fff;}
header .top_box ul li:before{position: relative; top: 1px; display: inline-block; content: ""; width: 1px; height: 11px; background: #c0c0c0; margin: 0 12px;}
header .top_box ul li:first-child:before{display: none;}
header .top_box ul li.xl_ewm .xl_box{position: absolute; left: 0px; top: 32px; z-index: 200; padding-top: 12px; display: none;}
header .top_box ul li.xl_ewm .xl_box span{display: block; padding: 5px; text-align: center; line-height: 25px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
header .top_box ul li.xl_ewm .xl_box span img{width: 100px; height: 100px; background: #ccc;}
header .top_box ul li.xl_ewm .xl_box:after{position: absolute; left: 50%; top: 0px; margin-left: -12px; display: block; content:url(../images/jt_top.png); line-height: 1!important;}
header .top_box ul li.xl_ewm:hover .xl_box{display: block;}


header .logo{float: left; height: 140px; line-height: 140px; position: relative;}
header .logo img{display: inline-block; vertical-align: middle;}
header .by{float: left; margin: 35px 0 0 12px; padding-left: 15px; font-size: 16px; color: #222; line-height: 1; border-left: 1px solid #e7e7e7;}
header .by span{display: block;margin-bottom: 8px; font-size: 22px; color: #2975d5; font-weight: bold; }

.tel{float:right; background:url(../images/tel.png) no-repeat left; margin:50px 0 0 0; height:53px; font-size:12px; color:#444; padding:0 0 0 52px;font-weight:bold}
.tel span{font-size:34px; color:#2975d5;  display:block;margin:2px 0;font-weight:bold}
.tel p{font-size:14px; }

.t_ewm{float: right; margin: 10px 0 0 30px;}
.t_ewm img{width: 90px; height: 90px; background: #ccc;}

/*.t_ewm{float: right; margin: 25px 0 0 20px;}
.t_ewm img{width: 80px; height: 80px; background: #ccc;}*/

.la{}
.sm{/*position: fixed; width: 100%; top: 0px; left: 0px; z-index: 999;*/}


/*导航*/
.nav {background:/*url(../images/menu_bg.jpg)repeat-x center top*/ #2975d5; position: relative; z-index: 99; border-bottom: 0px solid #00407f;}
.nav > ul{z-index: 100;}
.nav > ul > li{position:relative; text-align:center; float:left; }
.nav > ul > li a:after{position: absolute;left: 0px;display: block;/* content: url(../images/fgx.png); */top: 0px;}
.nav > ul > li:first-child a:after{display: none;}
.nav > ul > li > a{padding: 0 18px; height:48px; line-height:48px; display:block; color:#fff; font-size:16px; font-weight: normal;text-transform: uppercase;margin:0 24px;}
.nav > ul > li > a:visited{color: #fff}
.nav > ul > li > a.selected,
.nav > ul > li > a:hover,
.nav > ul > li > a.on{background:rgb(21, 97, 193); color: #fff; font-weight: normal;}

.nav > ul .nav_r > li > ul{position: absolute; width:100%; background:#444; padding: 10px 0; visibility:hidden; z-index:999999}
.nav > ul .nav_r > li > ul li{text-align:center; font-size:12px}
.nav > ul .nav_r > li > ul li a,
.nav > ul .nav_r > li > ul li a:visited{display: block; height: 40px; line-height: 40px; color: #fff;}
.nav > ul .nav_r > li > ul li a.selected,
.nav > ul .nav_r > li > ul li a:hover{background:#555; color:#fff}

/*产品分类*/
.nav > ul > li.nav_class{float: left; background: #2975d5; width: 220px; line-height: 50px; color: #fff; font-size: 16px; position: static; text-align: center;}
.nav > ul > li.nav_class i{font-size: 18px; margin-right: 10px;}
.nav > ul > li.nav_class:hover{background: #fff; color: #2975d5; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.nav > ul > li.nav_class ul{position: absolute; left: 0px!important; width: 100%!important; background: #fff; line-height: 1; visibility:hidden; }
.nav > ul > li.nav_class ul dl.nav_class_list{padding:15px 15px 5px 145px; text-align: left; overflow: hidden; border-bottom: 1px dashed #e7e7e7; position: relative;}
.nav > ul > li.nav_class ul dl.nav_class_list dt{position: absolute; left: 15px; top: 25px; padding-bottom: 10px; font-weight: bold; font-size: 14px;}
.nav > ul > li.nav_class ul dl.nav_class_list dd{float: left; margin-right: 10px; margin-bottom: 10px; position: relative; box-sizing: border-box; text-align: left; font-size: 14px;}
.nav > ul > li.nav_class ul dl.nav_class_list dd a{display: block; color: #777; padding: 0 10px; line-height: 30px; border-radius:8px; border: 1px solid #e7e7e7;}
.nav > ul > li.nav_class ul dl.nav_class_list dd a:hover{background: #e7e7e7; color: #333;}



.nav > ul > li.nav_class ul ol.nav_class_img{float: right; padding: 20px 0;}
.nav > ul > li.nav_class ul ol.nav_class_img li{float: left;}
.nav > ul > li.nav_class ul ol.nav_class_img li span{display: block; padding-left: 20px;}
.nav > ul > li.nav_class ul ol.nav_class_img li span img{width: 280px; height: 165px;}
.nav > ul > li.nav_class{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.nav ul li ul{box-shadow: 0px 3px 3px rgba(0,0,0,0.1)!important;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px;}
.rightarrowclass {position: absolute; top: 8px; right:15px;}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}

/*搜索*/
.search_box{height:50px; border-bottom: 1px solid #e7e7e7; background: #fff; margin: 0 0 20px 0;}
.search_box .hot_pro{float:left; line-height:50px;}
.search_box .hot_pro a{margin:0 15px 0 0;}

.search_box .search{float:right; margin:10px 0 0 0; }
.search_box .search .search_text{float:left; width:220px; height:30px; line-height:30px; background: #e7e7e7; border:none; text-indent:10px; color:#888; font-size: 12px;}
.search_box .search .search_submit{float:left; width:47px; height:30px; background:url(../images/search_submit.png) no-repeat center #2975d5; border:none; cursor:pointer;}








/*底部*/

footer{background:#313131;}
footer .f_menu{height: 55px; background: #00468c; text-align: center; line-height: 55px;}
footer .f_menu ul{padding: 0 50px;}
footer .f_menu ul li{position: relative; float: left; width: 11.1%; font-size: 1.16em;}
footer .f_menu ul li:before{position: absolute; left: 0px; top: 22px; display: block; content: ""; width: 1px; height: 14px; background: #1f5c9a;}
footer .f_menu ul li:first-child:before{display: none;}
footer .f_menu ul li a{color: #fff;}

footer .f_menu2{padding-top: 30px;}
footer .f_menu2 > li{float: left; width: 25%;}
footer .f_menu2 > li > h2{font-family: Arial; font-size: 16px; line-height: 1; text-transform: uppercase; color: #fff;}
footer .f_menu2 > li > h2:after{margin-top: 15px; margin-bottom: 15px; display: block; content: ""; width: 35px; height: 2px; background: #fff;}

footer .f_menu2 > li.link{width: 30%;}
footer .f_menu2 > li.link ul{overflow: hidden; position: relative; padding-right: 50px;}
footer .f_menu2 > li.link ul li{float: left; line-height: 30px; width: 33.33%;}
footer .f_menu2 > li.link ul li a,
footer .f_menu2 > li.link ul li a:visited,
footer .f_menu2 > li.link ul li a:hover{color: #fff;}

footer .f_menu2 > li .f_lxwm dt{padding-bottom: 15px; font-size: 18px; font-weight: bold; color: #fff;}
footer .f_menu2 > li .f_lxwm dd{line-height: 30px; color: #fff; padding-right:20px;}
footer .f_menu2 > li .f_lxwm dd i{display: inline-block; margin-right: 5px; width: 12px; text-align: center; color: #fff; font-size: 14px;}
footer .f_menu2 > li .f_lxwm dd i[class="fa fa-envelope fa-lg"]{font-size: 12px;}

footer .f_menu2 > li .f_tel{}
footer .f_menu2 > li .f_tel i{float: left; margin-right: 10px; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; color: #fff; background: #2975d5; border-radius: 50%; position: relative; behavior:url(pie.htc);}
footer .f_menu2 > li .f_tel h2{font-size: 1.66em; line-height: 1; font-weight: normal; color: #fff; font-family: Arial;}
footer .f_menu2 > li .f_tel span{display: block; color: #fff; letter-spacing: 4px;}
footer .f_menu2 > li .f_tel a{margin-top: 24px; display: block; background: #2975d5; width: 112px; height: 30px; text-align: center; line-height: 30px; color: #fff;}
footer .f_menu2 > li .f_tel a em{margin-right: 5px; font-size: 14px;}

footer .f_menu2 > li.f_ewm{float: right; width: auto!important; padding-right: 40px;}
footer .f_menu2 > li.f_ewm h2{font-family: "微软雅黑"; font-weight: normal;}
footer .f_menu2 > li.f_ewm ol li{float: left; margin-left: 18px; text-align: center; color: #fff;}
footer .f_menu2 > li.f_ewm ol li:first-child{margin-left: 0px;}
footer .f_menu2 > li.f_ewm ol li img{margin-bottom: 10px; width: 130px; height: 130px;}

footer .foot{margin-top: 40px; border-top: 0px solid #7b0000; padding: 15px 0; color: #fff;}
footer .foot ul{float: left; width: 50%;}
footer .foot ul li{float: left; line-height: 25px; position: relative; margin-right: 20px;}
footer .foot ul li:after{position: absolute; top: 8px; right: -10px; display: block; content: ""; width: 1px; height: 11px; background: #008b37;}
footer .foot ul li:first-child{margin-right: 0px;}
footer .foot ul li:first-child:after{display: none;}
footer .foot ul li a,
footer .foot ul li a:visited,
footer .foot ul li a:hover{color: #fff;}
footer .foot span{float: right;}

.Language{float: right; height: 50px; display: flex; align-items: center; margin-top: -25px; font-size: 12px;color: #fff;padding-top:15px}
.Language a{display: block; display: flex; align-items: center; color: #fff; font-size: 12px;}
.Language img{height: 15px; margin-right: 5px;}
.Language a:last-child{margin-left: 10px;}
.Language a:hover{color: #fff;}



.page{text-align:center; padding:20px 0}
.page .page_list{}
.page .page_list a{display:inline-block; margin:0 2px; width:32px; height:32px; border-radius:50%; overflow:hidden; text-align:center; line-height:32px; border:1px solid #e1e1e1; behavior:url(pie.htc); position:relative; font-family:Arial;}
.page .page_list a:hover{background:#fafafa; border:1px solid #e1e1e1; color:#555}
.page .page_list a.Current,
.page .page_list a.on{background:#2975d5; border:1px solid #2975d5; color:#fff}

.i-text{
    outline: none;border: 0px solid #fff;background:#fff;height: 30px;width: 160px;border-radius: 30px;padding: 0 30px 0 10px;color:#333
}

#search{ padding-top:10px;

    margin-left: 1000px;
    position: relative;
}
.nav button{
   border: 0px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/fd1.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

input::-webkit-input-placeholder {
        color: #555;
        font-size: 12px;
 }