*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Arial, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/
/*.fl{ float: left;}*/
/*.fr{ float: right;}*/
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1400px; margin: 0 auto;}
.more-title{ width: 100%;}

@font-face{font-family: Arial;src: url('../fonts/Arial.ttf');font-weight: normal; font-style: normal;}



.htop{width: 100%;height: 36px;background:#F9F9F9;}
.htop .tnr{width: 1200px;height: 36px;margin:0 auto;line-height: 36px;color: #666;letter-spacing: 1px;}
.htop .tnr a{color: #666;}
.htop .tnr a:hover{text-decoration: underline;}
.htop .tnr .l{float: left;}
.htop .tnr .r{float: left;margin-left: 170px;}

/*header */
.header{width: 100%;}
.header .header-1{height: 35px;width: 100%;line-height: 35px;background: #eee;}
.header .header-1 .content{width: 1200px;margin: auto;}
.header .header-1 .content b{color: #999999;font-size: 14px;line-height: 35px;}
.header .header-1 .content nav{line-height: 35px;float: right;height: 35px;}
.header .header-1 .content nav a{color: #999;font-size: 14px;margin-right: 25px;}


.header .header-2{height: 136px;background: #fff;}

.header .header-2 .content{width: 1200px;height: 136px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top:18px;}
.header .header-2 .content .text{float: left;margin-top: 47px;margin-left:17px;}
.header .header-2 .content .text h3{font-size: 32px;color: #004489;margin-bottom: 5px;font-weight: bold;}
/*.header .header-2 .content .text h3 span{font-size: 24px;color: #FD6A05;font-weight: bold;}
.header .header-2 .content .text b{font-size: 18px;color: #1c1b1b;font-family: "Arial"}*/
/*.header .header-2 .content .phone{float: right;margin-top: 50px;width: 260px;background-position-y: 6px;}
.header .header-2 .content .phone .dh{color: #FD6A05;font-size: 18px;float: left;text-align: center;margin-top: 5px;}
.header .header-2 .content .phone .dh h3{letter-spacing: 2px; color: #004489;font-size: 24px;line-height: 30px;font-weight: bold;}*/

.header .header-2 .content .rr{width:200px;height:130px;float: left;margin-left:135px;padding-top:50px;}
.header .header-2 .content .r2{width:260px;height:130px;float: left;margin-left:12px;padding-top:46px;}



.header .header-3{height: 60px;width: 100%;background: url("../images/a_nav_bg.png")no-repeat center;background: #004489;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{ display:block;float: left;height:60px; line-height:60px;font-size: 15px;color: #fff;
    text-align: center;padding:0px 25px; position: relative;border-left: 1px solid #E5DBDB;}

.header .header-3 .content nav a:hover{background: #FD6A05;color: #fff;}
.header .header-3 .content nav .on{background: #FD6A05;color: #fff;}

.header .header-3 .content nav ul{
    position: absolute;
    top: 58px;
    z-index: 999;
    /*width: 150px;*/
    display: none;
    left: 0px;
}
.header .header-3 .content nav ul li{
    /*width: 150px;*/
    display: block;
    float: left;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #fff;
    background: #FD6A05;
    float: left;
    width: 100%;
    padding: 0px 10px;
    overflow: hidden;
}
.header .header-3 .content nav ul li:hover{background: #fff;color: #333;}



/*banner*/
.banner-index{ font-size: 0;overflow: hidden;    width: 100%;  }
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;}
.slideBox .hd ul li.on{background: #666666;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}



/*search*/
.search{ font-size: 0; height: 60px; line-height: 60px; /*border-bottom: 1px solid #333; *//*background: #009B8B;*/ overflow: hidden;width: 1200px;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333333; font-size: 16px; /*font-weight: bold;*/ margin-right: 15px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 8px 0 0;}
.search-keywords a{ color: #666666; font-size: 14px;}
.search-keywords a:hover{ color: #0B579B;}
.search-keywords i{ margin: 0 15px; color: #666; font-size: 14px;}
/*.search-form{ float: right;margin-right: -30px;}*/
#searchForm{ margin-top: 15px; /*background: url(../images/ss_rl.png)no-repeat;*/ width: 239px; height: 31px; display: inline-block; vertical-align: top;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; }
#searchForm .search-input{ height: 34px; line-height: 31px; width: 77%;background: #F5F5F5;padding-left: 15px;}
.search-form #s_btn{ width: 31px; height: 35px; cursor: pointer;background: url(../images/ss_2s.png)no-repeat;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999999;}
#searchForm .search-input:-moz-placeholder{ color: #999999;}
#searchForm .search-input::-moz-placeholder{ color: #999999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999999;}





.ys{width: 1193px;height: 430px;margin:0 auto;border-top:1px solid #DBDBDB;border-left:1px solid #DBDBDB;text-align: center;}
.ys .ysa{width: 298px;height: 143px;border-right: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB;float: left;background: #EBEBEB;}
.ys .ysb{width: 596px;height: 143px;border-right: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB;float: left;background: #004489;padding-top:28px;}

.ys .ysa .l{width: 130px;height: 140px;/*padding-left: 30px;*/float: left;}
.ys .ysa .l .l1{font-size: 22px;font-weight: bold;color: #0064B2;padding-top:47px;}
.ys .ysa .r{width: 167px;height: 140px;float: left;color: #666;padding-top:52px;text-align: left;}


.ys .ysa:hover{background: 0;}















.mos1{width: 100%;height: 990px;background: #EBEBEB;}
.mo1{width: 1200px;height:950px;margin:0 auto;}
.tto{text-align: center;font-size: 36px;font-weight: bold;padding-top:60px;margin-bottom:46px;color: #004489;}
.mo1 .left{width: 246px;height:600px;float: left;}

/*.mo1 .left .dh{width: 210px;height:32px;background: url("../images/a_cp_left.png")no-repeat center;line-height: 32px;padding-left:35px;color: #fff;font-weight: bold;}
.mo1 .left .dhs{width: 210px;height:31px;background: url("../images/a_cp_left2.png")no-repeat center;line-height: 32px;padding-left: 35px;color: #666;font-size: 12px;}*/
.mo1 .left .dh{width: 246px;height:120px;background:#004489;text-align: center;padding-top:33px;color:#fff;font-size: 32px;font-weight: bold;border:1px solid #DEDBDB;
border-top-left-radius:10px;
border-top-right-radius:10px;}
.mo1 .right .ra{width: 940px;height: 565px;background: pink;}
.mo1 .left .dhs{width: 246px;height: 64px;padding-left:33px;line-height: 64px;border:1px solid #DEDBDB;border-top: 0px;color: #333;font-size: 17px;}
.mo1 .left .dhs:hover{background: #004489;color: #fff;}

/*.mo1 .hd{width:1400px;height:70px;margin-bottom:30px;text-align: center;}
.mo1 .hd li{ont-size: 17px;color: #666;margin-right:6px;display: inline-block;height: 50px;
  background: #f1f1f1;line-height: 50px;text-align: center;padding-left:20px;padding-right: 20px;}
.mo1 .hd li:hover{color: #004489;border-bottom:2px solid #004489;}

.mo1 .bd li .cp{width:330px;height: 350px;float: left;margin-right:20px;}
.mo1 .bd li .cp .tp{width: 280px;height: 280px;overflow: hidden;border:1px solid #999;}
.mo1 .bd li .cp .tp img{width: 100%;transition: all .8s}
.mo1 .bd li .cp:hover .tp img{transform: scale(1.1, 1.1);}
.mo1 .bd li .cp .tt{width: 280px;height: 50px;text-align: center;padding-top:10px;color: #666;font-size: 16px;}*/


.mo1 .right{width:940px;height: 800px;float: left;padding-left: 14px;}
.mo1 .right .hd{width: 940px;height: 50px;}
.mo1 .right .hd li{float: left;height: 40px;line-height:40px;padding-left:16px;padding-right: 16px;font-size: 15px;background: #fff;margin-right: 23px;}
.mo1 .right .hd li.on{background: #004489;color: #fff;}
/*.mo1 .right .hd li:hover{background: #004489;color: #fff;}*/


.mo1 .right .bd{width: 940px;height:600px;}
.mo1 .right .bd ol li{width: 300px;height: 332px;float: left;margin-right:20px;padding:10px;border:1px solid #DEDBDB;margin-bottom: 20px;}
.mo1 .right .bd ol li .tp{width: 278px;height: 278px;overflow: hidden;}
.mo1 .right .bd ol li .tp img{width: 278px;height: 278px;transition: all .9s ease;}
.mo1 .right .bd ol li:hover .tp img{transform: scale(1.1);}
.mo1 .right .bd ol li .tt{padding-top:12px;}
.mo1 .right .bd ol li:hover .tt{color: #004489;}




.mo2{width: 1200px;height:251px;margin:0 auto;overflow: hidden;}
.mo2 li{float: left;margin-right: 30px;float: left;width:215px;}
.mo2 li .tp{width:215px; border:1px solid #999;}

.mo2 li .title{font-size: 16px;color: #666;text-align: center;}
.mo2 li img{width: 100%;}



.mo3{width: 1400px;height: 850px;margin:0 auto;}
.mo3 li{width: 340px;float: left;margin-bottom: 20px;padding:10px;border:1px solid #999;margin-right: 10px;height: 260px;}
.mo3 li .title{text-align: center;color: #666;}
.mo3 li img{width: 100%;}
.mo3 li:hover .title{color: #004489;}
.mo3 li:hover{border:1px solid #004489;}














.m6{width: 1200px;height:630px;margin:0 auto;margin-top: 66px;}
.m6 .l{width: 586px;float: left;}
.m6 .r{width: 500px;float: left;padding-top:187px;}

.m6 .l .l1{width: 958px;height: 685px;position: absolute;margin-left: -256px;z-index:-1;}
.m6 .l .l2{font-size: 38px;padding-top:96px;color: #353535;}
.m6 .l .xtp{margin-left: 176px;margin-top: -80px;}
.m6 .l .l3{width: 340px;height: 35px;background: #005099;margin-top: 83px;
text-align: center;line-height: 35px;color: #fff;font-size: 18px;letter-spacing: 1px;font-weight: bold;}
.m6 .l .l4{width: 555px;line-height: 26px;color: #737373;margin-top: 28px;}
.m6 .l .l5{width: 125px;height: 32px;border:1px solid #6A6A6A;text-align: center;line-height:30px;margin-top: 43px;}
.m6 .l .l5:hover{background: #005099;color: #fff;}


.m6 .r .r1{width: 963px;overflow: hidden;}
.m6 .r .r1 img{ width: 100%;transition: all .9s ease;}
.m6 .r .r1:hover img{ transform: scale(1.1);}



.gsgs{width: 1190px;height:410px;margin:0 auto;padding-left:15px;background: #fff;position: relative;z-index: 33;padding-top:12px;}
.gsgs .hd{width: 259px;height: 400px;float: left;}
.gsgs .hd li{width: 259px;height: 119px;background: url(../images/gs_2.png)no-repeat center;margin-bottom:12px;text-align: center;padding-top:25px;font-size: 18px;color: #fff;}
.gsgs .hd li.on{background: url(../images/gs_1.png)no-repeat center;}

.gsgs .bd{width: 900px;height: 400px;float: left;}
.gsgs .bd ul li{width: 950px;height: 400px;padding-left:25px;}
.gsgs .bd ul li .div{width: 276px;height:183px;float: left;background: #333;margin-right:20px;margin-bottom: 15px;}
.gsgs .bd ul li .div .tp{width: 100%;height: 183px;overflow:hidden;}
.gsgs .bd ul li .div .tp img{width: 238px;height: 183px;width: 100%;transition: all .6s ease;}
.gsgs .bd ul li .div:hover .tp img{ transform: scale(1.1);}


.gsgs .bd ul li .div .tt{width: 100%;height: 25px;background: rgba(0, 0, 0, .6);text-align: center;line-height: 25px;position: relative;z-index: 9;margin-top: -25px;color: #fff;}






/*new*/

.news{ font-size: 0; width: 100%;height: 665px;background: url(../images/m7_bg.png)no-repeat center; padding: 80px 0; overflow: hidden;}
.news .hd{ text-align: center; margin-bottom: 65px;}
.news .hd ul li{ width: 193px; height: 49px; line-height: 49px; 
    cursor: pointer; text-align: center; overflow: hidden; background: #eaeaea; display: inline-block; vertical-align: top;}
.news .hd ul li+li{ margin-left: 36px;}
.news .hd ul li em{ display: block; overflow: hidden;}
.news .hd ul li i{ position: relative; display: inline-block; color: #666; font-size: 18px; transition: all ease-out .3s;}
.news .hd ul li i:after{ position: absolute; left: 0; width: 100%; color: #fff; content: attr(data-title); transform: translateY(100%); top: 100%; transition: all ease-out .3s;}
.news .hd ul li.on i:after{ transform: translateY(0);}
.news .hd ul li.on i{ transform: translateY(-100%);}
.news .hd ul li.on{ background: #004489;}
.news .bd{ height: 393px; overflow: hidden;}
.news .bd ul li>div{ display: inline-block; vertical-align: top;height: 393px; overflow: hidden;}
.news .bd ul li .newtj{ width: 436px; position: relative;}
.news .bd ul li .newtj .pic{ width: 436px; height: 322px; overflow: hidden;}
.news .bd ul li .newtj .pic img{ width: 100%;transition: all .6s ease;}
.news .bd ul li .newtj:hover img{ transform: scale(1.1);}
.news .bd ul li .newtj .text{ position: absolute; left: 25px; bottom: 0; z-index: 1; transition: .5s; width: 385px; height: 120px; margin: 0 auto; padding: 20px 28px 0; background: #fff;}
.news .bd ul li .newtj .text dt{ color: #333; font-size: 16px; line-height: 16px;margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.news .bd ul li .newtj .text dd{ color: #999; font-size: 14px; line-height: 20px;margin-bottom: 19px;}
.news .bd ul li .newtj:hover .text dt{ color: #004489;}
.news .bd ul li .newtj:hover .text dd{ text-decoration: underline;}
.news .bd ul li .newlist{width:1405px;}
.news .bd ul li .newlist dl{ display: inline-block; vertical-align: top; /*border: 1px solid #dcdcdc;*/ /*background: #fff; */
    padding: 30px 15px 0; width: 406px; height: 393px;padding-left: 0px;}
/*.news .bd ul li .newlist dl+dl{ margin-left: 30px;}*/
.news .bd ul li .newlist dl dd{ margin-bottom: 20px; padding-bottom: 19px; line-height: 16px; border-bottom: 1px dotted rgba(112, 112, 112, 0.11);}
.news .bd ul li .newlist dl dd a{ color: #666; font-size: 16px;}
.news .bd ul li .newlist dl dd a em{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 272px;}
.news .bd ul li .newlist dl dd a i{ float: right;color: #999; font-size: 14px;}
.news .bd ul li .newlist dl dd:hover a,.news .bd ul li .newlist dl dd:hover a i{ color: #004489;}
/*@media only screen and (max-width: 1400px){.news .nr{ width: 1200px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newtj{ width: 410px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist{ margin-left: 15px; width: 775px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl{ width: 380px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl+dl{margin-left: 15px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl dd em{ width: 275px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; overflow: hidden;}
    }*/


/*link*/
/*.link{height: 60px;margin-top: 50px;}
.link .left{height: 57px;background: url("../images/link_bj.png")no-repeat;width: 1050px;float: left;padding-left: 130px;padding-top: 32px;overflow: hidden;}
.link .left a{color: #666;margin-right: 30px;}
.link .left a:hover{color: #FD6A05;}
.link .right{float: right;}*/

iframe{display: none}


/*foot*/
.footbg{background:#004489; width: 100%; height: 302px; overflow: hidden;}
.footbg .link{width: 1200px;margin:0 auto;height: 58px;margin-bottom: 16px;line-height: 58px;}
/*.footbg .link .t1{width: 130px;height: 50px;line-height: 50px;font-size: 32px;}
.footbg .link .list{width: 1050px;height: 50px;float: left;margin-left:130px;margin-top: -50px;}*/
.footbg .link ul li{float: right;height: 50px;font-size:15px;/*padding-top:2px;*/margin-left: 80px;}
.footbg .link ul li a{color: black;color: #fff;}
.footbg .link ul li:hover a{text-decoration: underline;}



.footbg .nr{width: 1200px;margin:0 auto;height: 230px;/*margin-top: 36px;*/}
.footbg .nr>div{ display: inline-block; vertical-align: top;}

.footbg .nr .xx{width:740px;padding-top:50px;}
.footbg .nr .xx .xs{font-size: 15px;color: #fff;line-height:40px;}

/*.footbg .nr .text{width:220px;height: 280px;padding-top:45px;}
.footbg .nr .text .t1{font-size: 18px;color: #fff;letter-spacing: 1px;}
.footbg .nr .text .t0{color: #6A8BB7;margin-bottom:20px;}
.footbg .nr .text .t2{font-size: 14px;color: #87A0C4;margin-bottom: 10px;}
.footbg .nr .text .t2:hover{text-decoration: underline;color: #fff;}*/

.footbg .nr .code{width: 135px;height: 200px;margin-top:78px;margin-left: 28px;}
.footbg .nr .code .hd{position: absolute;margin-left: -25px;margin-top: -13px;}
.footbg .nr .code .hd li{width: 26px;height: 44px;background: url(../images/m8_1bg.png)no-repeat center;margin-bottom:6px;text-align: center;padding-top:9px;}
.footbg .nr .code .hd li.on{background: url(../images/m8_0bg.png)no-repeat center;}
.footbg .nr .code .bd{width: 163px;height: 163px;background: url(../images/code_bg.png)no-repeat center;padding-top:12px;margin-top: -38px;}

.footbg .nr .code .c1{width: 135px;height: 200px;margin-left:12px;}
.footbg .nr .code .c1 .t1{width: 135px;height: 135px;}
.footbg .nr .code .c1 .t1 img{width: 100%}
.footbg .nr .code .c1 .t2{width: 140px;height: 50px;font-size: 14px;line-height:65px;text-align: center;color: #fff;}
.footbg .nr .code .c1 span{ display: block; position: relative; width: 135px; height: 135px; overflow: hidden;}
.footbg .nr .code .c1 span img{width: 100%;}
.footbg .nr .code .c1 span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}

.footbg .nr .rr{/*width: 270px;*/height: 200px;/*background: yellow;*/margin-left: 85px;padding-top:50px;}
.footbg .nr .rr .r1{color: #FEFEFE;margin-top: 17px;}
.footbg .nr .rr .r2{color: #fff;font-size: 22px;font-weight:bold;letter-spacing: 3px;}

.footbg .nr .rr .r3{color: #FEFEFE;margin-top: 6px;}

.footbg .bbbd{width: 100%;height: 38px;margin-top:30px;background: #333;    background: #004489;
    border-top: 1px solid #fff;}
.footbg .bbbd .nr{width: 1200px;height: 38px;margin:0 auto;text-align: center;font-size: 14px;color: #FEFEFE;line-height: 38px;}
/*.footbg .bbbd .left{float: left;}*/

input::-webkit-input-placeholder {color: #C9C8C8;}
input::-moz-input-placeholder {color: #C9C8C8;}
input::-ms-input-placeholder {color: #C9C8C8;}

textarea::-webkit-input-placeholder {color: #C9C8C8;}
textarea::-moz-input-placeholder {color: #C9C8C8;}
textarea::-ms-input-placeholder {color: #C9C8C8;}



.link{width: 1200px;margin:0 auto;padding-top:15px;margin-bottom: 50px;}
.link li{float: left;margin-right:5px;line-height: 30px;}
.link li:hover a{text-decoration: underline;}

@media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;}
    }
@media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;}
    }
@keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}





























