﻿@charset "utf-8";
/* CSS Document */

/*Reset Css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, del, dfn, em, img, ins, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0;  }
input, button { margin: 0; padding: 0; border: 0; background: none; }
ul, li { list-style: none; }

/*title*/
h1 { font-size:30px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

/*General css*/
body { font: 13px/26px 'Microsoft Yahei','SimSun',sans-serif; overflow-x: hidden; color: #3b3b3b; }
    body.empty { margin-top: 50px; }
body {
	overflow-x: hidden;
	overflow-y: auto;
}
code, pre { display: block; clear: both; overflow: auto; padding: 10px; text-align: left; white-space: pre; line-height: 18px; margin: 20px 0; background-color: #ebebeb; }
a { text-decoration: none; color: #333; }
    a:hover { text-decoration: none; color: #ff4e00; }
    a#logo span { color: #aab2bd; font-style: italic; font-size: 11px; margin-left: 10px; margin-top: 7px; display: inline-block; text-indent: -999em; }
blockquote { border-left: 3px solid #289dcc; background-color: #fafafa; padding-left: 20px; color: #afafaf; line-height: 20px; margin: 20px 0 20px 15px; }

.container { margin: 0 auto; width: 1170px; }
.container1{margin-left:auto; margin-right:auto; width:1000px;}
.content{ width:1200px; margin:0 auto;  }
.content1{ width:1200px; margin:0 auto; text-align:center;  }
.footer { width:1200px; margin:0 auto;  }
#container { width: 100%; /* width: 1040px!important;  -- Repalace  with this value if you want to have Boxed layout :)*/ margin: 0px auto; overflow: hidden; }

#wrapp { float: left; width: 100%; background: #fff; }
#header{ *position:relative; *z-index:999;}
header#header { padding: 0px 0 0px 0; width: 100%; background: #FFF; float: left; }
header#header.header-3 { border-bottom: 1px solid #e6e9ee; }
#header-links { width: 100%; border-bottom: 1px #222 solid; background: #3d3d3d; height: 35px; line-height: 35px; }
    #header-links .one-half { color: #fff; }
	
#top1 { margin: 0 auto; max-width: 1170px; }
#header-links .tel { float: left; width: 63%; font-size: 14px; color: #fff; line-height: 35px;overflow:hidden }
#top_right { width: 33%; float: right; }
#head_ico li { float: left; background: url(../image/top_x.jpg) no-repeat right 11px; margin-right: 10px; line-height: 35px; }
.a1 { background: url(../image/qq.png) no-repeat left center; padding: 0px 10px 0px 25px; margin: 0px 0px 0px 12px; }
.a2 { background: url(../image/dg.png) no-repeat left center; padding: 1px 10px 0px 20px; margin: 0px 2px 0px 12px; }
.a3 { background: url(../image/bmtu6.png)no-repeat left center; padding: 1px 10px 0px 26px; margin: 0px 2px 0px 12px; }
#top_right .a1, #top_right .a2, #top_right .a3 { color: #FFFFFF; }

.head-wrapp .logo { float: left; width: 27%; margin-top: 20px; }
    .head-wrapp .logo img { max-width:100%;}
.head-wrapp { width: 100%; height: 90px; border-bottom: #f2f2f2 8px solid; }


/*--------------------------------------------------------------------------------------*/
/*                     4 - HEADER CSS STYLES                                           */
/*-------------------------------------------------------------------------------------*/
/*main navigation*/


#main-navigation { width: 70%; float: right; }
    #main-navigation select { display: none; }
    #main-navigation select { background: #EC1D25; border: 1px solid #EC1D25; cursor: pointer; padding: 13px 5px; color: #fff; z-index: 999; position: relative; }

.smenu { display: none; }
.smenu_ { display: none;}
.navul { float: left; }
    .navul li { POSITION: relative; TEXT-ALIGN: center; line-height: 84px; FLOAT: left; FONT-SIZE: 15.3px; _z-index: 2000; color: #000; }
    .navul a.li1 { color: #fff; }
.li1 { float: left; width: 100px; text-align: center; font-weight: bold; BACKGROUND: #0890EF; color: #FFFFFF; height: 84px; overflow: visible\9; }
.li0:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 1px; height: 7px; /* border-left: 1px #E4E4E4 solid; */ background: #ccc; content: ""; -moz-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -webkit-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }


.li1 a:hover { color: #FFFFFF; }
.li0 { float: left; width: 100px; position: relative; float: left; margin: 0; border-left: 1px #e5e5e5 solid; height: 85px; overflow: hidden\9; }
.li1:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 100%; height: 8px; border-left: 1px #E4E4E4 solid; background: #c00; content: ""; -moz-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -webkit-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }

.navul li.singleactive { Z-INDEX: 2000; POSITION: relative; BACKGROUND: #292F3F; }
.navul li.navlmactive { Z-INDEX: 2000; BACKGROUND: #292F3F; color: #FFFFFF; }

.navul a { PADDING-BOTTOM: 3px; DISPLAY: block; FLOAT: none; PADDING-TOP: 3px; }
.navul li.first { BACKGROUND: none transparent scroll repeat 0% 0%; margin-bottom:7px; }
.list01 { DISPLAY: none;  }


    .list01 a { COLOR: #3d3d3d; }
.navul li.navlm:hover { Z-INDEX: 5000 !important; POSITION: relative; BACKGROUND: url(../image/navactive.png) no-repeat left top; }
.dropdowntriple { DISPLAY: none; }

.navul li.navlm:hover .dropdowntriple { Z-INDEX: 2000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; }
.navul li.single:hover { Z-INDEX: 5000 !important; POSITION: relative; BACKGROUND: url(../image/navactive2.jpg) no-repeat left top; }
.navul li:hover ul li a { BACKGROUND: none transparent scroll repeat 0% 0%; }
.navul li:hover dt a { BACKGROUND: #f8f8f8; }
    .navul li:hover dt a:hover { BACKGROUND: #ED1C24; color: #fff; }


.navul li:hover .ndropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; }

.ndropdown { WIDTH: 143px; }

.navul li.navlm:hover .gdropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; WIDTH: 143px; }

.productlist{  WIDTH:600px; margin:0 auto; overflow:hidden;  HEIGHT: 300px; z-index: 9999; margin-left:14%;}


.dropbottom { TEXT-ALIGN: right; LINE-HEIGHT: 50px;WIDTH: 100%; margin-top:0;COLOR: #fff; padding-right: 40px; font-size: 15px; background:#232832; }
.dropbottom A { DISPLAY: inline; color: #fff; }


.navul li:hover .plist {  DISPLAY: block;  }

.plist {overflow:hidden; margin-top:8px; *margin-top:0px;position: absolute ; padding-top:10px;background: url(../image/nav_pro.png) repeat; width:1700px; margin-left:-818px; z-index:99999999; }
#banner_list .Bnone { display: none; }
.fontzi{ font-family:Arial, Helvetica, sans-serif}

/** 导航 下拉  结束 **/

.list01{ *margin-top:-8px;}
.list01 li { TEXT-ALIGN: left; PADDING: 0px; MARGIN: 10px 0px 0px; WIDTH: 230px; /*BACKGROUND: url(img/dpdivider.jpg) no-repeat right top; */FLOAT: left; FONT-SIZE: 12px; }
    .list01 li OL { }
        .list01 li OL LI { PADDING: 0px; LINE-HEIGHT: 21px; height: 27px; MARGIN-TOP: 1px; padding-left: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT:30px; MARGIN-RIGHT: 10px; _margin-right: 0px; _margin-left: 10px; color: #666; }
            .list01 li OL LI .rd { /*color:#035FA3;*/ }
            .list01 li OL LI b { font-size: 16px; font-family: "微软雅黑"; color: #000000; height: 24px; line-height: 24px; width: 100px; margin-bottom: 20px; }
            .list01 li OL LI:hover { BACKGROUND: #ED1C24; }
                .list01 li OL LI:hover A { COLOR: #fff; }
.list01 DT:hover A { COLOR: #c00; font-size: 14px; }

.list01 LI OL LI A { MARGIN-LEFT: 3px; float: left; color:#fff; }

.list01 LI OL LI span { background-position: center center; float: left; background-image: url(../image/hot3.gif); background-repeat: no-repeat; width: 30px; height: 24px; }


LI.feilei1 { WIDTH: 170px; }
    LI.feilei1 LI { WIDTH: 120px; margin-right:20px; }

LI.feilei2 { WIDTH: 170px; }
    LI.feilei2 LI { WIDTH: 120px; }

LI.feilei3 { WIDTH: 170px; }
    LI.feilei3 LI { WIDTH: 120px; }

LI.feilei4 { WIDTH: 170px; height: 185px; }
    LI.feilei4 LI { WIDTH: 120px; }

LI.feilei5 { WIDTH: 170px; BACKGROUND: none transparent scroll repeat 0% 0%; }
    LI.feilei5 LI { WIDTH: 120px; }
	
LI.feilei6 { WIDTH: 170px; height: 185px; }
    LI.feilei6 LI { WIDTH: 120px; }
	
LI.feilei7 { WIDTH: 170px; }
    LI.feilei7 LI { WIDTH: 120px; }
	
.list01 LI.feilei5:hover { BACKGROUND: none transparent scroll repeat 0% 0%; }

.list01 LI OL LI.dpb A { COLOR: #ED1C24; FONT-WEIGHT: bold; }

.list01 LI OL LI.dpb:hover A { COLOR: #ED1C24; CURSOR: default; }

.list01 DT A { LINE-HEIGHT: 25px; FONT-SIZE: 12px; }


/**/
.banners{height: 420px;}
.fullSlide {
	width:100%;
	position:relative;
	height:420px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:420px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
	 background-repeat:no-repeat;
}
.fullSlide .bd li a {
	display:block;
	height:420px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#2F4793;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#FF4B00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(../image/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../image/right1s.png) no-repeat;
}
/**/
.pro_fenlei { background: #fff url(../image/is_yy.jpg) repeat-x bottom; padding-bottom: 6px; width: 100%; margin: 0 auto; overflow: hidden; }
.iservice { width: 1170px; margin: 0 auto; overflow: hidden; }
.isv_left { float: left; height: 106px; width: 16%; background: #0596FB url(../image/pro_lei.png) no-repeat center 80%; font-size: 32px; text-align: center; color: #fff; padding-top: 20px; padding-bottom: 5px; font-weight: 600; }
.i_main_t { background: #fff; padding-top: 5px; float: right; width: 81%; }
    /*.i_main_t ul{ width:110%;}
.i_main_t ul li{ width:182px; float:left; _display:inline; margin-right:17px;}
.i_main_t ul li h2{ font-size:18px; font-weight:bold; color:#0e0d0c; padding:15px 0;}
.i_main_t ul li .lmt_img img{ width:182px; height:106px; }*/
    .i_main_t .i_add_ico { }
        .i_main_t .i_add_ico li { width: 19.8%; height: 115px; padding-top: 5px; float: left; text-align: center; }
            .i_main_t .i_add_ico li a { display: inline-block; width: 100%; height: 100%; }
            .i_main_t .i_add_ico li .add_iimg { height: 79px; margin: 0 auto; width: 100%; overflow: hidden; }
            .i_main_t .i_add_ico li .add_ititle { color: #000; text-align: center; width: 100%; font-size: 15px; margin: 0 auto; }


            .i_main_t .i_add_ico li.i1 .add_iimg { background: url(../image/sl1.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i1 a:hover .add_iimg, .i_main_t .i_add_ico li.i2 a:hover .add_iimg, .i_main_t .i_add_ico li.i3 a:hover .add_iimg, .i_main_t .i_add_ico li.i4 a:hover .add_iimg, .i_main_t .i_add_ico li.i5 a:hover .add_iimg { -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: scale(1.1) rotate(0deg); */ -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(0deg); -ms-transform: scale(1.1) rotate(0deg); /* transform: scale(1.2) rotate(6deg); */ }
            .i_main_t .i_add_ico li.i1 a:hover .add_iimg { background: url(../image/sl11.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i2 .add_iimg { background: url(../image/vc1.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i2 a:hover .add_iimg { background: url(../image/vc11.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i3 .add_iimg { background: url(../image/aod1.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i3 a:hover .add_iimg { background: url(../image/aod11.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i4 .add_iimg { background: url(../image/dl1.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i4 a:hover .add_iimg { background: url(../image/dl11.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i5 .add_iimg { background: url(../image/gb1.jpg) no-repeat center; }
            .i_main_t .i_add_ico li.i5 a:hover .add_iimg { background: url(../image/gb11.jpg) no-repeat center; }
			
/**/
/* -- 当前位置 -- */
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto; margin-bottom:0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:350px;}

.plc,.plc2{ background:url(../image/logo_03.gif) no-repeat 0 10px;height:20px;line-height:24px;padding:7px 8px 8px 20px; position:relative; color:#666; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec; padding-bottom:8px; font-family:"Microsoft Yahei","微软雅黑";}
.plc span { color: #FF4B00;
    font-size: 14px;
    font-weight: bold;display: inline;
    font-family: "Microsoft Yahei","微软雅黑";}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}

.red_x { color:#DD3904; display:inline; font-family:"Microsoft Yahei","微软雅黑"; font-size:12px;}
.plc .red_x{ color:#ff4b00 ; font-weight:bold; font-size:14px;}
.red_x1 { color:#f00; display:inline; font-family:"Microsoft Yahei","微软雅黑"; font-size:12px;}

em,i{ font-style:normal;}


.s_bj{ height: 64px; background: #f8f8f8; overflow: hidden; margin-bottom:20px;}
.sou{ height: 64px overflow:hidden;}
.s_inp01{ width:328px; padding-top:18px; *padding-top:16px; }
.inp01{ width:275px; height:29px; line-height:29px; background:url(../image/s.gif) no-repeat; border:0 ; color:#999; font-size:14px; padding-left:10px; font-family: "Microsoft Yahei";}
.inp02{ background:url(ss.gif) no-repeat; width:43px; height:29px; border:0; cursor:pointer;}
.sou p{ width:600px; color:#666; font-size: 14px; font-family: "Microsoft Yahei"; line-height: 64px;}
.sou p a{color:#666; padding:0 8px;}

.left,.leftr{ width:244px; float:left;}
.leftr{ float:left;}
.left2 { width:890px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:930px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:930px; overflow:hidden; }
.right2_main { width:273px;overflow:hidden;}
.left2_main { width:890px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}


/*底部开始*/
.footWrap{
	background:#0D83D5;
	height:310px;
	overflow:hidden;
}

.f_pic{
	margin-right: 142px;
	width:198px;
	height:310px;
	border-left: 1px solid #AFACAC;
	border-right: 1px solid #AFACAC;
}
.f_pic span{ display: block; width: 172px; height: 74px; margin: 43px 0 0 7px;}
.f_pic span img{ width: 172px; height: 74px;}
.f_pic h2{
	font-size: 14px;
	font-family: "Microsoft Yahei";
	color: #bec3d8;
	line-height:60px;
	font-weight: normal;
	text-align: center;
}
.f_pic p{
	margin-left: 70px;
	margin-top: 20px;
}
.f_pic p img{ width: 24px; height: 24px; display: inline-block; margin-right: 3px;}

.f_wz{ width:416px; font-family:"Microsoft Yahei";position:relative;}
.f_wx{
	height: 225px;
	margin-top: 40px;
}
.f_wx p{
	width: 120px;
	margin-right:64px;
	float: left;
}
.f_wx p b{ display: block; font-size: 18px; line-height: 52px; color: #fff; font-family: "Microsoft Yahei";}
.f_wx p a{ display: block; font-size: 14px; color: #e0e2ec; font-family: "Microsoft Yahei"; line-height: 28px;}

.f_wz h2{ width: 252px; font-weight: normal; color: #fff; height: 30px; overflow: hidden; line-height: 30px; font-size: 14px; border-top: 1px solid #AFACAC;}
.f_wz h2 a,.c_w a{ color:#fff;} 
.code{ width: 442px; margin-top: 58px;}

.c_x{ overflow: hidden; height: 232px;}
.c_x p{ width:100px; height:141px; border: 1px solid #AFACAC;}
.c_x p img{ padding: 2px; width:96px; height:96px;}
.c_x p em{ display: block; border-top: 1px solid #AFACAC; font-size: 14px; text-align: center; color: #fff; line-height: 40px; font-family: "Microsoft Yahei";}

.c_w{ width: 304px; font-size: 14px; line-height: 25px; color: #e0e2ec; font-family: "Microsoft Yahei";}
.c_w span{
	display: block;
	font-size: 20px;
	font-family: Arial;
	margin-bottom: 6px;
}
.code b{ font-weight: normal; display: block; font-size: 14px; color: #fff; font-family: "Microsoft Yahei";}
/*底部结束*/
