body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

    
    font-size:14px;
    line-height:24px;
    font-family:Arial,"微软雅黑","宋体";
    color:#414446;

    
    width:100%;
    min-width:1226px;
}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}


input,button,select,textarea{outline:none;}


textarea{resize:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}


article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0;}
a{ color:#333; text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#215298;}


.clear{ clear:both; height:0px; overflow:hidden;}



.WarpBox{width: 1226px;margin: 0 auto;}
.Contain{padding-bottom: 100px;}
.SildeBar{}
.MainContent{width:940px;float: right;}
.Content{padding: 5px 0;}
.SinglePage{  text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;margin-top: 24px;}
.Current{ height: 37px;line-height: 37px;text-align: right;color: #7a7a7a;font-size: 12px;border-bottom: 1px solid #e5e5e5;}
.Current a{color: #7a7a7a;}


.Pages{ padding:10px; line-height:18px; zoom:1; overflow:hidden;margin-bottom: 35px;text-align: right;margin-right:100px;}
.ProductList .Pages{margin-right:0;}
.Pages span{ padding:0px 3px; }
.Pages a{ display:inline-block; margin:0px 2px;}

.p_cur,
.p_count,
.p_total,
.p_jump{display: none;}
.Pages .p_cur b{ color:#F00;}

.Pages .p_count b{ color:#F00;}

.Pages .p_total b{ color:#F00;}

.Pages .p_page em{ font-style:normal; font-family:Arial;}
.a_first,
.a_prev,
.a_next,
.a_end,
.Pages .p_page em a{ padding:10px 13px; border:solid 1px #e1e1e1; background:#fff;color: #666;font-size: 12px;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #d6010f; background:#d6010f;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; }



.Top{padding-top: 29px;z-index: 999;position: fixed;top: 0;width: 100%;height: 80px;background:url(../images/top_bg.png) no-repeat center top; }
.Top .Logo{float: left;width: 219px;height:46px;margin:17px 57px;}
.Top .Logo img{width: 100%;height: 100%;display: block;}
.Top .MainNav{float: left;}
.Top .MainNav ul li{display: inline-block;position: relative;}
.Top .MainNav ul li a{display: block;height:77px;font-size:20px;font-weight: bold;line-height: 80px;border-bottom: 3px solid #fff;padding: 0 21px;}
.Top .MainNav ul li:hover a{border-color:#215298;color: #215298;}
.Top .MainNav ul li.onnav a{border-color:#215298;color: #215298;}

.Top .MainNav ul li dl{display:none;position: absolute;top: 80px;background:rgba(255,255,255,.9);width: 100%;text-align: center;}
.Top .MainNav ul li:hover dl{display: block;}
.Top .MainNav ul li dl a{line-height: 18px;height: auto;padding:10px 5px;font-weight: normal;font-size: 12px;color: #666;}
.Top .MainNav ul li:hover dl a{border-color:#fff;color: #666;}
.Top .MainNav ul li:hover dl a:hover{border-color:#215298;color: #215298;}
.Top .MainNav ul li.onnav dl a{border-color:#fff;color: #666;}
.Top .MainNav ul li.onnav dl a:hover{border-color:#215298;color: #215298;}
.Top .Search{float: right;margin-right: 18px;}
.Top .Search input{width: 90px;height: 32px;line-height: 32px;color: #333;}
.Top .Search .Btn{width: 37px;height: 32px;display: block;float: right;margin-left: 5px;}





.BottomBg{height: 75px;overflow: hidden;clear: both;background:url(../images/bot_bg.png) no-repeat center;}
.Bottom{padding:0 0 30px;background: #0066ab;color: #fff;overflow: hidden;}
.Bottom a{color: #fff;}
.Bottom .BottomLinks{float: left;margin:20px 0 15px;}
.Bottom .BottomLinks span{position: relative;top: 1px;}
.Bottom .BottomLinks em{padding: 5px;}
.Bottom .Code{float: right;text-align: center; margin-left: 10px; margin-right: 10px; margin-top: 5px}
.Bottom .Code img{display: block;width: 63px;height: 63px;border: 1px solid #014e82;background: #fff; margin: 0 auto}
.Bottom .Code .p{margin-top: 10px;}
.Bottom .Copyright{color: #dde6f0;font-size: 12px;clear: left;}
.Bottom .Copyright a{color: #dde6f0;}
.Bottom .Copyright span{margin:0 10px 0 0;}




.SildeBar{}
.MenuList{width: 258px;float: left;margin:25px 25px 50px 0;border: 1px solid #e5e5e5;border-bottom: none;}
.MenuList .ColumnName{height:62px;padding:25px 25px 0 75px;}
.MenuList .ColumnName b{display: block;font-size: 21px;font-weight: normal;color: #fff;}
.MenuList .ColumnName span{font-size: 12px;font-family:Arial;text-transform: uppercase;color: #7e93bb; }
.MenuList ul li a{display: block;background: url(../images/li_a_bg1.png) no-repeat 220px center;line-height: 18px;color: #666;font-size: 15px;padding:18px 45px 18px 20px;border-bottom: 1px solid #e5e5e5;}
.MenuList ul li.onmenu a,
.MenuList ul li a:hover{background: url(../images/li_a_bg.png) no-repeat 220px center;color: #cc9512;}




.Banner{ position:relative;width: 100%;}
.HomeBan{ width:100%; height:716px;}
.HomeBan .BanList{ width:100%; height:716px; overflow:hidden;}
.HomeBan .BanList li{ width:100%; height:716px; background-repeat: no-repeat; background-size: cover;-moz-background-size: cover}
.HomeBan .BanList li a { width: 100%;height: 100%;display: block;position: relative;top: -24px; }
.HomeBan .BanCont{ width:100%; height:716px; position:absolute; left:0px; top:0px;}
.HomeBan .TabList{ width:1200px; height:716px; margin:0 auto; position:relative;}
.HomeBan .TabList ul{ position:absolute;bottom:17px;right: 570px; z-index:10;}
.HomeBan .TabList ul li{ float:left; margin-left:22px; background:url(../images/BanTab.png) no-repeat left top; _background:url(../images/BanTab.png) no-repeat left top; width:18px; height:18px; overflow:hidden; cursor:pointer;}
.HomeBan .TabList ul li.on{ background:url(../images/BanTab_on.png) no-repeat left top; _background:url(../images/BanTab_on.png) no-repeat left top;}
.Banner .NyBanner{height: 414px;}




.HomePage .h3{font-size: 30px;font-weight: normal;color: #0066ab;text-align: center;line-height: 32px;padding-top: 78px;}
.HomePage .span{font-size: 18px;color: #767676;display: block;text-align: center;text-transform: uppercase;margin:8px auto 50px;}
.HomeSolution{text-align: center;background: url(../images/home_sol_bg.jpg) no-repeat center;height: 635px;}
.HomeSolution ul li{width: 514px;float: left;margin-left: 70px;}

.HomeSolution ul li a{display: block;width: 100%;overflow: hidden;}
.HomeSolution ul li a img{width:250px;height: 250px;border-radius: 100%;}
.HomeSolution ul li a .p{margin:25px 0 18px;font-size: 25px;color: #232323;
    padding-bottom: 18px;}

.HomeProduct{text-align: center;padding-bottom: 90px;overflow: hidden;}
.HomeProduct ul li{width:25%;float: left;}
.HomeProduct ul li.Right{margin-right: 0;}

.HomeProduct ul li img{width:285px;height: 238px;border: 1px solid #d8d8d8;}
.HomeProduct ul li .p{margin:25px 0 20px;padding-top: 12px;font-size: 16px;color: #303030;background: url(../images/home_pro_bg.jpg) no-repeat top center;}
.HomeProduct ul li span{color: #9d9d9d;display: block;width:90px;height: 20px;line-height: 20px;margin: 0 auto;border: 1px solid #9d9d9d;}

.HomeCase{height: 550px;background: url(../images/home_case_bg.jpg) no-repeat center;}
#top{display: none;}
#box{width:100%;height:360px;overflow:hidden;position:relative;margin:-20px auto 0;}
#box .bg{}
#list{width:1225px;height:360px;}
#list ul {margin:0px;padding:0px;}
#list li{width:100px;position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li.hove{border:7px solid #0463ad;border-radius:5px;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{display: none;}
#list li .b_tit{display: none;}
#list a.PicBtn{width:34px;height:34px;position:absolute;z-index:20;top:145px;}
#list a.prev{background:url(../images/case_btn_left.png) center no-repeat;left: 80px;}
#list a.next{background:url(../images/case_btn_right.png) center no-repeat;right: 80px;}

.HomeNews{padding-bottom: 100px;overflow: hidden;}

.HomeNews .NewsTop a img{width: 100%;height: 135px;}
.HomeNews .NewsTop a .h4{font-size: 16px;color: #030303;font-weight: normal;margin: 10px 0;}
.HomeNews .NewsTop a .p{color: #7d7d7d;margin-bottom: 15px;}
.HomeNews .NewsTop a span{color: #125cc0;}


.HomeNews .NewsTop{position: relative;width: 532px;height: 300px;padding: 22px 54px 0px;float: left;}
.HomeNews .NewsTop dl dd{float: left;width:  532px;}
.HomeNews .NewsTop .prev,
.HomeNews .NewsTop .next{width:32px;height:32px;position:absolute;z-index:20;top:134px;}
.HomeNews .NewsTop .prev{background:url(../images/news_btn_left.png) center no-repeat;left: 0px;}
.HomeNews .NewsTop .next{background:url(../images/news_btn_right.png) center no-repeat;right: 0px;;}
.HomeNews ul{width:534px;float: right; }



.HomeNews ul li{height: 65px;overflow: hidden;margin-bottom: 25px;}
.HomeNews ul li .Left{float: left;width: 65px;padding-top:10px;height:55px;background: #eaeaea;font-size: 18px;text-align: center;color: #66668f;}
.HomeNews ul li .Left span{color: #9999ad;font-size: 12px;display: block;}

.HomeNews ul li .Right a{font-size: 16px;color: #125cc0;margin-top: 10px;display: block;}
.HomeNews ul li .Right .p{font-size: 14px;color: #484848;margin:3px 0;}



.HomeNews ul{margin-left: 10px;float: right;}
.HomeNews ul li .Right{margin-left:25px;float: left;}




.CurColumn{text-align: center;margin-bottom: 40px;}
.CurColumn .h3{font-size: 30px;color: #4283c7;text-align: center;line-height: 32px;
    margin-top: 24px;}
.CurColumn b{text-transform: capitalize;color: #7d7d7d;font-size: 18px;}
.SinglePage img{max-width: 100%;}


.TabColumn{height: 42px;border-top: 2px solid #245496;margin-top: 10px;background-color: #245496}
.TabColumn ul{list-style: none}
.TabColumn ul li{height: 36px;float: left;padding-left: 6px}
.TabColumn li img{width:22px;
    height:22px;
    vertical-align: middle;
}
.TabColumn li a{float: left;display: block;height: 36px;margin-top: 4px;padding: 6px 15px;
    color: white;font-size: 17px;text-align: center;font-family:MicrosoftYaHei;letter-spacing: -1px;}


.TabColumn ul li.itsColumn a{color: #245496;background-color: white}
.Ic_title_content ul{margin-top: 15px;border-bottom: 1px solid #e5e5e5}
.Ic_title_content ul li{list-style: none}
.Ic_title_content ul li div{border-top: 1px solid #e5e5e5}
.Ic_title_content ul li div h3{margin: 5px 3px;}
.Ic_title_content ul li div .pointImg{vertical-align: middle;width: 36px;height: 36px;margin-left: -10px;}
.Ic_title_content ul li div a{font-size:16px;color: #245496;font-family:MicrosoftYaHei;vertical-align: middle;margin-left: -10px;}
.Ic_title_content ul li div p{padding-left: 25px;line-height: 24px;margin-top: 0px;margin-bottom: 20px}
.Ic_title_content ul li div p img{
    width: 16px;
    height: 16px;vertical-align: middle;margin-top: -4px}

.ic_pic_text ul{margin-top: 27px;}
.ic_pic_text ul li{background: #F3F2F2;height: 250px;list-style: none;position: relative;margin-bottom: 27px;}
.ic_pic_text ul li div{float: left;position: absolute;top: 50%;transform: translateY(-50%);}
.ic_pic_text ul li .LeftPic{width: 290px;height: 180px;left: 4%;}
.ic_pic_text ul li .LeftPic img{width: 100%;height: 100%}
.ic_pic_text ul li .RightText{width: 456px;left: 38%;}
.ic_pic_text ul li .RightText h3{margin: 4px 0px;}
.ic_pic_text ul li .RightText a{color: #245496}
.ic_pic_text ul li .RightText p{line-height: 24px;}
.ic_pic_text ul li .RightText p img{vertical-align: middle;margin-top: -4px}









.NewsList ul li{background: #fafafa;height: 180px;overflow: hidden;margin-bottom: 30px;border: 1px solid #f2f2f2;}
.NewsList ul li .Pic{display: block;width: 290px;height: 180px;float: left;}
.NewsList ul li .Pic img{width: 100%;height: 100%;}
.NewsList ul li .Info{float: left;padding:6px 105px 18px 25px;width: 518px;}
.NewsList ul li .Info .h3{padding-bottom: 18px;border-bottom:2px solid #ededed;font-size: 14px;}
.NewsList ul li .Info .h3 a{color: #5f5f5f;}
.NewsList ul li .Info .h3 a:hover{color: #d68e27;}
.NewsList ul li .Info .h3 span{float: right;font-weight: normal;color: #666;}
.NewsList ul li .Info .p{margin: 20px 0;color: #999;line-height: 20px;}
.NewsList ul li .Info .More{display: block;color: #333;font-size: 12px;text-align: center;width: 135px;height: 35px;line-height: 35px;border: 1px solid #ededed;background: #fff url(../images/more_bg.png) no-repeat 95px center;}

.News_info .info_title{ padding:10px 0px; font-size:24px;color: #333;text-align:center;}
.News_info .info_time{ font-size:12px;background: url(../images/line_bg.jpg) repeat-x bottom;text-align:center; color:#666;font-weight:normal;padding:10px 0;}

.News_info .info_txt{ padding:10px 20px;}
.News_info .info_txt{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}

.News_info .PrevNextBox dl{display: inline-block;margin-right:30px;}
.News_info .PrevNextBox a:hover{color:#215298;cursor: pointer;}
.News_info .PrevNextBox a.none{color: #ccc;cursor: pointer;}
.News_info .PrevNextBox a.none:hover{ }


.ProductList li{text-align:center;width: 300px;float: left;margin:0 20px 50px 0;}
.ProductList li.Right{margin-right: 0;}
.ProductList li a{display: block;}
.ProductList li .Pic{width:298px;height: 240px;border: 1px solid #ddd;}
.ProductList li .Pic img{width: 254px;height: 190px;margin:25px 22px;}
.ProductList li .h3{font-size: 16px;color: #303030;height:55px;line-height: 55px;}
.ProductList li span{display: block;width: 28px;height: 27px;background: url(../images/pro_more.png) center;margin: 0 auto;}
.ProductList li:hover .h3{color: #dc9633;}

.ProductInfo .PicBox{width:662px;float: left;}
.ProductInfo .PicBox .bd{border: 1px solid #dcdcdc;}
.ProductInfo .PicBox .bd li{width: 660px;height: 500px;}
.ProductInfo .PicBox .bd li img{width: 660px;height: 500px;}
.ProductInfo .PicBox .hd {padding: 20px 0;width: 667px;}
.ProductInfo .PicBox .hd ul{margin-left:5px;}
.ProductInfo .PicBox .hd li{border: 1px solid #dcdcdc;float: left;margin-right: 10px;width:120px;height: 100px;}
.ProductInfo .PicBox .hd li.on{border-color:#0075a9;}
.ProductInfo .PicBox .hd li img{width:100px;height: 80px;margin: 10px;}


.ProductInfo .ProName{width: 230px;float: right;}
.ProductInfo .ProName .h3{font-size: 18px;color: #656565;}
.ProductInfo .ProName .name{color: #215298;margin-bottom: 10px;font-size: 18px;padding: 15px 0 20px;border-bottom: 1px solid #dedede;line-height:22px;}
.ProductInfo .ProName .brand{font-size: 15px;color: #757575;margin:8px 0;line-height: 18px;}
.ProductInfo .ProTxt{margin-top: 30px;}
.ProductInfo .ProTxt .hd{overflow: hidden;}
.ProductInfo .ProTxt .hd li{cursor: pointer;width: 140px;height:30px;line-height: 32px;float: left;margin-right: 22px;text-align: center;color: #4c4c4c;display:block;background: #f8f8f8;border: 1px solid #e7e7e7;border-radius:30px;}
.ProductInfo .ProTxt .hd li.on{background: #215298;color: #fff;}
.ProductInfo .ProTxt .bd{padding-top:40px;}


.LinksList li{text-align:center;width: 300px;float: left;margin:0 20px 0 0;}
.LinksList li.Right{margin-right: 0;}
.LinksList li a{display: block;}
.LinksList li .Pic{width:298px;height:151px;border: 1px solid #ddd;}
.LinksList li .Pic img{width: 254px;height:101px;margin:25px 22px;}
.LinksList li .h3{font-size: 16px;color: #303030;height:55px;line-height: 55px;}
.LinksList li:hover .h3{color: #dc9633;}



.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

.contact_map{width: 100%; height: 500px;}
.ContactTxt{margin-top: 50px;}




.honor_box{position: relative;width:940px;overflow:hidden;}
.honor_box .next{z-index:99;position:absolute;top:41%;right:0px; left:auto; cursor:pointer;display:block;width:50px;height:108px;background:url(../images/honor_next1.png) no-repeat;}
.honor_box .next:hover{background:url(../images/honor_next2.png) no-repeat;}
.honor_box .prev{z-index:99;position:absolute;top:41%;left:0;cursor:pointer;display:block;width:50px;height:108px;background:url(../images/honor_pre1.png) no-repeat;}
.honor_box .prev:hover{background:url(../images/honor_pre2.png) no-repeat;}
.honor_box .honor_con{ padding:0 50px;}
.honor_ul li{ display:block; float:left; width:265px; padding:5px; position:relative; text-align:center;}
.honor_ul li .pic{ border:1px solid #d9d9d9;height:360px;}
.honor_ul li .pic img{ width:263px; height:360px;}

.honor_ul li .more{ width:100%; height:100%;
    
    position:absolute; top:0; right:0; display:none;}
.honor_ul li:hover .more{ display:block;}
.honor_ul a{ color:#858585; display:block; position:relative;}
.honor_ul a:hover{ color:#0a3f89;}
.honor_ul a .h5{ font-weight:100; height:40px; line-height:40px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.HtBit .bitcell {
    border-bottom: 1px solid #ddd;
}
.HtBit .oneimg {
    width:440px;
    height:440px;
    margin-top: 34px;
    display: block;
}
.HtBit .smallimg {
    width:220px;
    height:170px;
    display: block;
}
.HtBit .bitleft {
    width:440px;
    height: 572px;
    float: left;
}

.HtBit .bitleft p {
    line-height: 24px;
    font-size:14px;
    font-family:MicrosoftYaHei;
    width: 440px;
    text-align: left;
    margin: 13px 0px;
}

.HtBit ul {
    list-style: none;
    width: 500px;
    height: 538px;
    float: left;
    padding: 34px 0px 0px 0px;
    margin: 0px;
}
.HtBit ul li {
    width: 220px;
    height: 266px;
    margin-left: 30px;
    float: left;
}
.HtBit ul li p {
    line-height: 24px;
    font-size:14px;
    font-family:MicrosoftYaHei;
    margin: 12px 0px;
    width: 220px;
    text-align: left;
}


#ProductBoxList {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}
#ProductBoxList ul {
    width:458px;
    padding: 0px;
    list-style: none;
}
#ProductBoxList .product_list_left {
    float: left;

}
#ProductBoxList .product_list_right {
    float: right;
}
#ProductBoxList li {
    background:rgba(243,242,242,1);
    margin-top: 25px;
}
#ProductBoxList li img {
    width:381px;
    height:200px;
}
#ProductBoxList li p {
    text-align: left;
    margin: 0px;
    padding: 18px 37px 22px;
    font-size: 14px;
    text-indent: 30px;
}
#ProductBoxList li h3 {
    margin: 0px;
    padding: 28px 0px 15px 0px;
    color: #245496;
    font-size: 16px;
}

[v-cloak] {
    display: none;
}