@charset "utf-8";

/* 对齐 */
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.margin-center {
    margin-left: auto;
    margin-right: auto;
}
/* display */
.ds-b {
    display: block;
}
.ds-n {
    display: none;
}
.ds-inb {
    display: inline-block;
}

/* 预设 */
body{
    font: 14px/30px 'Helvetica Neue','Microsoft Yahei',arial,helvetica,sans-serif;
    color: #818181;
}
a {
    text-decoration: none;
    transition:all 0.3s linear 0s;
}
.header ,.main ,.footer {
    width: 100%;
}
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* index.html */
/*轮播图 start*/
.banner{ width:100%; height:450px; white-space:nowrap; margin:0 auto; overflow:hidden;  position:relative; z-index:1;}
.banner_m{ width:50%; height:450px; display:inline-block; position:relative;}
.wrapper {*float:left; width:1920px; height:450px; display:inline-block; position:relative; left:-967px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 40%; left:16%; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../Image/prev.png') no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 40%; right:16%; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top:0; background: url('../Image/next.png') no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url('../Image/ajax-loader.gif') no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height:450px; }
#slideshow ul { display: none; }

/*轮播图 end*/
.top1 {
    line-height: 30px;
    background: #e9e9e9;
}
.top1, .top1 a {
    font-size: 14px;
    color: #757575;
}
.logo {
    background: url(../Image/logo.png) no-repeat;
    margin-top: 24px;
    margin-bottom: 18px;
}
.logo a {
    display: block;
    width: 640px;
    height: 58px;
}
.top2 .link {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
}

.top2 .ico {
    background: url(../Image/ico.png) no-repeat center center;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-top: 10px;
    margin-right: 5px;
    transition:all 0.3s linear 0s;
}
.top2 .ico:hover {
    cursor: pointer;
    box-shadow: 0 0 10px #000;
}
.nav {
    background: url(../Image/nav.png) no-repeat center center;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
}
.nav li {
    float: left;
    width: 150px;
}
.nav li.on, .nav li:hover {
    background: url(../Image/navon.png) no-repeat center center;
}
.nav li a {
    color: #fff;
}
.nav li:hover a, .nav li.on a {
    color: #0152b3;
}
.footer {
    background: #0054b7;
    margin-top: 60px;
}
.footer .box1 {
    width: 313px;
    height: 261px;
    margin-bottom: 40px;
    background: url(../Image/qrcode.jpg) no-repeat;
}
.footer .link {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 45px;
    margin-left: 45px;
    width: 400px;
}
.footer .map {
    width: 400px;
    height: 220px;
    margin-top: 40px;
}
.bottom {
    background: #004aa1;
}
.bottom, .bottom a {
    font-size: 14px;
    line-height: 60px;
    color: #A3B4D3;
}
.indexpro {
    margin-top: 35px;
}
.indextit {
    text-align: center;
}
.indextit .big {
    font-size: 30px;
    line-height: 36px;
    color: #0054b7;
}
.indextit .cn {
    font-size: 14px;
    line-height: 18px;
    color: #5c5c5c;
    background: url(../Image/line.png) no-repeat center center;
}
.indextit .en {
    font-size: 14px;
    line-height: 18px;
    color: #8c8b8b;
}
.indexpro .type {
    margin-top: 35px;
}
.indexpro .type li {
    width: 298px;
    border-right: 1px solid #0054B7;
    border-left: 1px solid #00CEF0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background: #2898f0;
    float: left;
    position: relative;
    transition:all 0.3s linear 0s;
}
.indexpro .type li a {
    color: #fff;
}
.indexpro .type li.on {
    background: #88b441;
    border-color: #88b441;
}
.indexpro .type li.on:after {
    content: "";
    width:0;
    height:0;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-top:8px solid #88b441;
    position: absolute;
    top: 50px;
    left: 137px;
    transition:all 0.3s linear 0s;
}
.indexpro .prolist {
    margin-top: 40px;
}
.indexpro .prolist li {
    float: left;
    text-align: center;
    width:380px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;

}
.indexpro .prolist li span {
    display: block;
    width: 100%;
    margin-top: 12px;
    height: 36px;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4c;
}
.indexpro .prolist li a:hover span {
    color: #88b441;
}
.indexpro .prolist .list {
    display: none;
}
.bar {
    background: url(../Image/bar.jpg) no-repeat center center;
    height: 259px;
}
.bar .text {
    width: 365px;
    padding-top: 135px;
    margin-left: 835px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.youshi {
    background: url(../Image/dot.gif) repeat;
    padding-top: 40px;
    padding-bottom: 80px;
}
.youshi .container {
    background: url(../Image/youshi.png) no-repeat center center;
    height: 696px;
}
.youshi .tit {
    font-size: 24px;
    line-height: 24px;
    color: #1c2329;
}
.youshi .tit span {
    color: #88b441;
}
.youshi .text {
    font-size: 14px;
    line-height: 30px;
    color: #565757;
    width: 565px;
    margin-top: 35px;
}
.youshi .tit1 {
    margin-left: 90px;
    padding-top: 10px;
}
.youshi .tit2 ,.youshi .tit4 {
    margin-left: 728px;
    margin-top: 65px;
}
.youshi .text2 ,.youshi .text4{
    margin-left: 635px;
}
.youshi .tit3 {
    margin-left: 90px;
    margin-top: 65px;
}
.bar2 {
    background: url(../Image/bar2.png) no-repeat center center;
    height: 107px;
    margin-top: -20px;
    padding-top: 46px;
}
.bar2 a {
    display: block;
    text-align: center;
    width: 150px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #575757;
    font-size: 14px;
    margin-left: 919px;
}
.bar2 span {
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #ec1a25;
    margin-left: 919px;
    margin-top: 12px;
}
.indexcom {
    margin-top: 60px;
}
.indexcom .text {
    width: 616px;
}
.indexcom .cn {
    font-size: 24px;
    line-height: 24px;
    color: #2d2d2d;
}
.indexcom .en {
    font-size: 14px;
    line-height: 14px;
    color: #818181;
    margin-top: 15px;
}
.indexcom .desc {
    margin-top: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #818181;
}
.indexcom .text a {
    display: block;
    width: 130px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #a0a0a0;
    color: #b8b8b8;
    font-size: 14px;
    margin-top: 30px;
    margin-top: 30px;
}
.indexcom .text a:hover {
    border-color: #626262;
}
.indexcom .imgs {
    width: 540px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.indexcom .imgs .img {
    width: 140px;
    height: 125px;
    padding: 20px;
}
.indexcom .imgs .big {

}
.indexcom .imgs .line {
    width: 35px;
    height: 2px;
    background: #fff;
    margin-top: 12px;
}
.indexcom .imgs .sml {
    margin-top: 18px;
}
.indexcom .imgs .img1, .indexcom .imgs .img3 {
    background: #006acd;
}
.indexcom .imgs .img5 {
    background: #88b441;
}
.indexcom .imgs .img2 {
    background: url(../Image/com.jpg) no-repeat;
}
.indexcom .imgs .img4 {
    background: url(../Image/comm.jpg) no-repeat;
}
.indexnews {
    background: #e5e5e5;
    padding-top: 38px;
    padding-bottom: 26px;
}
.indexnews .img {
    background: url(../Image/news.jpg) no-repeat;
    width: 490px;
    height: 190px;
    margin-top: 35px;
}
.indexnews .title {
    width: 490px;
    font-size: 16px;
    line-height: 18px;
    color: #555;
    margin-top: 15px;
    transition:all 0.3s linear 0s;
}
.indexnews .desc {
    width: 490px;
    font-size: 14px;
    line-height: 24px;
    color: #8d8d8d;
    margin-top: 10px;
}
.indexnews a:hover .title {
    color: #88b441;
}
.indexnews ul {
    margin-top: 35px;
}
.indexnews ul li {
    width: 600px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}
.indexnews ul li .time {
    background: #006acd;
    color: #fff;
    text-align: center;
    width: 100px;
    height: 80px;
    transition:all 0.3s linear 0s;
}
.indexnews ul li .time .day {
    font-size: 36px;
    line-height: 36px;
    margin-top: 14px;
}
.indexnews ul li .time .ym {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
}
.indexnews ul li .tit {
    font-size: 16px;
    line-height: 18px;
    color: #555;
    margin-top: 20px;
    margin-left: 20px;
    transition:all 0.3s linear 0s;
}
.indexnews ul li .des {
    font-size: 14px;
    line-height: 18px;
    color: #8d8d8d;
    margin-top: 10px;
    margin-left: 20px;
}
.indexnews ul li a:hover .time {
    background: #88b441;
}
.indexnews ul li a:hover .tit {
    color: #88b441;
}
.indexcase {
    margin-top: 40px;
}
/*开始*/
.mr_frbox {height:240px; position:relative; margin-top: 40px; width: 1122px; margin-left: auto; margin-right: auto; }
.mr_frBtnL {cursor: pointer; width:32px; height:86px; background:url(../Image/mfrL.png) no-repeat; position:absolute; left:-39px; top:77px; }
.mr_frBtnR {cursor: pointer;width:32px; height:86px; background:url(../Image/mfrR.png) no-repeat;position:absolute; right:-39px; top:77px; }
.mr_frBtnL:hover{ background:url(../Image/mfrL_hover.png) no-repeat;}
.mr_frBtnR:hover{ background:url(../Image/mfrR_hover.png) no-repeat;}
.mr_frUl {width: 1122px; height: 240px; margin:0 auto; }
.mr_frUl ul li {width:260px;height:240px; text-align:center;float: left; margin-right:26px; }
.mr_frUl ul li img { display: block; }
.mr_frUl ul li span {display: block; text-align: center; width: 100%; height: 37px; line-height: 37px; overflow: hidden; border-bottom: 3px solid #0066ca; font-size: 14px; color: #4e4e4f;transition:all 0.3s linear 0s;}
.mr_frUl ul li a:hover span { background: #88b441; border-color: #88b441; color: #fff; }
/*ENG*/
.location {
    background: #efefef;
}
.location ,.location a {
    line-height: 40px;
    font-size: 14px;
    color: #656565;
}
.pro {
    margin-top: 30px;
}
.allleft{ width:218px; height:100%; overflow:hidden;float:right; padding-bottom:20px; margin-top: 20px;}
.article .prolist{ width:100%; height:auto; float:left;}
.prolist_title{ width:100%; height:46px; background:url(../Image/prolist_title.jpg) no-repeat;}
.prolist_title h5{ font-size:16px; font-family:"微软雅黑"; color:#FFF; font-weight:normal; line-height:46px; float:left; padding-left:16px;}
.prolist_title h6{ font-size:14px; font-family:"微软雅黑"; color:#C5DAA5; font-weight:normal; line-height:46px; float:left; padding-left:5px;}
.prolist_con{ width:100%; height:auto; float:left; padding-top:16px;}
.prolist_con li a{ width:100%; height:37px; display:block; font-size:14px; font-family:"微软雅黑"; color:#4e4e4e; border-bottom:1px dashed #DBDBDB; line-height:37px; background:url(../Image/prolistli.jpg) no-repeat 6px center; text-indent:22px;}
.prolist_con a:hover, .prolist_con li a.current{ border-bottom:1px solid #274587; color:#274587;background:url(../Image/prolistli_hover.jpg) no-repeat 6px center;}
.left_link{ width:100%; height:auto; float:left; padding-top:33px;}
.left_link li{ width:216px; height:62px; border:1px solid #DDDDDD; margin-bottom:10PX;}
.left_link a{ width:210px; height:56px; display:block; border:3px solid #F4F0F1;}
.left_link h5{ font-size:16px; font-family:"微软雅黑"; color:#4e4e4e; font-weight:normal; padding-top:8px; padding-left:17px;}
.left_link h6{ font-size:12px; font-family:"微软雅黑"; color:#274587; font-weight:normal; padding-left:17px;line-height: 12px;}
.link1{ background:url(../Image/liink1.jpg) no-repeat;}
.link2{ background:url(../Image/link2.jpg) no-repeat;}
.left_link a:hover{ border:3px solid #274587;}
.left_link li:hover{ border:1px solid #274587;}

@keyframes aniBlink120{from{margin-left:-60px}to{margin-left:250px}}
@-webkit-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:250px}}
.mod_imgLight{position:relative;overflow:hidden;border-radius:10px; border: 1px solid #274587; text-align: center; width: 280px; height: 310px; padding-top: 10px;}
.mod_imgLight:hover { box-shadow: 0 0 10px #274587; background: #274587;}
.mod_imgLight a{display:inline-block; color: #3e3e3e; }
.mod_imgLight a:hover { color: #fff; }
.mod_imgLight a:before{content:'';position:absolute;width:60px;height:310px;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.mod_imgLight:hover a:before{
    -webkit-animation:aniBlink120 .3s ease-out forwards;
    -moz-animation:aniBlink120 .3s ease-out forwards;
    -o-animation:aniBlink120 .3s ease-out forwards;
    animation:aniBlink120 .3s ease-out forwards
}
.article {
    width:900px;
}
.article img {
    max-width: 900px;
}
.article .cat {
    line-height: 35px;
    font-size: 16px;
    color: #2e2e2e;
    border-bottom: 1px dashed #bababa;
    font-weight: bold;
    margin-bottom: 25px;
}
.article .lists ul li {
    float: left;
    margin-bottom: 20px;
    margin-left: 8px;
    margin-right: 8px;
}
.page {
    width: 900px;
    margin-top: 20px;
}
.page a, .page {
    color: #7a7a7a;
}
.article .newslist li {
    line-height: 40px;
    display: block;
    border-bottom: 1px dashed #ccc;
}
.article .newslist li a {
    color: #7a7a7a;
}
.prev_next {
    margin-top: 20px;
}
.prev_next , .prev_next a {
    color: #7a7a7a;
}
#form2 input, #form2 textarea {
    border: 1px solid #ccc;
}

table{
    margin:0 auto;
    max-width: 100%;
}

.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:73px;z-index:999;
    background:url(../images/r_b.png) 0px bottom no-repeat;
}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../Image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../Image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../Image/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../Image/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../Image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}