html, body { color: #666; background-color: #eaeaea; font-size: 14px; }
.ellipsis{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.huanhang{word-break:break-all; overflow:auto;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.huanhang{word-break:break-all; overflow:auto;}
.w1200 { width: 1200px; margin: 0 auto; position: relative; }
.w1300 { width: 1300px; margin: 0 auto; position: relative; }
.p1 { font-size: 24px; text-align: center; line-height: 1.8; color: #333333; }
.p2 { font-size: 14px; text-align: center; line-height: 1.8; color: #999999; padding: 5px 0px; }
    .p2 a { padding: 0px 5px; }
.p3 { font-size: 12px; text-align: center; line-height: 1.8; padding: 5px 0px 35px 0px; }
.p4 { background: url(../mod_img/line2.gif) center center no-repeat; text-align: center; margin: 5px 0px 35px 0px; }
a { color: #666; transition: color 0.3s ease 0s; }
.p1_1 { font-size: 24px; text-align: center; line-height: 1.8; color: #333333; }
.p2_1 { font-size: 14px; text-align: center; line-height: 1.8; color: #999999; padding: 5px 0px; }
    .p2_1 a { padding: 0px 5px; }
.p3_1 { font-size: 12px; text-align: center; line-height: 1.8; padding: 5px 0px 35px 0px; }
.p4_1 { background: url(../mod_img/line2_1.gif) center center no-repeat; text-align: center; margin: 5px 0px 35px 0px; }
a:hover { color: #D80000; }
ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.pro_l { width: 47px; height: 47px; display: inline-block; top: 136px; left: -40px; position: absolute; z-index: 5; }
    .pro_l a { width: 47px; height: 47px; background: url(../mod_img/pro_l1.png) no-repeat; display: inline-block; }
        .pro_l a:hover { background: url(../mod_img/pro_l2.png) no-repeat; }
.pro_r { width: 47px; height: 47px; display: inline-block; right: -40px; top:136px; position: absolute; }
    .pro_r a { width: 47px; height: 47px; background: url(../mod_img/pro_r1.png) no-repeat; display: inline-block; }
        .pro_r a:hover { background: url(../mod_img/pro_r2.png) no-repeat; }
.header-wrap { position: fixed; top: 0; width: 100%; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); z-index: 100; }
    .header-wrap .top-link { line-height: 30px; height: 30px; width: 1300px; position: absolute; right: 0; top: 0; background-color: #D80000; z-index: 3; }
        .header-wrap .top-link .search-sub { width: 382px; padding-top: 19px; height: 63px; background-color: #fff; position: absolute; right: 0; top: 30px; display: none; z-index: 13; }
        .header-wrap .top-link .search-box { margin-left: 40px; }
            .header-wrap .top-link .search-box .tex { border: 1px solid #bebebe; font-size: 12px; height: 13px; line-height: 12px; padding: 14px 10px 13px; width: 194px; }
            .header-wrap .top-link .search-box .sub-btn { border: none; width: 86px; height: 42px; background-color: #D80000; color: #fff; font-size: 14px; line-height: 42px; text-align: center; }
        .header-wrap .top-link .mobile-sub { width: 150px; height: 150px; position: absolute; right: 108px; top: 30px; display: none; z-index: 10; }
.search-bg-alert { position: fixed; left: 0; top: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 12; height: 100%; display: none; }
.header-wrap .link { margin-right: 50px; font-size: 14px; font-weight: bold; }
    .header-wrap .link a { color: #fff; display: inline-block; float: left; }
    .header-wrap .link .line { display: inline-block; float: left; width: 1px; height: 12px; background-color: #fff; margin: 10px 18px 0; }
.header-wrap .logo { display: inline-block; margin-top: 38px; margin-left:0px; width:300px; }
.header-wrap .nav { line-height: 42px; margin-right: 8px; margin-top: 50px; position: relative; z-index: 2; }
    .header-wrap .nav li { font-size: 16px; padding-right: 40px; padding-bottom: 20px; position: relative; float: left; }
    .header-wrap .nav a.tit { color: #000; padding-right: 24px; background: url(../mod_img/ico_04.png) no-repeat right center; display: inline-block; }
    .header-wrap .nav li:first-child a.tit { background: none; padding: 0; }
    .header-wrap .nav li:hover a.tit { color: #D80000; }
    .header-wrap .nav .sub-box { position: absolute; left: -15px; top: 100%; width: 170px; font-size: 16px; line-height: 30px; display: none; /*padding-top: 20px;*/ /*padding-bottom: 36px;*/ background-color: #f3f9f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; }
        .header-wrap .nav .sub-box p { width: 150px; line-height: 42px; margin: 0 auto; padding: 0 10px; transition: background 0.3s ease 0s; }
            .header-wrap .nav .sub-box p:hover { background-color: #D80000; }
                .header-wrap .nav .sub-box p:hover a { color: #fff; border-bottom: 1px solid #D80000; }
            .header-wrap .nav .sub-box p:last-child a { border-bottom: none; }
        .header-wrap .nav .sub-box a { display: inline-block; color: #333; padding-left: 20px; width: 130px; border-bottom: 1px solid #d4d4d4; }
            .header-wrap .nav .sub-box a:hover { color: #D80000; }
.iban-wrap { height: 500px; margin-top: 112px; }
.iban { height: 500px; background: url(../mod_img/loadings.gif) no-repeat center; }
    .iban .imglist li.active { animation: bannerIn 15s forwards; }
.tit-box { margin-bottom: 20px; }
    .tit-box h4 { font-size: 26px; line-height: 36px; font-weight: normal; }
    .tit-box .intr { line-height: 26px; font-size: 15px; margin-top: 6px; color: #999; }
    .tit-box .line { display: block; width: 10px; height: 2px; background-color: #1c1c1c; margin-top: 6px; line-height: 2px; }
    .tit-box .more { display: inline-block; line-height: 32px; margin-top: 2px; padding-left: 25px; background: url(../mod_img/ico_09.png) no-repeat left center; font-size: 12px; }
.i-wrap { background: #fff; max-width: 1300px; margin: 0 auto; }
.i-fir-wrap { margin-bottom: 16px; padding-top: 40px; padding-bottom: 20px; }
    .i-fir-wrap .left-wrap { width: 540px; }
.news_top { margin-bottom: 15px; height: 125px; overflow: hidden; margin-top: 32px; }
.news_topimg { float: left; width: 180px; height: 125px; overflow: hidden; }
.news_toptext { float: right; width: 340px; height: 125px; overflow: hidden; line-height: 25px; }
    .news_toptext span { height: 35px; font-size: 14px; line-height: 35px; font-weight: bold; }
.i-news { width: 540px; margin-top: 20px; }
.i-news ul, .i-news li { width: 100%; }
    .i-news li { margin-bottom: 26px; }
        .i-news li:last-child { margin-bottom: 0; }
            .i-news li:last-child .cont { border-bottom: none; }
    .i-news .date { display: block; width: 50px; text-align: center; color: #fff; padding-top: 8px; height: 61px; background: url(../mod_img/bg_02.png) no-repeat center; }
        .i-news .date .day { font-size: 16px; font-weight: bold; line-height: 17px; }
        .i-news .date .mon { line-height: 16px; font-size: 14px; }
    .i-news .cont { width: 87.2%; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; }
    .i-news .s-tit { line-height: 32px; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .i-news .s-tit a { color: #444; }
    .i-news .font { display: block; line-height: 22px; font-size: 14px; height: 40px; overflow: hidden; }
        .i-news .font a { color: #888; }
            .i-news .font a:hover { color: #eb6e04; }
    .i-news .l-more { display: inline-block; margin-top: 8px; line-height: 30px; color: #00a2ea; font-size: 14px; }
.i-fir-wrap .newpro-wrap { width: 580px; margin: 0px 0px 0 0px; height: 404px;}

.multipleColumn { overflow: hidden; position: relative; width: 585px; background: #fff; }
    .multipleColumn .hd { overflow: hidden; height: 36px;margin-bottom:20px; }
        .multipleColumn .hd h4 { font-size: 26px; line-height: 36px; font-weight: normal; }
        .multipleColumn .hd .prev, .multipleColumn .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 13px; overflow: hidden; cursor: pointer; background: url("../mod_img/icoLeft.gif") no-repeat; }
        .multipleColumn .hd .next { background: url("../mod_img/icoRight.gif") no-repeat; }
        .multipleColumn .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 13px; zoom: 1; }
            .multipleColumn .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../mod_img/icoCircle.gif") 0 -9px no-repeat; }
                .multipleColumn .hd ul li.on { background-position: 0 0;}
    .multipleColumn .bd {overflow: hidden; }
        .multipleColumn .bd ul { overflow: hidden; zoom: 1; width: 585px; float: left; _display: inline; }
            .multipleColumn .bd ul li { margin: 0 9px; float: left; _display: inline; overflow: hidden; text-align: center; width: 177px; }
                .multipleColumn .bd ul li .pic { text-align: center; }
                    .multipleColumn .bd ul li .pic img { height:167px; display: block; padding: 4px; border: 1px solid #ccc; }
                    .multipleColumn .bd ul li .pic a:hover img { border-color: #999; }
                .multipleColumn .bd ul li .title { line-height: 40px; }
                    .multipleColumn .bd ul li .title a {height:40px;overflow:hidden;display:block; }




.i-sec-wrap { padding-top: 38px; color: #fff; height: 622px; background: url(../mod_img/bg_03.jpg) no-repeat center bottom #666; margin-bottom: 16px; }
    .i-sec-wrap h4 { font-size: 42px; line-height: 60px; }
    .i-sec-wrap .col-box { line-height: 32px; font-size: 14px; margin-top:10px; width: 572px; height: 224px; overflow: hidden; }
    .i-sec-wrap .more { display: inline-block; width: 136px; padding-left: 24px; line-height: 40px; border: 1px solid #fff; border-radius: 24px; font-size: 16px; color: #fff; background: url(../mod_img/ico_05.png) no-repeat 130px center; margin-top: 38px; }

.honor_ys { overflow: hidden; width: 1240px; margin:20px 0px 0px 0px; }
.honor_ys li { float: left; margin-right: 40px; width: 270px; }
.honor_ys li.noMr { margin-right: 0px; }
.honor_ys li img { display: block; padding: 5px; background:#FFFFFF; }





    .i-sec-wrap .quicklink ul { width: 1260px; margin-top: 44px; }
    .i-sec-wrap .quicklink li { float: left; margin-right: 60px; width: 235px; background-image: url(../mod_img/sys2.png); background-position: center top; background-repeat: no-repeat; min-height: 100px; padding: 60px 10px; text-align: center; }
        .i-sec-wrap .quicklink li h3 { font-weight: inherit; font-size: 20px; color: #5b5b5b; padding: 31px 0 2px 0; }
        .i-sec-wrap .quicklink li p { color: #e64444; font-size: 16px; }
.i-thi-wrap { margin-top: 20px; padding-top: 38px; padding-bottom: 42px; }


.scnl_c { margin: 20px auto 0px auto; position: relative; width: 1200px; }
.scnl_l { top:40px; }
.scnl_pp { width: 1170px; margin-left: 15px; overflow: hidden;}
    .scnl_pp li { width: 270px; float: left; margin-right: 30px; position: relative; background: #f7f7f7; margin: 0 11px; display: inline;}
        .scnl_pp li img { width: 245px; height:300px; display: block; padding: 16px 0 0 10px; }
        .scnl_pp li h3 { font: bold 14px/26px "Microsoft Yahei","微软雅黑"; color: #D80000; text-align:center; padding: 10px 15px 0 24px; height: 26px; overflow: hidden; }
            .scnl_pp li h3 a { color: #D80000; }
        .scnl_pp li p { width: 231px; padding: 10px 0 0 24px; font: 12px/24px "Microsoft Yahei","微软雅黑"; color: #202020; height: 72px; }
        .scnl_pp li span { width: 231px; display: block; padding: 5px 0 0 24px; height: 26px; display: block; font: 12px/24px "Microsoft Yahei","微软雅黑"; color: #666; }
            .scnl_pp li span a { color: #D80000; float: right; }
        .scnl_pp li.nomr { margin-right: 0; }

.contact-wrap { background-color: #f6f6f6; padding-top:30px; padding-bottom: 50px; }
    .contact-wrap h4 { font-size: 18px; line-height: 30px; font-weight: bold; font-family: "Base-font"; padding-bottom: 13px; border-bottom: 1px solid #e3e3e3; color: #333; }
    .contact-wrap .footmap { margin-right: 90px; width: 510px; }

    .contact-wrap .address { width: 600px; }
        .contact-wrap .address img { width: 150px; margin-top: 30px; }
        .contact-wrap .address .cont { padding-top: 25px; width: 400px; }
            .contact-wrap .address .cont .stt { font-weight: bold; }
            .contact-wrap .address .cont p { line-height: 24px; font-size: 14px; color: #666; }
    .contact-wrap .weixin { margin-right: 90px; width: 210px; }
        .contact-wrap .weixin .wx-img { padding-top: 26px; }
    .contact-wrap .mobile { width: 210px; }
        .contact-wrap .mobile .wx-img { padding-top: 26px; }

.footer-wrap { background-color:#2e2e2e; padding-top: 20px; padding-bottom: 20px; }

    .footer-wrap .top-wrap { padding-bottom: 15px; border-bottom: 1px solid #393939;}
        .footer-wrap .top-wrap .nav { line-height: 40px; }
            .footer-wrap .top-wrap .nav a {font-size: 14px; color: #fff; opacity: 0.4; filter: alpha(opacity=40); transition: opacity 0.3s ease 0s; }
                .footer-wrap .top-wrap .nav a:hover { opacity: 1; filter: alpha(opacity=100); }
            .footer-wrap .top-wrap .nav .line { display: inline-block; color:#FFF; opacity: 0.4; filter: alpha(opacity=40); padding:0 20px;}
        .footer-wrap .top-wrap .call { line-height: 40px; margin-top: 2px; display: inline-block; color: #fff; opacity: 0.4; filter: alpha(opacity=40); }
    .footer-wrap .bot-wrap { line-height: 42px; padding-top: 10px; font-size: 12px; }
        .footer-wrap .bot-wrap p { color: #fff; text-transform: uppercase; opacity: 0.4; filter: alpha(opacity=40);  }
        .footer-wrap .bot-wrap a { color: #fff; transition: all 0.3s ease 0s; }
            .footer-wrap .bot-wrap a:hover { color: #fff; }
        .footer-wrap .bot-wrap .site-img { display: inline-block; margin-right: 8px; }
		

.float{
	width:48px;
    height: 210px;
    position: fixed;
    right: 1px;
    bottom: 40px;
    z-index: 999;
	}
.float .fla{
	display:block;
	height:48px;
	width:48px;
	text-align:center;
	background-color:#D80000;
	position:relative;
	transition:all ease .3s;
	margin-bottom:1px;
	cursor:pointer;
	}
.float .fla .img{
	height:48px;
	width:48px;
	position:absolute;
	left:0px;
	top:0px;
	line-height:46px;
	}
.float .fla .img img{
	vertical-align:middle;
	}
.float .fla .con{
	width:100px;
	height:48px;
	line-height:48px;
	background-color:#D80000;
	color:#fff;
	position:absolute;
	left:49px;
	top:0px;
	}
.float .fla:hover{
	background-color:#333;
	}
.float  #qq dl,.float  #tel dl{
	width:120px;
	border:1px solid #ddd;
	background-color:#fff;
	position:absolute;
	left:-138px;
	top:-44px;
	padding-bottom:10px;
	display:none;
	padding:6px;
	}
.float  #qq dl dt,.float  #tel dl dt{
	background-color:#333;
	color:#fff;
	padding:6px;
	margin-bottom:15px;
	}
.float  #qq dl dd,.float  #tel dl dd{
	margin-bottom:10px;
	}
.float  #wechat div{
	width:140px;
	height:140px;
	border:1px solid #ddd;
	position:absolute;
	left:-148px;
	top:-44px;
	display:none;
	}

.inputBg{border:solid 1px #ddd;}
.inputBg2{cursor:pointer; background-color:#eee; padding:5px 20px; color:#333; font-size:14px; margin-left:130px;}
.inputBg3{cursor:pointer; background-color:#eee; padding:5px 20px; color:#333; font-size:14px; margin-left:80px;}
.inputBg4{cursor:pointer; background-color:#eee; padding:5px 20px; color:#333; font-size:14px; margin-left:30px;}

.feedbk{width:679px; margin:0 auto; text-align:left;}
.feedbk h2{width:679px; font-size:14px; font-weight:normal; color:#666;}
.feedbk input.fk_txt{width:303px; height:28px; line-height:28px; margin-top:20px; font-size:14px; text-indent:10px; color:#333; vertical-align:middle; float:left; border:solid 1px #ddd;}
.feedbk input.fk_txt2{width:303px; height:28px; line-height:28px; margin-top:20px; font-size:14px; text-indent:10px; color:#333; vertical-align:middle; float:right; border:solid 1px #ddd;}
.feedbk textarea{width:657px; font-size:14px; border:solid 1px #ddd; float:left; line-height:28px; margin-top:20px; padding:0px 10px; height:125px; color:#333;}
.feedbk input.fk_btn{width:130px; height:36px; line-height:36px; margin-top:20px; border:solid 1px #999; background-color:#f5f5f5; vertical-align:middle; float:left; text-align:center; font-size:16px; color:#000;}

.fypage{width:100%; padding:15px 0px 15px 0px; margin-top:10px; background-color:#FFF; text-align:center; color:#333; font-size:13px; float:left;}
.fypage > a{color:#333; font-size:13px; display:inline-block; border:solid 1px #ddd; padding:5px 10px; margin:0 5px;}
.fypage > a:hover{color:#FFF; background-color:#D80000; border:solid 1px #D80000;}
.fypage > span{color:#666; font-size:13px; display:inline-block; padding:6px 11px;}
.fypage > label{color:#666; font-size:13px; display:inline-block; padding:6px 11px 6px 0px;}

.honor-pic{ width:100%; text-align:center; float:left;}
.honor-pic dl{width:205px; margin-left:21px; float:left;}
.honor-pic dl dt{width:195px; height:255px; overflow:hidden; position:relative; padding:4px; border:solid 1px #ddd; float:left;}
.honor-pic dl dt:hover{border:solid 1px #004A99;}
.honor-pic dl dt img{width:195px; height:255px; display:block;}
.honor-pic dl dd{width:100%; padding:15px 0px; float:left;}
.honor-pic dl dd a{color:#333; font-size:14px;}
.honor-pic dl dd a:hover{color:#004A99;}
.honor-pic dl.fst_hor{margin-left:0px;}

.prod-pic{width:940px; text-align:center; float:left;}
.prod-pic dl{width:270px; margin-right:43px; float:left;}
.prod-pic dl dt{width:260px; height:260px; overflow:hidden; position:relative; padding:4px; border:solid 1px #ddd; float:left;}
.prod-pic dl dt:hover{border:solid 1px #D80000;}
.prod-pic dl dt img{width:260px; height:260px; display:block;}
.prod-pic dl dd{width:100%; padding:15px 0px; float:left;}
.prod-pic dl dd a{color:#333; font-size:14px;}
.prod-pic dl dd a:hover{color:#D80000;}

.case-pic{ width:100%; text-align:center; float:left;}
.case-pic dl{width:250px; margin-left:35px; float:left;}
.case-pic dl dt{width:240px; height:240px; overflow:hidden; position:relative; padding:4px; border:solid 1px #ddd; float:left;}
.case-pic dl dt:hover{border:solid 1px #004A99;}
.case-pic dl dt img{width:240px; height:240px; display:block;}
.case-pic dl dd{width:100%; padding:15px 0px; float:left;}
.case-pic dl dd a{color:#333; font-size:14px;}
.case-pic dl dd a:hover{color:#004A99;}

.cp{width:1200px;margin:0 auto 0 auto;overflow: hidden;height:590px;}
.cp-one{width:380px;height:590px;background:#ebf2fa;text-align: center;cursor: pointer;float:left;}
.cp-one:hover{opacity: .8;}
.cp-one h3{padding-top: 60px;font-size: 24px;}
.cp-one img{padding-top: 60px;padding-bottom: 30px;}
.cp-two{float:right;width:800px;}
.cp-up{width:800px;height:250px;background:#faefeb;cursor: pointer;}
.cp-up:hover{opacity: .8;}
.cp-up img{float:left;margin-top: 50px;margin-left: 60px;}
.cp-up h3{text-align: center;padding-top:40px;font-size:24px;}
.cp-up p{width: 460px;float: right;margin-right:46px;line-height:28px; padding-top:30px;}
.cp-down{overflow: hidden;height:320px;margin-top: 20px; text-align: center;}
.cp-down ul li{width:253px;height:320px;background:#f1f0f0;float:left;cursor: pointer;}
.cp-down ul li:hover{opacity: .8}
.cp-down ul li img{padding-top:40px;}
.cp-down ul li p{padding-top: 32px;font-size: 16px;}
.lr-m{margin-left: 21px;margin-right: 20px;}
.t-cp{width:1200px;margin: 0 auto;overflow: hidden;}
.t-cp-left{background:#ebf2fa;width:580px;float:left;cursor: pointer;text-align: center}
.t-cp-left:hover{opacity: .8}
.t-cp-left{font-size:24px;padding-top:80px;}
.t-cp-left img{margin-top: 40px;}
.t-cp-left p{padding:50px 30px 30px 30px;}
.t-cp-right{background:#faefeb;width:580px;float:right;cursor: pointer;text-align: center}
.t-cp-right:hover{opacity: .8}
.t-cp-right{font-size:24px;padding-top:80px;}
.t-cp-right img{margin-top: 40px;}
.t-cp-right p{padding:50px 30px 30px 30px;}

.sytit-wrap {
  text-align: center;
}
.sytit-wrap p {
  line-height: 40px;
  font-size: 13px;
  color: #333;
}
.sytit {
  background: url(../mod_img/sybg1.png) no-repeat center;
  margin-top:50px;
}
.sytit .sytitwrap {
  position: relative;
  top: -15px;
}
.sytit h3 {
  font-family: "黑体";
  font-size: 30px;
  height:30px;
  line-height:30px;
  vertical-align:middle;
  color: #000;
  font-weight: 600;
}
.sytit b {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #7c7c7c;
  font-weight: 100;
}