@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1300{width: 1300px;margin:0 auto;}
.w1340{width: 1340px;margin:0 auto;}

/*top*/
.head{ width:100%; position:relative; z-index:1000;}
.head .head_top{height:35px; line-height:34px; font-size:14px; color:#666; background-color:#ececec; }
.head .head_top .spanN{ padding:0 15px; color:#666; font-size:12px; }
.head .head_top a{ color:#666; font-size:13px;}

.head .head_logo{height:110px; }
.head .head_logo .logoDiv{float:left; display:block; height:80px;position:relative; z-index:10;padding: 15px 0}
.head .head_logo .logo02{ background:url(../images/logo02.png) center center no-repeat; height:110px; width:492px; margin-left:80px;}
.head .head_logo .l1{ margin-top:15px;}
.head .head_logo .l1 .ewm{ width:79px; height:79px; background:url(../images/ewm.png) center center no-repeat; background-size:90%; margin-left:20px; border:1px solid #ddd; }
.head .head_logo .l1 .div1{text-align:center;}
.head .head_logo .l1 .div1 .span1{ display:block; color:#666; font-size:20px; padding-bottom:8px;}
.head .head_logo .l1 .div1 .span2{ display:block; background-color:#FC9D08; color:#fff; font-size:24px; font-weight:bold; line-height:35px; font-family:Arial; padding:5px 30px; border-radius:30px;}
.head .head_logo .l1 .div1 .span2 i{font-size: 16px;font-weight: normal;line-height: 26px;position: relative;top: -2px}


.head .head_logo .top_ewm{height:50px; width:50px; position:relative; z-index:100; border-radius:100%;}
.head .head_logo .top_ewm01{ background:#f4f4f4 url(../images/icon01.png) center center no-repeat;}
.head .head_logo .top_ewm .img{ width:84px; height:84px; background:url(../images/swt-icon.png) center center no-repeat; position:relative;z-index:100; margin:8px;}
.head .head_logo .top_ewm .img img{ display:block; width:100%;}
.head .head_logo .top_ewm .showImg{ display:none; position:absolute; top:100%; margin-top:12px; left:50%; width:170px; background-color:#fff; margin-left:-85px; border-radius:5px; border:1px solid #ebebeb; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-top:2px solid #dc0000;}
.head .head_logo .top_ewm .showImg::after{ content:''; display:block; width: 0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 8px solid #dc0000; position:absolute; left:50%; top:-10px; z-index:100; margin-left:-7px;}
.head .head_logo .top_ewm .showImg img{ display:block; width:140px; margin:15px auto; margin-bottom:0; }
.head .head_logo .top_ewm .showImg span{ display:block; text-align:center; color:#dc0000; font-size:14px; padding:5px 0 15px 0; }
.head .head_logo .top_ewm:hover .showImg{ display:block; }

.nav{ position:relative; width:100%; background:#0657b2; border-bottom:5px solid #014596;}
.navMain{ position:relative;}
.nav .navMain .navLi{ float:left; position:relative;  width:calc(100% / 12);}
.nav .navMain .navLi.indexLi{ margin-left:0; }
.nav .navMain .navLi.indexLi a.a1{ border:0;}
.nav .navMain .navLi a.a1{ display:block; color:#fff; position:relative; height:53px; line-height:55px; width:100%; text-align:center; font-size:16px; border-left:1px solid #064491; font-weight:500; overflow:hidden;}
.nav .navMain .navLi a.a1::after{ display: block; content:''; position:absolute; bottom:-1px; left:50%; width:40px; height:0px; border-bottom:1px solid #ffbf00; margin-left:-20px; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;  }
.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{ color:#f6bf00; background-color:#014596;}
.nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after{bottom:10px;}
.nav .navMain .navLi .dh2{ width:420px; padding:10px 0; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #ffbf00; }
.nav .navMain .navLi .dh2 a.a2{ display:block;  width:190px; float:left; margin-left:10px; background-color:#fff; color:#333; line-height:20px; font-size:15px; padding:15px 0; border-bottom:1px solid #ebebeb;}
.nav .navMain .navLi .dh2 a.a3 span{}
.nav .navMain .navLi .dh2 a.a2 span{ padding-left:15px;}
.nav .navMain .navLi .dh2 a.a2:hover span{  }
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#0657b2; }
.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px; float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }
.nav .navMain .navLi:hover .dh2{ display:block;}


/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 550px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #E8E8E8;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background:#D11A1A;
}

.flexslider .slides a img {
	width: 100%;
	height: 550px;
	display: block;
}
/*banner end*/

.title{ background:url(../images/ab_line01.png) no-repeat center 56px;height: 85px;line-height: 38px;text-align: center;}
.title p{font-size: 30px;color: #333;text-align: center;}
.title span{display: block;font-size: 16px;color: #999;font-weight: normal;text-transform: uppercase;font-family: Arial;}

/*product start*/
.product{padding: 50px 0 0px 0;background: #f1f1f1;}
.product .pro_body{padding-top: 20px; padding-bottom: 20px;}
.pro_l{width: 270px;background: #fff}
.pl_top{width:100%;height: 85px;background: #2A58C7;color: #fff;font-size: 33px;font-weight: bold;text-align: center;line-height: 85px;letter-spacing: 3px}
.pro_l > ul{padding-top: 5px; padding-bottom: 20px;}
.pro_l > ul > li > a{display: block;width: 195px;height:40px;line-height: 40px;background: url(../images/jt.png) no-repeat 210px 12px #e3e3e3;color: #fff;padding-right: 30px;padding-left: 15px;font-size: 16px;color: #333;margin: 20.5px auto 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 5px;}
.pro_l > ul > li:hover > a{color: #fff;background:url(../images/jthover.png) no-repeat 210px 10px #2A58C7;}
.pro_l > ul > li > ul{padding: 5px 0}
.pro_l > ul > li > ul li{height: 25px;line-height: 25px;}
.pro_l > ul > li > ul li a{color: #666;font-size: 14px;display: block;width: 200px;padding-left: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_r{width: 930px;}
.pro_r ul li{width: 270px;margin-left: 39px;float: left;margin-bottom: 35px}
.pro_r ul li .zi{width: 270px;height: 50px;background: #fff;border-top: 3px solid #2A58C7;line-height: 50px;}
.pro_r ul li .zi span{font-size: 15px;padding-left: 20px;display: inline-block;width: 199px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_r ul li .zi em{display: inline-block;height: 50px;width: 50px;border-left: 1px solid #dfdfdf;background: url(../images/jt1.png) no-repeat center ;}
.pro_r ul li:hover .zi{background: #dfdfdf;color: #333;border-top: 3px solid #FC9D08;}
.pro_r ul li:hover em{background: url(../images/jt2.png) no-repeat center #FC9D08;}
.pro_r ul li .img{width: 270px;height:202px;overflow: hidden;}
.pro_r ul li .img img{ width:270px;height: 202px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.pro_r ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
/*product end*/

/*company start*/
.company{padding: 50px 0;height:944px;background: url(../images/combg.jpg) no-repeat center bottom;}
.company .com_body{margin-top: 20px;height: 451px;background: url(../images/kuang.jpg) no-repeat center left;}
.company .com_body .com_l{padding: 40px 30px;width: 600px;}
.company .com_body .com_l b{font-size: 22px;letter-spacing: 1px;color: #2A58C7}
.company .com_body .com_l em{display: block;width: 45px;height: 3px;background: #444;margin: 10px 0}
.company .com_body .com_l i{font-size: 15px;color: #888}
.company .com_body .com_l hr{height: 1px;border:none;background: #cfcfcf;margin: 25px 0;}
.company .com_body .com_l p{line-height: 180%;text-indent: 2em;font-size: 15px;}
.company .com_body .com_l a.more{display: block;width: 115px;height: 36px;background: #2A58C7;color: #fff;text-align: center;line-height: 36px;border-radius: 10px;margin-top: 15px;}
.company .com_body .com_r img{margin: 40px 0}

.company .hd { overflow:hidden; width:810px; margin:0 auto; height:70px; margin-top:50px; position:relative}
.company .hd i{ display:block; width:100%; height:1px; background-color:#d6d6d6; position:absolute; left:0; bottom:9px; z-index:0}
.company .hd ul{ overflow:hidden; position:relative; z-index:1; width:368px; height:70px; margin:0 auto;}
.company .hd li{ float:left; width:164px; height:70px; margin:0 10px;}
.company .hd .list{ display:block; text-decoration:none; line-height:41px; text-align:center; overflow:hidden; width:164px; height:41px; font-size:16px; color:#fff;}
.company .hd span{ display: inline-block; width:27px; height:28px; overflow:hidden; position:relative; top:7px; *top:0; margin-right:5px;}
.company .hd span{ *display:inline}
.company .hd span img{ display:block;}
.company .hd em{font-size: 18px;}
.company .hd b{ display:block; width:16px; height:16px; background:url(../images/anbout_y.png) no-repeat center; margin:0 auto; margin-top:12px;}
.company .hd li.on .list{ background:url(../images/about_01.png) no-repeat center; color:#fff;}
.company .hd li.on b{ background:url(../images/about_yc.png) no-repeat center}

.company .slideBox{ overflow:hidden; zoom:1; padding:30px 0 10px 50px; position:relative;}
.company .sPrev,.company .sNext{ position:absolute; left:5px; top:30px; display:block; width:46px; height:204px; background: url(../images/arrow-left.png) no-repeat center;}
.company .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}
.company .sPrev:hover,.company .sNext:hover{ border-color:#f60;}
.company .bd ul{ overflow:hidden; zoom:1;}
.company .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;}
.company .bd ul li .pic{ text-align:center; }
.company .bd ul li .pic img{ width:264px; height:198px; display:block;  padding:2px; border:1px solid #ccc;}
.company .bd ul li .pic a:hover img{ border-color:#999;}
.company .bd ul li .anli_title{ line-height:24px;}
.company .bd ul li .anli_title a{display: block;width: 270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;font-size: 15px;}
/*company end*/

/*new start*/
.new{padding: 50px 0}
.new .new_body{}
.new .new_body .new_con{padding-top: 10px;position: relative;padding-bottom: 20px;}
.new .new_body .nc_l{width: 560px;padding-top: 25px}
.new .new_body .nc_l .i_n_lt{position: relative;}
.new .new_body .nc_l .i_n_lt .n_pic a{display: block;height: 225px}
.new .new_body .nc_l .n_pic_date{ overflow: hidden;width: 70px;height: 70px;padding: 15px;background: rgba(42,88,199,0.7);position: absolute;top: 45px; left: 30px; color: #FFF;}
.new .new_body .nc_l .n_pic_date span{display: block;font-size: 18px;padding: 2px 0 0 2px;}
.new .new_body .nc_l .n_lt_desc{padding: 16px 0;line-height: 22px;}
.new .new_body .nc_l .n_lt_desc font{display: block;overflow: hidden;width: 90%;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;font-size: 18px;color: #333;}
.new .new_body .nc_l .n_lt_desc i{color: #999}
.new .new_body .nc_l .n_lt_desc span{color:#AE0029;}
.nc_r{width: 610px;}
.nc_r .n_rt_box{overflow: hidden;padding: 18px 12px 18px;border-bottom: 1px solid #dedede;transition: 0.5s;}
.nc_r .n_rt_box .rt_b_date{ width:55px;height: 54px;padding: 8px;border: 3px solid #bbbbbb;float: left;background-color: #FFF;transition: 0.5s;}
.nc_r .n_rt_box .rt_b_date .n_rt_top{overflow: hidden;font-size: 24px;border-bottom: 1px solid #dedede;}
.nc_r .n_rt_box .rt_b_date .n_rt_top font{font-size: 12px;}
.nc_r .n_rt_box .rt_b_date span{display: block;font-size: 14px;padding: 2px 0 0 2px}
.nc_r .n_rt_box .rt_b_desc{width:calc(100% - 95px);float: right;color: #666;}
.nc_r .n_rt_box .rt_b_desc font{color: #333;font-size: 17px;line-height: 24px;padding-bottom: 5px;display: block;width: 475px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nc_r .n_rt_box .rt_b_desc p{line-height: 20px;font-size: 13px;color: #888}
.nc_r .n_rt_box .rt_b_desc .more{color: #ae0029;font-size: 12px;text-transform: uppercase;text-align: right;}
.nc_r .n_rt_box:hover {background: #F3F3F3}
.nc_r .n_rt_box:hover .rt_b_date{border: 3px solid #2A58C7;color: #2A58C7}
.nc_r .n_rt_box:hover .rt_b_desc font{color: #2A58C7}
.nc_r .n_rt_box:hover .rt_b_desc .more{color: #2A58C7}
.new .new_body .que_l{width: 135px;height: 160px;background:url(../images/wd_tbg.gif) no-repeat center;padding-top: 40px;padding-left: 15px;font-size: 20px;font-weight: bold;}
.new .new_body .que_r{width: 1030px}

/* 本例子css */
.new .new_body .txtMarquee-left{ width:1030px;  position:relative; }
.new .new_body .txtMarquee-left .bd{ padding:10px 0; }
.new .new_body .txtMarquee-left .bd .tempWrap{ width:1030px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.new .new_body .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.new .new_body .txtMarquee-left .bd ul li{ margin-right:20px;  float:left;line-height:24px;  text-align:left; _display:inline; width:343px !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.new .new_body .txtMarquee-left .bd ul li a{display: block;width:310px;}
.new .new_body .txtMarquee-left .bd ul li b{font-size: 16px;display: block;width:270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 22px;line-height: 22px;background: url(../images/que.jpg) no-repeat center left;padding-left: 40px}
.new .new_body .txtMarquee-left .bd ul li p{display: block;width: 270px;padding-left: 40px;background: url(../images/ans.jpg) no-repeat 0px 4px;}
.new .new_body .txtMarquee-left .bd ul li em{display: block;width: 30px;height: 3px;background: #2A58C7;margin:20px 0}
.new .new_body .txtMarquee-left .bd ul li .more{width:100px;height: 25px;border:1px solid #aaa;text-align:center;line-height: 25px;font-size: 13px;margin-top: 20px;}
/*new end*/

/*footer start*/
.footer{padding: 50px 0;background: #3a3a3a}
.footer .ewm{width: 320px;height: 210px;background: url(../images/f_line1.gif) no-repeat center right;}
.footer .ewm .ewm_box{width: 160px;height: 160px;padding:25px;background:url(../images/ewmbg.png) no-repeat center;}
.footer .ewm p{writing-mode:tb-rl;letter-spacing: 3px;font-size: 16px;color: #fff;padding-left: 10px}
.footer .kslj{width:530px;background: url(../images/f_line1.gif) no-repeat center right;}
.footer .kslj ul{width:500px;}
.footer .kslj ul li{float: left;width: 125px;line-height: 52px;font-size: 16px;}
.footer .kslj ul li a{color: #fff;}
.footer .lxwm{padding-left: 50px;color:#fff;width: 580px;font-size: 16px}
.footer .lxwm p{line-height: 60px;font-size: 18px}
.footer .lxwm span{display: inline-block;height: 46px;line-height: 46px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .lxwm .span1{width: 240px;padding-left: 30px;background: url(../images/lx.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span2{width: 250px;padding-left: 30px;background: url(../images/wz.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span3{width: 240px;padding-left: 30px;background: url(../images/sj.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span4{width: 250px;padding-left: 30px;background: url(../images/yx.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span5{width: 550px;padding-left: 30px;background: url(../images/dz.png) no-repeat center left;background-size: 20px}
.foot_bot{line-height:40px;background:#222;font-size: 14px}
.foot_bot .bot_body{width:1200px;margin:0 auto;}
.foot_bot .bot_l{float:left;color:#fff;width:600px}
.foot_bot .bot_r{float:right;color:#fff;width:300px;text-align: right}
.foot_bot .bot_r a{color:#fff}
/*footer end*/