@charset "gb2312";
/* CSS Document */
/*css��ʼ???*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td, em{margin: 0; padding: 0; border: 0; list-style: none;}
h3{font-weight: normal;}
body{font-family: "Microsoft YaHei", "΢���ź�","Heiti SC","����-��"; font-size: 14px; line-height: 1.5;}
ul, ol{list-style: none;}
li{list-style: none;}
a{list-style: none; text-decoration: none; color: white;}
p{text-align: justify;}
em{font-style: normal;}

/*ͷ��*/

.box{ max-width:1600px; margin:0 auto;}
.index-type{ }
.main-tit{ width: 80%; margin: 0 auto;}
.main-tit h1{ color: #333; font-size: 36px; text-align: center; line-height: 1.1; margin-top:30px;}
.main-tit p{ color: #333; font-size: 16px; text-align: center; line-height: 30px; margin: 20px 0 30px;}
.index-type{ max-width:1400px; margin:0 auto;margin-top:30px;}
.index-type ul{ position: relative;}
.index-type ul:before{ content: ''; position: absolute; left: 92px; top: -290px; width: 20px; height: 290px; background: url(../images/type-line.png) no-repeat center;}
.index-type ul:after{ content: ''; position: absolute; right: 92px; top: -290px; width: 20px; height: 290px; background: url(../images/type-line.png) no-repeat center;}
.index-type li{ float: left; width: 17.5%; height: 254px; text-align: center; margin-right: 2.6%; margin-right: 2.1%\0; background: url(../images/type-bg.png) no-repeat center;}
.index-type li:last-child{ margin-right: 0;}
.index-type li img{ margin: 16px auto; transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.index-type li:hover a{ color: #FF8000;}
.index-type li:hover a img{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);}
.index-type li p a{ display: block; color: #333; font-size: 20px; font-weight: bold; text-align:center;}
.index-type li p a:hover{ color: #FF8000;}
.wp{ max-width:1600px; margin:0 auto; margin-bottom:150px; }
.cp-tit h2{ text-align:center;}
.cp-tit h2 a{font-size:38px;color:#000; text-align:center;}
.cp-tit h2::before{content:"";display:inline-block;vertical-align:middle;width:104px;height:12px;background:url(../images/cp-ico2.png) center no-repeat;margin-right:20px}
.cp-tit h2::after{content:"";display:inline-block;vertical-align:middle;width:104px;height:12px;background:url(../images/cp-ico1.png) center no-repeat;margin-left:20px}
.fw-ys{width: 100%; margin-top:550px;background: url(../images/fy-bg.jpg) no-repeat;background-size: cover;text-align: center;padding: 80px 0 115px 0;-webkit-box-shadow: #bdbdbd 0px 10px 10px inset;-moz-box-shadow: #bdbdbd 0px 10px 10px inset;box-shadow: #bdbdbd 0px 10px 10px inset;position:  relative;}
.fw-ys .fy{font-size: 18px;color: #737373;}
.fw-ys h3{font-size: 45px;color: #343434;line-height: 45px;margin: 15px 0 30px 0;}
.fw-ys .text{color: #8b8b8b;line-height: 24px;padding: 0px 24%;}
.fw-ys ul{max-width: 1200px;overflow: hidden;margin: 90px auto;}
.fw-ys li{width: 21%;float: left;padding: 0 2%;}
.fw-ys li span{font-size: 18px;color: #d31919;}
.fw-ys li strong{font-size: 60px;font-family: impact;line-height: 60px;margin-right: 10px;}
.fw-ys li p{font-size: 18px;color: #282828;line-height: 30px;margin-top: 15px;}
.cp_list { display:block;width:1200px; overflow:hidden; margin:0 auto; }
.cp_list  li{width:270px; overflow:hidden; float:left; margin-right:23px; margin-top:30px;}
.cp_list li p{ display:block; width:270px;height:38px; line-height:38px; text-align:center; overflow:hidden; background:#f7f6f6;font-size:14px; color:#333;font-family:"΢���ź�"; margin-top:-5px;}
.cp_list  li p a{font-size:14px; color:#333;font-family:"΢���ź�";}
.cp_list  li p a:hover{ color:#cb0100;}
.pl_list{ width:1200px; overflow:hidden; margin:0 auto;}
.pl_list ul{ width:1200px;height:200px; margin:0 auto; margin-top:10px;}


  
  

.index-line{ clear: both; padding-top:40px; }
.hgaodu{ height:480px; width:100%;}
.index-line ul{clear: both; overflow: hidden; margin-top: 40px; margin-left: -0.2%; padding: 3px; box-sizing: border-box; }
.index-line ul li{ float: left; position:relative; width:24.8%; margin-left:0.2%; height:100%; list-style:none; overflow:hidden; box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -moz-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); box-sizing:border-box;}

.cp-index5{padding:70px 0 70px; margin-bottom:180px;}
.ul-index-news1{float:left;width:46%}
.ul-index-news1 li{overflow:hidden;padding:20px 0;border-bottom:1px solid #ddd}
.ul-index-news1 .date{float:left;width:98px;text-align:center;border-right:1px solid #ddd;color:#999;margin-right:15px}
.ul-index-news1 .date span{display:block;line-height:1;font-size:16px;margin-bottom:14px}
.ul-index-news1 .date strong{display:block;font-size:26px;line-height:32px}
.ul-index-news1 .txt{overflow:hidden}
.ul-index-news1 .txt .tit{display:block;font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;margin-bottom:15px;font-weight:700}
.ul-index-news1 li:hover .date,.ul-index-news1 li:hover .txt .tit,.ul-index-news1 li:hover .txt p{color:#e62129}
.ul-index-news1 .txt p{font-size:16px;color:#666;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ul-index-news2{float:right;width:46%}
.ul-index-news2 li{overflow:hidden;padding:14px 0}
.ul-index-news2 li .date{float:right;font-size:14px;color:#999;line-height:24px;margin-left:10px}
.ul-index-news2 li a{display:block;font-size:14px;color:#333;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:16px;background-repeat:no-repeat;background-position:0 center;background-image:url(../images/cp-ico9.png)}
.ul-index-news2 li a:hover{background-image:url(../images/cp-ico10.png);color:#e62129}


.index-line ul li .line1 img{ width:100%; height:420px;}
.index-line ul li .line1 .line-name{ position:absolute; bottom:0; left:0; width:100%; height:66px; line-height: 66px; text-align: center; background-color:#FFF;}
.index-line ul li .line1 .line-name h3{ position: relative; font-size: 22px; font-weight: normal; width:60%; height:66px; line-height: 66px; text-align: center; margin: 0 auto; background-color:#FFF;}
.index-line ul li .line1 .line-name h3 a{ color:#000;}
.index-line ul li .line2{ position:absolute; bottom:-100%;  width:100%; height:100%;text-align:center; color:#FFF; background:rgba(0,0,0,.7); padding-top: 40%; box-sizing: border-box; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.index-line ul li .line2 .p1{ width:100%; text-align:center; color:#FFF; font-size:30px; font-weight:700;}
.index-line ul li .line2 .p2{ text-align:center; line-height:20px; margin-top:20px; font-size:16px; color:#FFF;}
.index-line ul li .line2 .p3{ width:40%; height:42px; line-height:42px; border-radius:6px; margin:30px auto 0; background-color: #ed1c24; }
.index-line ul li .line2 .p3 a{ display: block; color: #FFF; }
.index-line ul li:hover .line2{ bottom:0;}
.index-line ul li:hover .line-name{ display: none; }


.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: 120px;
}

.wrap{ max-width:1400px; margin:0 auto; padding:50px 0;}

.index-pro li .box span img {
    /* width: 100%; */
}

.index-pro ul li:hover strong a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro ul li:hover .box a img {
    margin-left: -15px;
    transition: all 0.6s;
}



.index-pro-list .pic,
.index-solution .pic,
.index-new .pic {
    text-align: center;
    display: block;
    margin: 0 auto; 
}

.index-pro-list h1,
.index-solution h2,
.index-new h2 {
    font-size: 38px;
    color: #05163f;
    text-align: center;
    font-weight: bold;
    margin-top: -50px
}

.index-pro-list h1 img,
.index-solution h2 img,
.index-new h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px
}

.index-pro-list .tit,
.index-solution .tit,
.index-new .tit {
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
}

.index-pro-list .tit a {
    font-size: 18px;
    color: #555f7d;
}

.index-pro-list .tit a:hover {
    color: #e61e37;
}



.index-pro-list li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 35px;
}

.index-pro-list li .pro-img {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #3498db;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 75%;
}

.index-pro-list li .pro-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-pro-list li .pro-img img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.index-pro-list li .pro-img:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.index-pro-list li:hover .pro-img:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.index-pro-list li .pro-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -20px
}

.index-pro-list li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 38px 0 18px;
    display: block;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 {
    background: #05163f;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro-list li .box {
    background: url(../images/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}

.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}

.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}


img {
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
.index-pro {
    margin: 30px auto;
}

.index-pro ul {
    width: 99%;
    overflow: hidden
}

.index-pro ul li {
    float: left;
    background: url(../images/index_cp_bg.png) no-repeat;
    width:19%;
    margin-left: 1%;
    padding: 25px 1.5% 25px 2%;
    box-sizing: border-box;
}

.index-pro ul li strong a {
    font-size: 26px;
    color: #05163f;
    display: block;
    margin-bottom: 20px;
}

.index-pro ul li p {
    font-size: 16px;
    color: #555f7d;
    line-height: 28px;
    padding-right: 25px;
    text-align: justify;
    margin-bottom: 25px;
}

.index-pro li .box a {
    float: left;
    display: block;
   
}

.index-pro li .box a img {

    transition: all 0.6s;
}

.index-pro li .box span{ margin-right:5px;}


.index-pro ul li:hover strong a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro ul li:hover .box a img {
    margin-left: -15px;
    transition: all 0.6s;
}

.index-pro-list {
    background: #f0f3fa;
}

.
.index-pro-list .pic,
.index-solution .pic,
.index-new .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.index-pro-list h1,
.index-solution h2,
.index-new h2 {
    font-size: 38px;
    color: #05163f;
    text-align: center;
    font-weight: bold;
    margin-top: -50px
}

.index-pro-list h1 img,
.index-solution h2 img,
.index-new h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px
}

.index-pro-list .tit,
.index-solution .tit,
.index-new .tit {
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
}

.index-pro-list .tit a {
    font-size: 18px;
    color: #555f7d;
}

.index-pro-list .tit a:hover {
    color: #e61e37;
}

.index-pro-list ul {
    overflow: hidden;
    margin-left: -2.5%;
}

.index-pro-list li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 35px;
}

.index-pro-list li .pro-img {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #3498db;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 75%;
}

.index-pro-list li .pro-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-pro-list li .pro-img img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.index-pro-list li .pro-img:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.index-pro-list li:hover .pro-img:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.index-pro-list li .pro-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -20px
}

.index-pro-list li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 38px 0 18px;
    display: block;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 {
    background: #05163f;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro-list li .box {
    background: url(../images/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}

.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}

.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}



.index-solution { 
    /*width:100%;*/
    padding: 50px 45px 50px 55px;
}

.index-solution ul {
    margin-left: -3%;
    box-sizing: border-box;
    margin-top: 40px;
}

.index-solution ul li {
    float: left;
    width: 30.333%;
    margin-left:1%;
    position: relative;
}

.index-solution .box {
    padding: 25px 40px 45px 0;
    box-sizing: border-box;
    position: relative;
    background: url(../images/index_case_bg.png) no-repeat right top;
}

.index-solution .box a {
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 62%;
}

.index-solution .box img {
    width: 100%;
    transition: all 0.6s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.index-solution ul li .box:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index-solution .box-bot {
    margin-top: 30px;
}

.index-solution .box-bot h3 {
    margin-bottom: 20px;
    width: 90%;
}

.index-solution .box-bot h3 a {
    font-size: 26px;
    color: #05163f;
    font-weight: bold;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-solution li:hover a {
    color: #e61e37;
}

.index-solution .box-bot p {
    font-size: 18px;
    color: #4b556e;
    margin-top: 10px;
}

.index-solution .box-bot p img {
    width: 22px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

.index-solution .box-bot p span {
    color: #e61e37;
    font-size: 18px;
}

.index-solution ul li .more {
    position: absolute;
    right: 10px;
    bottom: 5px
}




.footer { width: 100%; overflow: hidden; background-color: #001554; border-top:3px solid #db261d; }
.footer .subfooter { width: 1180px; overflow: hidden; margin: 0 auto; padding-top: 20px; }
.footer .subfooter dl { width: 300px; height: 200px; color: white; float: left; margin-right: 36px; background: url(../images/bianxian.png) no-repeat right; }
.footer .subfooter dl dt { font-size: 16px; line-height: 2; margin-bottom: 30px; }
.footer .subfooter dl dt span { font-size: 20px; }
.footer .subfooter dl dd span { display: inline-block; font-weight: bold; line-height: 34px; text-align: center; width: 106px; height: 34px; }
.footer .subfooter dl dd span:first-child { background-color: #0f0f0f; }
.footer .subfooter dl dd span:last-child { background-color: #db261d; margin-left: 30px; }
.footer .subfooter .bnav ul { width: 150px; float: left; margin-bottom: 10px; text-align: left; }
.footer .subfooter .bnav ul li { text-align: left; line-height: 2; }

.footer .subfooter .bnav ul li a{ color:#fff;}
.footer .subfooter .bnav ul li span { font-size: 16px;  color:#fff;} 
.footer .subfooter .bnav .erwei { float: left; margin: 8px 20px 0 0; }
.footer .banquan { height: 30px; overflow: hidden; background-color: #001a69; }
.footer .banquan div { width: 1180px; margin: 0 auto; color: white; font-size: 12px; }
.footer .banquan div p { font-size:14px; height: 30px; line-height: 30px; color:#fff;}
.footer .banquan div a img { margin-top: 1px; }
.footer .banquan div span { float: right; line-height: 30px;  color:#fff;}
.footer .bnav a:hover, .banquan a:hover { color: #e60717; text-decoration: underline; }
.container{width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden;}
.pad{padding: 15px 0;}
.max1200{width:100%; max-width:1200px; margin:0 auto;}

body{ margin:0; padding:0; font-size:14px; color:#333; line-height:22px; *line-height:30px; background:#fff; font-family:"Microsoft YaHei"; }
a{ text-decoration:none; }
a:focus{ outline:none; -moz-outline-style:none; }
a:hover{ color:#EB0001; text-decoration:none; }
ul, li{ list-style:none; margin:0; padding:0; }
i, b, u, em{ font-style:normal; text-decoration:none; }
input { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }

* { margin:0; padding:0; }
table, tr, td { margin:0; padding:0; border:0; }
input,select{ border-radius:0;outline:none;}
textarea { resize:none; outline:none;}



/*public*/


#tab_title a{margin: 0 10px 0 0;font-size: 1.4em;font-weight: bold;cursor: pointer;}
#tab_title a.current{color: #B51B13;}
.tab_con{line-height: 2em;margin: 5px 0;overflow: hidden;border-top: 1px solid #ccc;}
.tab_con>div.business{display: none;}
.friendlink a{padding: 0 5px;color: #454545;}
.friendlink a:hover{color: #FD6B00;}
.friendlink a::after{content: " | ";}

.top{ height:30px; line-height:30px; background-color:#001554;}
.top .welcome{ float:left; width:50%; color:#FFF;}
.top .tel{ float:right; width:28%; text-indent:40px; color:#FFF; background:url(../images/tel.png) no-repeat 5% 7px;}

.navs{ width:100%; height:80px; background-color:#FFF;}
.logo{ float:left; width:23%;}
.nav{ float:right; width:72%;_width:73%;}

.navul { width:100%; margin-top:27px;}
.navul li{POSITION:relative;display:block; TEXT-ALIGN:center;FLOAT:left;  margin-left:28px;_margin-left:15px; z-index:20;}
.navul li a{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease;  -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-size:18px; padding:10px 20px;}   
.navul li a:hover{ color:#4eabf9}
.navul  li a.li1 { padding:26px 20px; color:#505050; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0); border-bottom:4px solid #f73d2e;}
.navul  li a.li0 { color:#505050; }
.navul li:hover dt a{ font-size:13px; padding:0; text-indent:15px;}
.navul li:hover dt a:hover{ text-decoration:none; display:block;}
.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:-640px;}
.navul li:hover .plist ul{ width:90%; margin:0 auto;}
.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:0px}
.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:0px; color:#666}
.list{DISPLAY:none;  padding:10px 0; color:#eee; background:url(../images/nav_bg.png) repeat; width:190px; *margin-top:-10px;}   
.list DT A{height:34px; line-height:34px; text-decoration:none; display:block; text-align:left; font-weight:normal;font-size:14px; padding-left:12px; color:#fff}
.list DT A:hover{ background:#E73527; color:#fff; border-radius:0}
.plist{overflow:hidden; height:450px; position:absolute ; padding-top:10px;background:url(../images/nav_bg.png) repeat; width:1700px; margin-left:105px; }
.list li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px;  FLOAT:left; height:400px; overflow:hidden; padding-right:20px;}
.list li OL LI{PADDING:0px;  padding-left:10px;   height:32px; line-height:32px;margin:1px 10px 0 10px;}
.list LI OL LI span { background-position:center center; float:left;  background-repeat:no-repeat; width:30px; height:24px;}
.list LI OL LI A{MARGIN-LEFT:3px;float:left; padding:0; line-height:30px;font-size:13px; color:#FFFFFF}
.list li OL LI b { width:100%; overflow:hidden;}
.list li OL LI b  a{ font-size:16px; font-family:"Microsoft Yahei"; color:#fff; height:24px; line-height:24px; margin-bottom:20px;}
LI.feilei1{WIDTH:290px;}  
LI.feilei1 LI{WIDTH:100px}
LI.feilei2{WIDTH:290px}
LI.feilei2 LI{WIDTH:100px}
LI.feilei3{WIDTH:170px}
LI.feilei3 LI{WIDTH:160px}
LI.feilei4{WIDTH:170px;}
LI.feilei5 { WIDTH:180px;}
.dropbottom { TEXT-ALIGN:right; LINE-HEIGHT:50px;WIDTH:100%; overflow:hidden; margin-bottom:0;COLOR:#fff; padding-right:40px; font-size:15px; background:#232832; }
.dropbottom A { DISPLAY:inline; color:#fff; }
.nav_m{ display:none; float:right; width:72%;_width:73%;}
.nav_m ul{ clear:both; overflow:hidden;}
.nav_m ul li{ float:left; width:16%; font-size:16px; line-height:44px; text-align:center;}
.nav_m ul li.nav_select{ border-bottom:2px solid #f73d2e;}

#banner{ z-index:10;*z-index:-100; position:relative;  width:100%; overflow:hidden;}

#banner_list{ width:100%; margin:0 auto; overflow:hidden; }
#banner_list img{ margin:0 auto; z-index:1; width:100%; }
#banner_list a{ display:block; position:absolute; width:100%; height:100%}

#banner ul{ z-index:1002; position:absolute; right:15px; bottom:10px; padding:0px; margin:0px; list-style-type:none; }
#banner ul li{ position:relative; text-align:center; line-height:12px; width:16px; display:inline; background:url(../images/ifpoff.png) no-repeat; float:left; height:16px; color:#fff; cursor:pointer; margin-right:5px;}
#banner ul li.on{BACKGROUND:url(../images/ifpon.png) no-repeat; COLOR:#fff; width:26px;  }

#banner_point{ z-index:9999; position:absolute; margin:0px; width:15%; height:20px; left:36%; bottom:0px;}
#banner_point ul li .pointLayer img{ width:61px; display:block; float:left; height:61px}

.ban img{ width:100%;}
.ban_m{ display:none;}
.ban_m img{ width:100%;}

#gotoTop{ position:fixed; right:1%; bottom:50px; width:50px; height:50px; cursor:pointer; text-indent:-999em; z-index:999999; box-sizing:border-box; background:url(../images/to_top.png) no-repeat rgba(229,0,18,0.8) center; background-size:40%; border-radius:4%;}
#gotoTop:hover{ background-color:rgba(229,174,0,0.9);}




.banner2{ display:none;}
.banner2 a img{ width:100%;}


.index-ser{ clear: both; overflow: hidden; padding: 50px 0; margin-top: 50px; /*background-color: #F2F2F2;*/ background: url(../images/sygy.jpg) #F9F9FB no-repeat center 0;}
.index-tit h2{ text-align:center; font-size:28px;}
.index-tit p{ text-align:center; padding-top:20px;}
.index-tit h2 a{ text-align:center; color:#333;}


.news{width:100%; overflow:hidden; margin:0 auto;    background: #efeff7;}
.news {
    
    padding-bottom: 60px;
}
.ne_i{
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
	text-align:center;
}

.news h1{
    text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;
}
.new_d { }
.new_d p{ margin-bottom:30px; padding-top:20px;
    font-size: 22px;
    margin-left: 11px;
    font-weight: bold;  
}
.new_d img{
    float: right;
    margin-right: 10px;
	margin-top:-60px;
}
.new{
    width: 30%;
    float: left;
    background: #fff;
    padding: 5px 10px;
    margin: 0 .8%;
}

.n_a{
    display: block;
    color: #666666;
    padding: 7px 0;
    padding-left: 44px;
    position: relative;
    transition: .5s;
}
.n_a:hover{
    color: #f23c48;
}
.n_a::after{
    position: absolute;
    left: 22px;
    top: 13px;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #d5d5d9;
}

.news_bg{ width:100%; margin:0 auto; background: #efeff7;
    padding-bottom: 60px;}

.no{
    background: #f23c48!important;
    color: #fff;
    transition: .5s;
}
.news h1{
    text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;
}





.ab{ margin:25px 0 25px 0;}
.about{
    margin: 60px 0;
}
.ab1{
    float: left;
    width: 38%;
    height: 333px;
	margin-bottom:40px;
}
.ab2{
    float: left;
    width: 56%;
    margin-left: 6%;
	 margin-top:40px;
}
.ab2 h1{
    font-weight: 500;
    margin-bottom: 30px;
}
.ab2 p{
    line-height: 2;
}
.ab2 a{
    width: 145px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f23c48;
    border-radius: 15px;
    display: block;
    color: #fff;
    margin-top: 25px;
}


.dz{
    margin-top: 20px;
}
.dz img{
    width: 100%;
}