﻿@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:980px; font-family:microsoft yahei;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff; }
.htop{ background:#f9f9f9; }
.htop .container{ height:28px; line-height:28px;}
.htop em{ float:left;}
.htop span{ float:right;}
.htop span a{ display:inline-block; height:12px; line-height:12px; padding:0 10px; border-left:1px solid #666; text-decoration:none;position: relative;}
.htop span a img{ position:absolute; top: 30px; left:-13px; display:none;}
.htop span a:hover img{ display:block;}
.htop span a.noBl{ border-left:none;}
.htop span a.noBr{ padding-right:0;}

.hcont{ padding-top:20px; padding-bottom:25px;}
.hcont .dlogo{ float:left;}
.hcont .dphone{ float:right; text-align:right; margin-top:15px;}
.hcont .dphone h2{ font-size:22px; color:#45a643;}
.hcont .dphone p{ font-size:16px; margin-top:5px;}

.header .logo{ overflow:hidden; padding:10px 0 10px 0; background-color:#fff}
.header .logo h1{ float:left;}
.header .logo h2{ font-size:20px; color:#0a59b5; margin-left:5px; float:left; padding-left:10px; border-left:1px solid #eaeaea; margin-top:18px;}
.header .logo h2 strong{ color:#da251c}
.header .logo h2 span{ font-weight:normal; padding:0 5px; margin-left:2px; color:#0079d1; font-size:18px; }
.header .logo h2 p{ font-weight:normal; font-size:16px; color:#333; margin-top:3px;}
.header .phone{ float:right; background:url(../images/phone.jpg) no-repeat 85px 10px; width:223px; height:65px ; margin-top:10px}
.header .phone p{ font-size:14px; color:#333; text-align:right; line-height:28px}
.header .phone h4{ font-size:26px; color:#ffa800;font-family:Arial; text-align:right }


/*navBox*/
.navBox{ background:#0079d1; height:50px; position:relative;}
.navBox .container>ul{ height:50px;}
.navBox .container>ul>li{ float:left; position:relative;}
.navBox .container>ul>li>a{ display:block; height:50px; line-height:50px; padding:0 12px; font-size:14px; color:#fff; text-decoration:none;}
.navBox .container>ul>li:hover >a,.navBox .container>ul>li.cur a{ background:#45a643;}



.footer{ width:100%;color:#eaeaea;}
.ftnav{ height:50px; background-color:#32343b;}
.ftnav ul{ overflow:hidden;}
.ftnav li{ float:left; height:50px; line-height:50px; padding:0 22px;}
.ftnav li a{ font-size:14px; color:#eaeaea;}
.ftcont{ background-color:#3c3e46;}
.ftcont .dress{ overflow:hidden; padding:56px 25px 59px 25px;}
.ftcont .dress dl{ float:left;}
.ftcont .dress dt{ float:left;}
.ftcont .dress dd{ margin-left:350px;}
.ftcont .dress dd p{ font-size:13px; color:#eaeaea; line-height:26px;}
.ftcont .dress dd p a{color:#eaeaea;}
.ftcont .dress .wx{ float:right;}
.ftcont .link{ overflow:hidden; height:45px; border-top:1px solid #52545c; line-height:45px; color:#eaeaea!important}
.ftcont .link a{color:#eaeaea!important}
.ftcont .link h4{ float:left; font-size:16px; color:#dedede; line-height:45px; margin-left:30px;}
.ftcont .link h4 a{color:#eaeaea;}
.ftcont .link span{ font-weight:normal;}
.ftcont .link ul{ float:left; margin-left:15px; width:800px;}
.ftcont .link li{ margin-right:35px; float:left; height:45px; line-height:45px; list-style:none}
.ftcont .link li a{ font-size:13px; color:#eaeaea;}

.kefw{ display:block; position:absolute; width:50px; height:30px; left:50%; margin-left:-25px; top:2px;}

#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(img/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}

#roll_top, #fall, #ct{position: relative;cursor: pointer;height: 72px;width: 26px;}
#roll_top{background: url(/Skins/Default/Img/top.gif) no-repeat;}
#fall{background: url(/Skins/Default/Img/top.gif) no-repeat 0 -80px;}
#ct{background: url(/Skins/Default/Img/top.gif) no-repeat 0 -40px;}
#roll{	display: block;	width: 15px;margin-right: -625px;position: fixed;right: 56%;top: 50%;_margin-right: -625px;	_position: absolute;_margin-top: 300px;	_top: expression(eval(document.documentElement.scrollTop));}






.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}



/*5大*/
.F_V{ overflow:hidden; width:100%; background:url(Img/Index/proBg.png) repeat center; margin-top:60px}
.F_V .fiveUl{ overflow:hidden; width:100%; margin:40px 0;}
.F_V .fiveUl li{ width:157px; height:157px; background:url(../images/fiveBg.png) no-repeat center top; margin-right:53px; float:left;}
.F_V .fiveUl li img{ display:block; margin:0 auto; margin-top:25px;}
.F_V .fiveUl li span{ text-align:center; font-size:16px; color:#fff; display:block; margin-top:10px;}
.F_V .fiveUl li a{ text-decoration:none; display:block;}
.F_V .fiveUl li.last{ margin-right:0} 
.F_V .fiveUl li:hover{ background-position:bottom}
.F_V .pro{ overflow:hidden; width:100%; padding-bottom:0px;}
.F_V .prolt{ overflow:hidden; float:left; width:284px; padding:8px 6px; background-color:#0079d1;}
.F_V .prolt h2{ text-align:center; font-size:20px; color:#fff; margin:30px 0; font-weight:100}
.F_V .prolt h2 a{ color:#fff; font-weight:700}
.F_V .prolt h2 p{ display:block; margin-top:2px; text-transform:uppercase; font-family:Arial; color:#8998d7;  font-size:12px;}
.F_V .proltBox{ background:#fff; padding:0px 10px 13px; overflow:hidden}
.F_V .proDl dt{ width:303px; height:41px; margin-top:13px;}
.F_V .proDl dt a{ width:303px; display:block;  line-height:41px; font-size:16px; font-weight:bold; color:#0067ac;float:left ;background:url(../images/pro-dtBg.png) no-repeat center; padding-left:10px }
.F_V .proDl dd a{ width:100%;  display:block; padding:0 2%; height:40px; line-height:40px;  font-size:14px; color:#666; border-bottom:1px dotted #a3a3a3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left }
.F_V .proDl dd a:hover{ color:#da251c;}
.F_V .proRt{ float:right; width:670px}
.F_V .proTit{ overflow:hidden; width:100%; height:47px; line-height:47px; border-bottom:1px solid #d8d8d8;}
.F_V .proTit h3{ float:left; height:47px; line-height:47px; font-size:16px;}
.F_V .proTit h3 a{ display:block; width:92px; float:left; text-align:center; color:#333; text-decoration:none;}
.F_V .proTit h3 a:hover,.F_V .proTit h3 a.cur{ color:#fff; background-color:#0079d1;}
.F_V .proTit a.more{ display:block; background:#fbbf00; width:55px; height:21px;  float:right; margin-top:15px;   
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px; line-height:21PX; text-align:center; color:#FFF}
.F_V .proTit a.more:hover{	background:#0178d2;	text-align:center; color:#FFF; text-decoration:none}	
			
.F_V .proCon{ overflow:hidden; width:100%; height:500px; position:relative;  padding-top:38px}
.F_V .list{position:absolute; top:0; left:0; display:none}
.F_V .list li{ width:210px; float:left; margin-bottom:10px;} 
.F_V .list li img{ display:block; width:210px; height:210px; border:1px  solid #d8d8d8}
.F_V .list li span{ display:block; text-align:center; font-size:14px; color:#666; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.F_V .list li a{ text-decoration:none;}
.F_V .list li.last{ margin-right:0}
.F_V .list li:hover img{ opacity:.85; border:1px solid #0067ac}
.list .more{ width:61px; height:23px;  background:#2a7ac3; display:block; color:#FFF; line-height:23px; text-align:center; font-size:14px; float:right; margin-top:10px}
.list .more:hover{width:61px; height:23px;  background:#dd3026; display:block; color:#FFF; line-height:23px; text-align:center; font-size:14px; float:right; margin-top:10px}












.P_M{ overflow:hidden; width:100%; background:url(../images/ery.png) no-repeat center top; height:349px}
.P_M h2{ color:#0079d1;}
.gh1{ width:574px; float:left; padding-left:175px; padding-top:130px; text-align:center}
.gh2{ width:190px; float:right;padding-top:190px;}

.gh1 h4{ font-size:28px; font-weight:bold; color:#FFF}
.gh1 p{ color:#FFF; font-size:16px; text-align:left;padding-left:75px; padding-top:5px; line-height:26px}
.gh2 font{  color:#fff; font-size:22px; font-weight:bold}


.P_M .pmCon{ overflow:hidden; width:100%; height:435px; margin-top:20px; position:relative}
.P_M .pm{ opacity: 0; filter:alpha(opacity=0); padding:0 24px; background:url(Img/Index/wt_hline.png) no-repeat left 15px; width:240px; position:absolute;}
.P_M .pm h3{ font-size:16px; line-height:30px; color:#0079d1;}
.P_M .pm p{ line-height:24px; color:#666; margin-top:5px; font-size:14px; text-align:left;}
.P_M .pmrt{ background:url(Img/Index/wt_hline.png) no-repeat right 15px;}
.P_M .pmrt h3{ text-align:right} 
.P_M .pmrt p{ text-align:right}
.P_M .pm01{ top:34px; left:0px;}
.P_M .pm02{ top:34px; right:0px;}
.P_M .pm03{ top:150px; left:0px;}
.P_M .pm04{ top:150px; right:0px;}
.P_M .pm05{ top:277px; left:0px;}
.P_M .pm06{ top:277px; right:0px;}
.P_M i{opacity: 0; margin: 0 auto; filter:alpha(opacity=0); display: block; width:100%; background:url(Img/Index/wtBg.png) no-repeat center; height:435px;  position: absolute; top:0; left:0;}

/*优势*/
.Y_s{ overflow:hidden; width:100%; background:#f5f7fa}
.Y_s .ystit{ overflow:hidden; width:100%; background:url(../images/y_s.jpg) no-repeat center; height:207px;}
.Y_s .yst{margin:0 auto;width: 1024px;margin-top:38px;}
.Y_s .yst dt{font-size:56px;color:#0079d1;width: 1024px;float:left;font-weight: bold; text-align:center}
.Y_s .yst dd{float:right;width: 1024px; margin-top: 4px;}
.Y_s .yst dd h3{ font-size:22px; color:#0079d1; text-align:center; font-weight:100}
.Y_s .yst dd p{font-size:16px;color:#0079d1;background:url(Img/Index/ystit-wenBg.png) no-repeat center;height:23px;width:1024px;margin-top: 4px;text-align: center!important;}
.Y_s .ys{ overflow:hidden; width:100%;}
.Y_s .ys{ overflow:hidden; width:100%;}
.Y_s .ys01{ background:url(../images/ys_02.jpg) no-repeat center; height:307px; margin-top:80px}
.Y_s .ys02{ background:url(../images/ys_03.jpg) no-repeat center; height:350px;margin-top:27px}
.Y_s .ys03{ background:url(../images/ys_04.jpg) no-repeat center; height:365px;margin-top:27px}
.Y_s .ys04{ background:url(../images/ys_05.jpg) no-repeat center; height:384px;margin-top:27px; margin-bottom:47px}
.Y_s .ys05{ background:url(../images/ys_06.jpg) no-repeat center; height:399px;}
.Y_s .ysDl{ width:425px; overflow:hidden; margin-top:60px;}
.Y_s .ysDl dt{ width:48px; float:left;}
.Y_s .ysDl dt img{ display:block;}
.Y_s .ysDl dd{ width:425px; float:right;}
.Y_s .ysDl dd h3{ font-size:24px; color:#0079d1; font-weight:100}
.Y_s .ysDl dd h3 strong{ color:#da251c;}
.Y_s .ysDl dd h4{ font-weight:normal; margin-top:10px; font-size:12px; color:#b7b7b7}
.Y_s .ysDl dd i{ display:block; height:2px; margin:10px 0 15px; width:405px;}
.Y_s .ysDl dd p{ line-height:24px; font-size:14px; color:#666; margin-bottom:12px; width:400px }
.Y_s .ysDl dd li{ background:url(../images/roll.jpg) no-repeat left center; list-style:none; padding-left:15px; line-height:24px}
.Y_s .ysDl dd h5{ overflow:hidden; margin-top:25px;}
.Y_s .ysDl dd h5 a{ display:block; float:left;}
.Y_s .ysDl dd h5 p{ line-height: 37px; font-size:16px; color:#333; float:left; margin-left:8px;}
.Y_s .ysDl dd h5 p span{ font-size:14px;}
.Y_s .yshh04{ margin-top:100px; margin-left:110px}
.Y_s .ysQh{width:416px;position:relative; float: left;margin-top:52px; margin-left:10px;} 
.Y_s .ysQh em.an{top:120px;}
/*.Y_s em.anLt{ left:-10px}
.Y_s em.anRt{right:-10px}*/
.Y_s .ysCon{width:389px; height:269px;overflow:hidden; margin:0 auto; position:relative;}
.Y_s .yslist{ position:absolute; top:0; left:0 }
.Y_s .yslist li{width:389px; height:269px; float:left; position:relative}
.Y_s .yslist li img{ display:block; padding:2px;background:#fff; border:1px solid #dcdcdc; }
.Y_s .yslist li p{ height:42px; line-height:42px; padding:0 10px; background:url(Img/Index/yspBg.png) repeat; color:#fff; font-size:14px; left:0; bottom:0; position:absolute; width:100%; text-align:center}










#vs1 {
    width: 100%;
 
    background: #e8ebf1;
    padding-bottom: 55px; margin:0 auto
}
#vs {
    width: 1003px;
    margin: auto;
    background: url(../images/scjs_1.jpg) no-repeat center 177px;
    overflow: hidden;
    height: 150px; padding-top:58px
}#vs h3 {
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #0079d1;
    padding-top: 20px;
    width: 1003px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 3px;
    background: url(../images/scjs_d.jpg) no-repeat left 60px;
}#vs h3 span {
    font-size: 18px;
    font-weight: normal;
    width: 1003px;
    float: left;
    color: #0e4e94;
    background: url(../images/scjs_d.jpg) no-repeat right 0px;
}#vsnr1 {
    width: 1003px;
    height: 288px;
    margin: auto;
    background: url(../images/scjs_2.jpg) no-repeat top center;
    overflow: hidden;
    position: relative;
}#vsnr1 .o1 {
    position: absolute;
    font-size: 20px;
    font-weight: normal;
    color: #1e5596;
}#vsnr1 .o1 span {
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #1e5596;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/lll.jpg) repeat-y;
    padding-left: 3px;
}