html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}



#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.w1200{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}


.head1{
    height: 41px;
    border-bottom: 1px solid #ededed;
}
.wel{
    font-size: 12px;
    color: #b7b7b7;
    line-height: 40px;
}
.k1{
    font-size: 12px;
    color: #b7b7b7;
    line-height: 40px;
}
.k1 a{
    color: #b7b7b7;
}

.head2{
    height: 100px;
}
.logo{
    line-height: 100px;
}
.top_contact{
    text-align: right;
    margin-top: 15px;
    background: url(../images/tel1.png) no-repeat left 35px;
    padding-left: 40px;
}
.top_contact dd{
    font-size: 16px;
    color: #333333;
    line-height: 21px;
}
.top_contact dl{
    font-size: 26px;
    font-weight: bold;
    color: #e50a15;
    line-height: 1;
    
}
.top_contact dl p{
     line-height: 21px;
}

.head3{
    height: 60px;
    background: #004587;
}
.hotkey{
    font-size: 14px;
    color: #333;
    line-height: 60px;
}
.hotkey a{
    color: #333;
    margin-right: 10px;
}

.ss #formsearch{
    width: 208px;
    height: 30px;
    background: url(../images/ss.png) no-repeat center bottom;
    margin-top: 15px;
    float: right;
}
.ss #formsearch input{
    line-height: 30px;
    height: 30px;
    border: none;
    outline: none;
    background: none;
}
.ss #formsearch #keyword{
    width: 173px;
}
.ss #formsearch #s_btn{
    width: 30px;
}


.index-c1{
    padding-top: 30px;
}
.index-tlt1{
    text-align: center;
    padding: 35px 0;
}
.index-tlt1 h3{
    font-size: 14px;
    text-transform: uppercase;
    color: #666666;
}
.index-tlt1 h2{
    font-size: 35px;
    color: #333;
    background: url(../images/line02.png) no-repeat center;
    line-height: 40px;
}
.c1-left{
    width: 280px;
}
.c1-left .protlt{
    width: 280px;
    height: 89px;
    background: #004587;
    text-align: center;
    padding-top: 15px;
}
.c1-left .protlt dd{
    font-size: 24px;
    color: #fff;
}
.c1-left .protlt dl{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.c1-left ul li{
    margin-bottom: 4px;
}
.c1-left ul li a{
    display: block;
    background: url(../images/c1-1.png) no-repeat 28px center #eaeaea;
    font-size: 16px;
    color: #333333;
    padding-left: 56px;
    line-height: 44px;
}
.c1-left ul li a:hover{
    color: #004587;
}
.c1-right{
    width: 877px;
}
.c1-right .c1-right-tlt{
    border-bottom: 1px solid #c7c7c7;
}
.c1-right .c1-right-tlt h3{
    display: inline-block;
    width: 138px;
    height: 38px;
    background: #c7c7c7;
    text-align: center;
    font-size: 18px;
    color: #333333;
    line-height: 38px;
    border-radius: 5px;
}
.c1-right .c1-right-tlt a{
    font-size: 12px;
    color: #333;
    line-height: 38px;
    float: right;
    text-transform: uppercase;
}
.c1-right .c1-right-tlt a:hover{
    color: #004587
}
.c1-right ul{
    margin-top: 19px;
}
.c1-right ul li{
    width: 267px;
    float: left;
    margin-right: 37px;
    margin-bottom: 10px;
}
.c1-right ul li:nth-child(3n){
    margin-right: 0;
}
.c1-right ul li a{
    display: block;
}
.c1-right ul li .img{
    border: 3px solid #004587;
    overflow: hidden; 
}
.c1-right ul li .img img{
    width: 261px;
    height: 175px;
    transition: .3s;
}
.c1-right ul li:hover .img img{
    transform: scale(1.1);
}
.c1-right ul li h3{
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 60px;
}
.c1-right ul li:hover h3{
    color: #004587
}


.index-c2{
    padding-top: 30px;
}
.index-c2 ul li{
    margin-bottom: 33px;
    font-size: 0;
}
.index-c2 ul li > div{
    display: inline-block;
    vertical-align: middle;
}
.index-c2 ul li .wz{
    width: 540px;
    padding-left: 100px;
    position: relative;   
}
.index-c2 ul li .wz dt{
    position: absolute;
    top: 0;
    left: 0;
}
.index-c2 ul li .wz h3{
    font-size:24px;
    font-weight: bold;
    color: #004587;
    line-height: 1.5;
    border-bottom: 1px dashed #cbcbcb;
    padding-bottom: 10px;
}
.index-c2 ul li .wz h3 span{
    font-weight: normal;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
}
.index-c2 ul li .wz p{
    font-size: 18px;
    color: #333333;
    line-height: 2;
    margin-top: 15px;
}
.index-c2 ul li:nth-child(2n+1) .img{
    width: 660px;
    text-align: right;
}
.index-c2 ul li:nth-child(2n) .img{
    width: 660px;
    text-align: left

}

.index-c3{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    padding-top: 47px;
}
.index-c3 img{
    width: 100%;
}
.c3-con{
    width: 1200px;
    position: absolute;
    top: 90px;
    left: 360px;
}
.c3-con h3{
    font-size: 31px;
    color: #fff;
    line-height: 2;
}
.c3-con h3 span{
    font-size: 42px;
}
.c3-con h4{
    border-top: 1px solid rgba(255, 255, 255, 0.54);
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
    display: inline-block;
    font-size: 26px;
    color: #fff;
    line-height: 50px;
    letter-spacing: 3px;
}
.c3-con .zxrx{
    color: #fff;
    margin-top: 25px;
}

.index-c4{
    padding-top: 30px;
}
.c4-left{
    width: 560px;
    height: 400px;
}
.c4-left img{
    width: 560px;
    height: 400px;
}
.c4-right{
    width: 600px;
}
.c4-right > h3{
    font-size: 36px;
    font-weight: bold;
    color: #e3e3e3;
    line-height: 50px;
}
.c4-right > h4{
    font-size: 24px;
    color: #333;
}
.c4-right .jj{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.c4-right a.ckgd{
    display: block;
    width: 186px;
    height: 52px;
    background: #004587;
    border-radius: 5px;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}


.index-c5{
    padding-top: 30px;
}
.picScroll-left{
    position: relative;
}
.picScroll-left .bd{
    overflow: hidden;
}
.picScroll-left .bd ul li{
    width: 276px;
    margin-right: 32px;
}
.picScroll-left .bd ul li a{
    display: block;
}
.picScroll-left .bd ul li .img img{
    width: 276px;
    height: 208px;
}
.picScroll-left .bd ul li .wz{
    background: #eaeaea;
    padding: 10px;
}
.picScroll-left .bd ul li .wz h3{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 35px;
}
.picScroll-left .bd ul li .wz .info{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.picScroll-left .bd ul li .wz dt{
    width: 130px;
    height: 36px;
    background: #005db6;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    font-weight: normal;
    border-radius: 18px;
    margin: 15px 0;
}
.picScroll-left .hd a.next{
    display: block;
    width: 18px;
    height: 42px;
    cursor: pointer;
    background: url(../images/right01.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: -38px;
}
.picScroll-left .hd a.prev{
    display: block;
    width: 18px;
    height: 42px;
    cursor: pointer;
    background: url(../images/left01.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: -38px;
}


.index-c6{
    padding-top: 30px;
}
.c6-1{
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 30px;
}
.c6-1 ul li{
    display: inline-block;
    margin-right: 35px;
    padding-left: 12px;
    font-size: 20px;
    color: #999999;
    line-height: 40px;
    cursor: pointer;
}
.c6-1 ul li span{
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 15px;
    color: #999;
}
.c6-1 ul li a{
    display: inline-block;
    width: 52px;
    height: 20px;
    background: #004587;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
}
.c6-1 ul li.cur{
    background: url(../images/line03.png) no-repeat left center;
    color: #333;
}


.c6-2 .picScroll-left2{
    height: 0;
    overflow: hidden;
}
.c6-2 .picScroll-left2.aa{
    height: auto;
    overflow: visible;
    position: relative;
}
.c6-2 .picScroll-left2 .bd{
    overflow: hidden;
}
.c6-2 .picScroll-left2 .bd ul li{
    width: 277px;
    margin-right: 31px;
}
.c6-2 .picScroll-left2 .bd ul li a{
    display: block;
}
.c6-2 .picScroll-left2 .bd ul li .img{
    width: 277px;
    height: 171px;
    overflow: hidden;
}
.c6-2 .picScroll-left2 .bd ul li img{
    width: 277px;
    height: 171px;
    transition: .3s;
}
.c6-2 .picScroll-left2 .bd ul li:hover img{
    transform: scale(1.1);
}
.c6-2 .picScroll-left2 .bd ul li h3{
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.c6-2 .picScroll-left2 .hd{
    display: none;
}
.c6-2 .picScroll-left2 .hd a.next{
    display: block;
    width: 18px;
    height: 42px;
    cursor: pointer;
    background: url(../images/right01.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: -38px;
}
.c6-2 .picScroll-left2 .hd a.prev{
    display: block;
    width: 18px;
    height: 42px;
    cursor: pointer;
    background: url(../images/left01.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: -38px;
}
.c6-2 .picScroll-left2.aa .hd{
    display: block
}


.index-c7{
    padding-top: 30px;
    padding-bottom: 70px;
}

.xin1{width:768px;background:#fff;border:1px solid #dedede;}

.tabli{height:50px;border-bottom:1px solid #004587;position:relative;}
.tabli li{float:left;width:150px;line-height:49px;color:#333333;font-size:16px;cursor:pointer;text-align:center;border-right:1px solid #dedede;}
.tabli li.cur{background:#004587;color:#fff;}
.tabli a{text-align:center;position:absolute;right:0;top:13px;text-transform:uppercase;font-size:12px;color:#333333;background:#dedede;width:60px;line-height:24px;}

.tab{width:724px;margin:20px auto;overflow:hidden;display:none;}
.tab.clicked{display:block;}
.xlist1 li{border-bottom:1px solid #dedede;height:170px;overflow:hidden;}
.xlist1 li .img{width:248px;height:155px;float:left;}
.xlist1 li .img img{width:248px;height:155px;}
.xlist1 li .det{width:460px;float:right;}
.xlist1 li h3 a{display:block;color:#333333;font-size:14px;line-height:50px;font-weight:normal;border-bottom:1px solid #dedede;}
.xlist1 li span{display:block;color:#666666;font-size:14px;line-height:27px;margin-top:8px;}



.xlist2 li{border-bottom:1px solid #f2f2f2;float:left;width:355px;line-height:51px;}
.xlist2 li:nth-child(2n){float:right;}
.xlist2 li a{color:#666666;font-size:14px;background: url(../images/x1.png) no-repeat left center;padding-left:20px;}
.xlist2 li a:hover{color:#0551a2;background: url(../images/x2.png) no-repeat left center;}
.xlist2 li:nth-child(7){border:none;}
.xlist2 li:nth-child(8){border:none;}




.xin2{width:386px;background:#fff;border:1px solid #dedede;}
.xtt{height:50px;border-bottom:1px solid #004587;position:relative;line-height:49px;color:#333333;font-size:16px;background: url(../images/line03.png) no-repeat 18px center;text-indent:32px;}
.xtt a{text-align:center;position:absolute;right:0;top:13px;text-transform:uppercase;font-size:12px;color:#333333;background:#dedede;width:60px;line-height:24px;text-indent:0;}
.xin2 .content{margin:15px 30px 0 20px;}



#ndemo{overflow:hidden;margin:0 auto;position:relative;height:455px;}
#nindemo{height:100%;}
#ndemo1{}
#ndemo2{}
.news_list31{}
.news_list31 li{position:relative;padding:14px 0 16px;border-bottom:1px solid #dedede;}
.news_list31 li a{line-height:30px;padding-left:32px;background: url(../images/wen.png) left 5px no-repeat;display:block;
    font-size: 14px;
    color: #004587;
 
}

.news_list31 span{
    background: url(../images/da.png) left 3px no-repeat;
    padding-left:32px;font:400 14px/24px "microsoft yahei";
    margin-top:5px;color:#666666;display:block;
}



.footbg{
    background: #333333;
}
.foot1{
    padding: 40px 0 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.foot1 .fadd{
    padding-left: 35px;
    background: url(../images/aa1.png) no-repeat left top;
    width: 500px;
}
.foot1 .fadd dd{
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    line-height: 30px;
}
.foot1 .fadd dl{
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
.foot1 .flx{
    padding-left: 35px;
    background: url(../images/aa2.png) no-repeat left top;
    width: 500px;
}
.foot1 .flx dd{
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    line-height: 30px;
}
.foot1 .flx dl{
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}
.foot1 .flx dl span{
    font-size: 20px;
}
.foot1 .fbtn a{
    display: block;
    width: 176px;
    height: 40px;
    border: 1px solid #fff;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}

.foot2{
    padding: 25px 0 50px;
}
.foot2 .ff1{
    width: 800px;
}
.foot2 .ff1 .fnav{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
.foot2 .ff1 .fnav a{
    color: #fff;
}
.foot2 .ff1 .copyr{
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
    color: #fff;
}
.foot2 .ff1 .copyr a{
    color: #fff;
}
.foot2 .ff2{
    font-size: 14px;
    color: #fff;
    line-height: 2;
    text-align: center
}