/* CSS Document*/
html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font: 16px/1.5 "Microsoft Yahei", Arial;color:#515151;background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#5f9d82; text-decoration:none; }
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 140px;}
.top{height: 40px;line-height: 40px; background: #f4f3f3; font-size: 14px;}
.top a{padding: 5px;}

#logo{height:140px;width: 100%; background:#176848;}
#logo .logo{}
#logo .logo img{margin-top: 20px;}
#logo .company{ padding-left: 15px; border-left: 1px solid #c4c4c4; height:80px; margin-top: 30px; padding-top: 5px; }
#logo .company h2{font-size: 32px;color: #0d77e5;font-weight: bold;}
#logo .company h3{font-size: 18px;margin-top: 5px;}
#logo .company h3 span{color: #69c248;}
#logo .tel{background: url(../images/tel.png) no-repeat left 40px;height: 50px;width: 400px;padding-top: 40px;}
#logo .tel span{font-size: 16px;padding-left: 50px;}
#logo .tel span i{font-family: impact;font-size: 30px;font-style: normal;display: block;padding-left:50px;}
#logo .tel p{font-size: 16px;padding-left: 5px;margin-top: -15px;}
#logo .tel h5{padding-left: 56px;font-size: 20px;color: #ffffff;height: 40px;line-height: 50px;}

.nav{background:#fff;height: 59px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; position: relative;}
.nav ul li:last-child{margin-right: 0;}
.nav ul li a{color:#4f4f4f;display: block;height: 59px;line-height: 59px;padding: 0 28px;position: relative;z-index: 2;}
.nav ul li a:hover{ background: #176848;color:#fff; }
.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;width:116px; height:55px; line-height:55px; text-align:center;background:#176848;color:#fff;}
.nav ul li dl dt a:hover{background:#277858; display:block;width:116px; height:55px;}


.banner{height:600px;overflow:hidden;position:relative;}
.banner .hd{height:18px;position:absolute;width: 100%;z-index:1; text-align: center; bottom: 20px;}
.banner .hd ul li{display: inline-block;margin:0 5px;width:15px;height:15px;cursor:pointer;background:#0d77e5;border-radius:8px;}
.banner .hd ul li.on{background: #69c248;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:600px;display:block;}
.banner .bd li a{width:100%;height:500px;display:block;}
.banner .prev{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:17px;height:31px;background:url(../images/left.png) no-repeat;filter:alpha(opacity=100);opacity:1;}
.banner .next{position:absolute;right:3%;top:50%;margin-top:-25px;display:block;width:17px;height:31px;background:url(../images/right.png) no-repeat;filter:alpha(opacity=100);opacity:1;}

.search{height: 70px;background: #edeeef;}
.search .fl{line-height: 70px;}
.search .fl a{margin-left: 15px;}
.search .fl span{color:#0d77e5;}
.search .fr{width:284px;height: 70px;}
.search .fr input{width: 193px;height: 33px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px; border-radius: 15px 0 0 15px; padding-left: 15px;}
.search .fr button{width:53px;height: 35px;background: url(../images/search.png) no-repeat;border: none;position: relative;left: -3px;top:12px;}

.sec-title{ text-align: center; padding: 30px 0; }
.sec-title span{ font-size: 30px; height: 50px; position: relative; padding-bottom: 10px; font-weight: bold; }
.sec-title span:after{ width: 30px; height: 2px; content:''; background: #007bdf; position: absolute; bottom: 0; left: 42%;  }
.sec-title p{ font-size: 14px; margin-top: 20px; }
.sec-title h2 {font-size: 16px;color: #909090;font-weight: normal;text-transform: uppercase;line-height: 40px;}
.sec-title h3 {font-size: 13px;color: #8f8f8f;font-weight: normal;line-height: 24px;}

.index-pro{ padding: 30px 0 30px; height: auto; overflow: hidden;}
.index-pro .fl{ width: 300px; }
.index-pro .fr{ width: 860px; }
.index-pro .fl .title{ height:70px; width: 270px; background: #007bdf; color: #FFF; padding: 20px 0 0 30px;   }
.index-pro .fl .title span{ display: block;font-size: 28px; font-weight: bold; }
/*.index-pro .fl ul li{ font-size: 16px;line-height: 58px; }
.index-pro .fl ul li span{ padding-left: 58px; }
.index-pro .fl ul li a{ display: block; background: url(../images/menu01.jpg) no-repeat; height: 58px; width: 100%; }
.index-pro .fl ul li a:hover{ display: block; background: url(../images/menu01-h.jpg) no-repeat;height: 58px; width: 100%; }*/

.category{width: 100%;padding-top: 12px;margin-bottom: 20px;}
.category h3{line-height: 58px;float: left;}
.category h3 a{float: left;line-height: 58px;color: #666;padding-left: 58px;width: 242px;font-weight: normal;background: url(../images/menu01.jpg) no-repeat; display: block;}
.category h3.on a{background: url(../images/menu01-h.jpg) no-repeat; color: #007bdf;}
.category h3 span{float: left;}
.category ul{display: none;float: left;width: 100%;}
.category li{display: block;border-bottom: 1px solid #e1e1e1;width: 100%;line-height: 42px;background-size: 5px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #007bdf;}

.index-pro .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.index-pro .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.index-pro .contact span{color:#007bdf; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.index-pro .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.index-pro .contact .more a{ color: #007bdf; border: 1px solid #007bdf; width: 120px; height: 30px; line-height: 30px; display: block; }
.index-pro .contact .more a:hover{ background: #007bdf; color: #FFF; }
.index-pro .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1;}
.index-pro .fr .title span{ font-size: 24px; color: #007bdf; border-bottom: 3px solid #007bdf; padding-bottom: 10px; font-weight: bold; }
.index-pro .fr .title p{ display: inline-block; float: right; }
.index-pro .fr ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.index-pro .fr ul li:nth-child(3n){margin-right:0}
.index-pro .fr ul li .img{width: 260px; height: 198px;  overflow: hidden;  }
.index-pro .fr ul li .img img{ width: 250px; height: 190px;padding: 3px; border: 1px solid #c1c1c1; transition: 0.5s; }
.index-pro .fr ul li .img img:hover{ transform:scale(1.2)  }

.index-case{ height:auto; overflow: hidden; text-align: center; background: #f6efd5;   }
.index-case .prev{ display:block; position:absolute; top:60px; left:0px; width:50px; height:50px; background:url(../images/prev.png) no-repeat;   }
.index-case .next{ display:block; position:absolute; top:60px; right:0px; width:50px; height:50px; background:url(../images/next.png) no-repeat;   }
.index-case .content{ padding:0 0px;position:relative; }
.index-case ul {padding-top:25px;}
.index-case ul li{float:left;  width:400px;}
.index-case ul li img{ width: 400px; height: 300px;display:block;}
.index-case ul li p {font-size: 26px;font-weight: bold;color: #5e5e5e;line-height: 384px;text-align: center;}
.index-case .gsts {width: 100%;margin: 0 auto;height: 300px;}
.index-case .hj {background: url(../images/youshi1.jpg) no-repeat center center #f0f0f0;}
.index-case .td {background: url(../images/youshi2.jpg) no-repeat center center #f0f0f0;}
.index-case .ss {background: url(../images/youshi3.jpg) no-repeat center center #f0f0f0;}

.index-case2{padding-top: 36px;background-color: #f2f2f2;}
.index-case2 .fl {width:50%; float:left;}
.index-case2 .rt {width:50%; float:right;}
.index-case2 .ls {height:280px; width:98%; border:1px solid #e0e0e0;}
.index-case2 .ls .nls {height:30px;padding-top:5px;}
.index-case2 .nls .lf {width:458px;float:left;padding-left:10px;}
.index-case2 .nls .lf a{float:left;font-size: 14px;color: #2d2d2d;line-height: 25px;background: url(../images/ys-ico.jpg) no-repeat left 6px;padding-left: 20px;}
.index-case2 .nls .rt {width:110px;float:right;}

.icaseThScroll {width: 100%;padding-top: 30px;}
.icaseThScroll .inewsContenBox {position: relative;width: 100%;}
.icaseThScroll .main {height: 258px;position: relative;z-index: 2;overflow: hidden;width: 100%;margin: 0 auto;}
.icaseThScroll .list {width: 500%;float: left;position: absolute;top: 0;left: 0;}
.icaseThScroll .item:first-child {margin-left: 0;}
.icaseThScroll .item {float: left;width: 277px;height: 207px;position: relative;margin: 0 0 0 30px;}
.icaseThScroll .item a {display: block;position: relative;overflow: hidden;}
.icaseThScroll .item img {width: 100%;height: 207px;display: block;}
.casetitle_bgbox {position: absolute;left: 0;bottom: 0;padding: 8px 4% 10px;background: url(../images/coverz.png) center center repeat;width: 92%;}
.icaseThScroll .item a.inewsTitle {font-size: 16px;display: block;line-height: 30px;text-align: center;width: 100%;color: #fff;}
.casetitle_bgbox h6 {font-weight: normal;font-size: 14px;color: #fff;text-align: center;}

.icaseBoxTwo {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}
.wrapper {
    margin-bottom: 50px;
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 50px;
}
.wrap,.wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.icaseCont {
    padding-top: 20px;
}
.icaseL2 {
    width: 484px;
    float: left;
    margin-right: 68px;
}
.icaseTitle {
    height: 44px;
    overflow: hidden;
}
.icaseTitle b {
    font-size: 26px;
    color: #363636;
    float: left;
    height: 44px;
    line-height: 44px;
    font-weight: normal;
}
.icaseTitle font {
    float: left;
    font-size: 14px;
    color: #8c8c8c;
    text-transform: uppercase;
    height: 44px;
    line-height: 56px;
    padding-left: 10px;
}
a.inewsMore {
    float: right;
    font-size: 12px;
    color: #666666;
    height: 44px;
    line-height: 44px;
}
.icaseL2 > a {
    display: block;
    padding-top: 20px;
}
.icaseL2 li {
    padding-top: 14px;
}
.icaseL2 li .inewsList1 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #5c5b5b;
}
.icaseL2 li > font {
    display: block;
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    color: #a6a6a6;
}
.icaseL2 li h6 {
    font-weight: normal;
    font-size: 14px;
    color: #959595;
    line-height: 24px;
}
.icaseL3 {
    float: right;
    width: 646px;
}
.icaseL3 div:first-child + li {
    margin-top: 24px;
}
.icaseL3 li img {
    height: 128px;
    width: 170px;
    left: 0;
    top: 0;
}
.icaseL3 li a.icaseL3_title {
    display: block;
    padding: 0 0 5px 200px;
    font-size: 20px;
    color: #4a4a4a;
}
.icaseL3 li > p {
    padding-left: 200px;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 10px;
}
.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}

.index-case3{ height:auto; overflow: hidden; text-align: center;}
.index-case3 .lf {width:390px;float:left;}
.index-case3 .md {width:390px;float:left; margin-left:15px;}
.index-case3 .rt {width:390px;float:right;}
.index-case3 .pic {width:390px;height:180px;}
.index-case3 .title {width:390px; height:60px;background:#007bdf; color:#fff;font-size:24px;font-weight:bold;line-height:60px;}
.index-case3 .title a {color:#fff}
.index-case3 .ls {width:388px;height:210px;border:1px solid #d1d1d1;}
.index-case3 .ls ul{width:368px;margin-left:10px;}
.index-case3 .ls ul li {height:40px;float:left;font-size:16px;line-height:40px;}
.index-case3 .ls ul li a {background: url(../images/ys-ico.jpg) no-repeat left;padding-left:16px;}

.jg10 {height:10px;}
.jg20 {height:20px;}
.jg40 {height:40px;}
.jg60 {height:60px;}
.fg1 {height:1px; background:#fff;}

.index-xfaq { background:url(../images/xfaq.jpg) no-repeat top center; height:480px; color:#fff;}
.index-xfaq .fl {width:40%; float:left; background:url(../images/xflog.png) no-repeat center; height:480px;}
.index-xfaq .rt {width:60%; float:right;margin-top:24px;}
.index-xfaq a{color:#fff;}
.index-xfaq .rt h2 span {display: block;font-size: 40px;letter-spacing: 0px;font-weight: bold;}
.index-xfaq .ls .nls {height:58px;margin-left:30px;margin-bottom:10px;}
.index-xfaq .nls .lf {width:58px;height:58px;float:left;border:1px solid #fff;}
.index-xfaq .nls .lf h1 span {font-size:30px; font-weight:bold;line-height:60px;margin:0 20px;}
.index-xfaq .nls .md {width:400px; height:60px;float:left;margin-left:20px;}
.index-xfaq .nls .md a{color:#fff; font-size:20px; line-height:60px;margin:0 auto;}
.index-xfaq .nls .rt {width:180px; height:60px;float:left;font-size:20px;color:#fff;line-height:60px;margin-top:0px;}
.index-xfaq .more {width:100px;float:right;}
.index-xfaq .more a{color:#fff;font-size:16px;}

.adv{ background: url(../images/advbg.jpg) no-repeat top center; height: 180px; color: #FFF; }
.adv .fl{ padding-left: 100px; }
.adv .fr{ padding-right: 100px;  width: 310px; height: 130px; background: url(../images/tel01.png) no-repeat left; }
.adv .fl h2{ font-size: 40px; font-weight: bold; padding-top: 40px; }
.adv .fl p{ font-size: 20px; margin-top: 10px; }
.adv .fl p span{display: inline-block;  width: 22px; height: 20px; margin-left: 15px; background: url(../images/ico01.png) no-repeat left center; }
.adv .fr p{ font-size: 18px; margin-top:38px; padding-left: 60px;}
.adv .fr p span{ display: block; font-size: 30px; }
.adv .fr .more{ width: 133px; height: 34px; background: url(../images/btn1.png) no-repeat; text-align: center; margin-left: 60px; margin-top: 15px; }
.adv .fr .more a{ color: #FFF;  width: 133px; height: 34px; line-height: 34px; display: block; }

.ys{ width: 100%; height: auto; padding: 50px 0; overflow: hidden; }
.ys .content-1,.ys .content-2{ width: 1050px; margin: 0 auto; height: auto; overflow: hidden; }
.ys .content-1 .fl{ width: 415px; }
.ys .content-1 .fr{ width: 610px; }
.ys .content-2 .fl{ width: 471px; }
.ys .content-2 .fr{ width: 460px; }
.ys h2{ color: #0256a4; overflow: hidden; padding-bottom: 18px; margin-bottom: 10px; margin-top: 25px; background: url(../images/ys-line.jpg) no-repeat bottom left; }
.ys h2 i{ float: left; }
.ys h2 span{ float:left; margin-left: 20px; color: #666666; }
.ys h2 span em{ display: block; font-style: normal;font-weight: bold; color: #007bdf; }
.ys .content-1 p,.ys .content-2 p{ font-size: 14px; color: #2d2d2d; line-height: 25px; background: url(../images/ys-ico.jpg) no-repeat left 6px; padding-left: 20px; }

.iabout {
    margin-top: 0px;
    color: #2E2E2E;
    background: url(../images/about_Bg.jpg) center center no-repeat #202020;
    height: 630px;
}
.iabout .iaboutBox {
    height: 630px;
}
.aboutContent {
    height: 254px;
    width: 426px;
    background: url(../images/coverx.jpg) center center repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -127px;
    border-radius: 4px;
}
.aboutContent h1 {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #242424;
    text-align: center;
    font-weight: normal;
    padding-top: 10px;
}
.aboutContent > p {
    color: #353535;
    font-size: 16px;
    line-height: 1.6;
    padding: 0 30px 10px;
}
.aboutContent > a {
    color: #353535;
    font-size: 14px;
    width: 72px;
    height: 22px;
    border: 1px #353535 solid;
    border-radius: 1px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 45px;
}

.index-about { height: 439px; padding-top: 50px;color: #FFF;  overflow: hidden;background:url(../images/aboutbg.jpg) no-repeat top center; }
.index-about .fl{ width: 600px; }
.index-about .fr{ width: 600px; }
.index-about .fl img{ width: 491px; height: 357px; border: 12px solid #6bb0e7; }
.index-about .fr h2{ font-size: 30px;  letter-spacing: 1px;}
.index-about .fr h2 span{ display: block; font-size:40px;letter-spacing: 0px; font-weight: bold;  }
.index-about .fr p{ margin-top: 34px; line-height: 28px; padding-top: 10px; }
.index-about .more{ text-align: left; margin: 40px 0 25px; width: 100%; display: block; }
.index-about .more a{ width: 182px; height: 39px;display:inline-block; background: #FFF; text-align: center; line-height: 39px; font-size: 16px; }
.index-about .more a:hover{ color: #FFF;background: #0256a4; }

.index-news{ padding: 40px 0 20px; height: auto; overflow: hidden; }
.index-news .fl,.index-news .fr{ width: 585px;border: 1px solid #ececec; }
.index-news .fl .title,.index-news .fr .title{ border-bottom: 1px solid #ececec; height: 82px; }
.index-news .fl .title i,.index-news .fr .title i{float:left; display: inline-block; width: 86px; height: 82px; background: #176848; position: relative;}
.index-news .fl .title i img,.index-news .fr .title i img{ position: absolute; left:0; top:0;bottom: 0;right: 0; margin: auto; }
.index-news .fl .title span{ float:left; display: inline-block; width:90px; height: 72px; margin-left: 20px; font-size: 18px; padding-top: 20px; background: url(../images/en-1.png) no-repeat left 50px; }
.index-news .fr .title span{ float:left; display: inline-block; width:110px; height: 72px; margin-left: 20px; font-size: 18px; padding-top: 20px; background: url(../images/en-2.png) no-repeat left 50px; }
.index-news .fl .title em,.index-news .fr .title em{ float: right; margin-right: 20px; font-style: normal; line-height: 82px; }

.index-news .content{ padding:25px 35px; }
.index-news h3{ line-height: 43px; }
.index-news h3:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-3px; }
.index-news h3 span{ float: right; font-size: 14px; }
.index-news dl{ height: auto; overflow: hidden;}
.index-news dl dt{ float: left;width: 242px; }
.index-news dl dd{ float: right; width: 250px; }
.index-news dl dt img{ width: 240px; height: 158px; border: 1px solid #ececec; }
.index-news dl dd .date span{ display: block; font-size: 24px; color: #ff6d00; font-weight: bold; }
.index-news dl dd h4{ font-size: 16px; line-height: 40px; height: 40px; overflow: hidden; }


.links{padding-bottom: 20px;}
.links span{ font-weight: bold; font-size: 18px; }
.links a{margin-right: 15px;}

.footer{background: #333333;height: 220px;overflow: hidden;padding-top: 30px;}
.fnav dl{ float: left; display: inline; margin-right: 80px; }
.fnav dl dt{ position: relative; line-height: 50px; font-size: 16px; margin-bottom: 10px;  }
.fnav dl dt a{ color: #FFF; }
.fnav dl dt:after{ content: ''; width: 20px; height: 2px; background: #666666; position: absolute; left: 0; bottom: 0; }
.fnav dl dd{line-height: 25px; color: #999999;}
.fnav dl dd a{ color: #999999; }
.footer .ewm{ text-align: center; color: #FFF; }
.footer .ewm h3{ padding-bottom: 5px; }
.footer .ewm img{ width: 150px; height: 150px; }

.copyright{background: #176848;color: #ffffff;height: 120px;line-height: 30px;overflow: hidden; text-align: center;padding-top:30px}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#176848;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#176848;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

.ban{ width: 100%; height: 350px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 300px; }
.ny .fr{ width: 860px; }
.ny .fl .title{ height:70px; width: 270px; background: #007bdf; color: #FFF; padding: 20px 0 0 30px; text-transform: uppercase;   }
.ny .fl .title span{ display: block;font-size: 28px; font-weight: bold; }

.ny .contact{ width: 300px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.ny .contact p{ margin-left: 160px;font-size: 16px; padding-top: 20px;  color: #666666; }
.ny .contact span{color:#007bdf; font-size: 24px; padding-left: 120px; margin-top: 10px; display: block;}
.ny .contact .more{ margin-left: 125px; margin-top: 10px; text-align: center; }
.ny .contact .more a{ color: #007bdf; border: 1px solid #007bdf; width: 120px; height: 30px; line-height: 30px; display: block; }
.ny .contact .more a:hover{ background: #007bdf; color: #FFF; }
.ny .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{ font-size: 24px; color: #007bdf; border-bottom: 3px solid #007bdf; padding-bottom: 10px; }
.ny .fr .title p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #007bdf; border-bottom: 3px solid #007bdf; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999; }

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li img{ width: 260px; height: 190px;padding: 3px; border: 1px solid #c1c1c1; transition: 0.5s; }

.news{ padding:0px 0 0;  }
.news h1{ text-align: center;font-size: 24px;padding-top:30px; }
.news .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news .date span{ padding: 0 15px; }
.news .info{ padding: 10px 0 0; line-height: 25px; }

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:35px; line-height:35px;}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.page{line-height: 50px;}
.page span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; display: inline-block; width: 200px; margin-right: 15px; text-align: center; }
.xg-pro ul li img{ width: 200px; height: 160px; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; line-height:25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 350px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 13px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #007bdf; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#007bdf; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; }

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #1f7fcb;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 494px;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #1f7fcb;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}

.sidebar {
    float: left;
    width: 230px;
}
.side-menu {
    background-color: #dfebe6;
}
.topclass {
    width: 100%;
    margin: 0 auto;
    height: 90px;
    padding-bottom: 20px;
    background: url(../images/ipro_topbg.png) center top no-repeat #dfebe6;
    text-align: center;
}
.topclass span {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    padding-top: 13px;
}
.topclass h2 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 1.4;
}
.side-menu .list { margin:0 16px; padding:0 0 6px;  }
.side-menu dd { margin-bottom: 10px; }
.side-menu dd > a { display:block; height:40px; line-height:40px; border:1px solid #202020;  text-align: center;  color: #535353;  background-color: #fff; background-position: 120% center; transition:background 300ms;  -webkit-transition:background 300ms;}
.side-menu dd > a:hover ,.side-menu dd.current > a { background:url(../images/ipro_hover.png) right center no-repeat #5f9d82; border: none;    height: 42px; color: #fff; }
.side-menu .drop { width:100%; padding:0 0; background:;  display:none; }
.side-menu .drop li { width:100%; height:32px; line-height:34px; }
.side-menu .drop a { display:block; padding:0 0 0 25px;  background:url(../images/ico-submenu.png) 10px center no-repeat;  }
.side-menu .drop a:hover { background-color:; }
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a { color:#202020; background-color:; }
.side-menu .side_tel {
    background-color: #5f9d82;
    color: #fff;
    padding: 12px 0;
}
.side-menu .side_tel h1 {
    width: 134px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    padding-left: 30px;
    text-align: center;
    background: url(../images/side_tel.png) left center no-repeat;
}
.side-menu .side_tel h2 {
    font-size: 31px;
    line-height: 34px;
    color: #fff;
    font-weight: normal;
    font-family: "impact";
    text-align: center;
}
.side-contact {
    margin-bottom: 20px;
    position: relative;
    top: 20px;
    background-color: #dfebe6;
    border-top: 4px solid #5f9d82;
}
.side-head {
    height: 34px;
    line-height: 34px;
    padding: 10px 0 10px 10px;
    font-size: 20px;
    background: none;
}
.side-contact .main {
    padding: 0 12px 15px;
    line-height: 2;
}
#container {
    float: right;
    width: 923px;
}
.location {
    height: 45px;
    border-bottom: 1px solid #ddd;
    position: relative;
    margin-bottom: 30px;
}
.location:before {
    content: '';
    width: 40px;
    height: 3px;
    background: #5f9d82;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.location h2 {
    font-size: 20px;
    height: 24px;
    line-height: 24px;
}
.location .io {
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
    background: url(../images/ico-location.png) left center no-repeat;
    padding: 0 0 0 25px;
}
.article {
    line-height: 2;
    padding-bottom: 20px;
    font-family: "microsoft YaHei UI" !important;
}
.list-product { width:100%; }
.list-product .list { float:left; width:101.5%; }
.list-product .item { float:left; width:211px; padding:5px 5px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.list-product .item .img { width:100%; height:158px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.list-product .item .img img { width:100%; height:158px; }
.list-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.list-product .item h3 a { }
.list-product .item .order { text-align:center; display:none; }
.list-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.list-product .item:hover { border-color:#202020; }
.list-product .item .order a:hover {  }
.pager { width:100%; height:40px; padding:10px 0 20px; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd; background:#FFF; margin:0 -1px; color:#666;  }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#eee; color:#202020; font-weight:700; }
.pager > a:hover { background:#F0F6FF; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#202020; line-height:1.4; text-align:center; }
.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#202020; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }


/*MY*/

.main_nav{padding:20px 0 13px 15px;border-bottom: 1px solid #dedede;}
.main_nav a{color: #434343;font-size: 24px;padding-left: 5px;padding-right: 5px;cursor: pointer;}
.main_nav a:hover{color: #DC6D20;}

.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt80{margin-top: 80px!important;}

/*list*/
.main_box{width: 1400px;margin: 0 auto;min-height: 700px;padding-top:40px;background: #fff}
.main_box .list{width: 1370px;margin: 0 auto;}
.main_box .list .list_item_imgbox{position: relative;}
.main_box .list .list_item_imgbox span{position: absolute;line-height: 290px;width: 435px;text-align: center;left: 0;font-size: 80px;font-family: "Microsoft YaHei", Heiti, "黑体", sans-serif;color:#fff;font-style: italic;font-weight: bold}
.main_left{width: 300px;float: left;}
.main_left ul h3{height: 80px;line-height: 80px;background-color: #0D4EA3;color: #FFF;padding-left: 30px;font-size: 24px;}
.main_left ul li{height: 50px;line-height: 50px;border:1px solid #ddd ;cursor: pointer;text-indent: 2em;border-top: none;}
.main_left ul li:hover{background-color: #0D4EA3;border:1px solid #0D4EA3 ;border-top: 1px solid #fff;}
.main_left ul li:hover a{color: #fff;}
.main_right{width: 1050px;float: right;}
.main_nav{padding:20px 0 13px 15px;border-bottom: 1px solid #dedede;}
.main_nav a{color: #434343;font-size: 24px;padding-left: 5px;padding-right: 5px;cursor: pointer;}
.main_nav a:hover{color: #DC6D20;}
.page{padding: 10px 0 10px;white-space: nowrap;font-size: 14px;width: 100%;padding-top: 40px;text-align: center}
/*.page ul li{float: left; margin: 0 5px 15px 5px;cursor: pointer;}*/
.page a{padding: 3px 10px 4px;border: 1px solid #D9D9D9;border-radius: 5px;background: #f5f7f8;text-decoration: none;color: #333;display: inline-block;margin: 0 2px;}
.page a:hover{background-color: #0D4EA3;color: #fff;}
.page a.curr{background-color: #0D4EA3;color: #fff;}

.index_fenybox {height:34px;padding:10px 0 10px;text-align:center;clear:both;padding: 40px 0;}
.index_fenybox a,
.index_fenybox a:visited,.index_fenybox a:hover{padding:0px 12px;font-size:14px; border:1px solid #dedede;display:inline-block;height:32px;line-heighT:32px;text-decoration:none;color:#777;margin:0 3px;background:#fff;border-radius:3px}
.index_fenybox a:hover,.index_fenybox a.curr,.index_fenybox a.curr:visited {border:1px solid #0D4EA3; color:#fff;background:#0D4EA3;}

/*show*/
.detail_content h2{text-align: center;font-size: 24px;margin-top: 20px;}
.detail_content h3{font-size: 14px;padding-top: 20px;color: #313131;padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.detail_content h3 span{margin: 0 20px; font-weight: 300;}
.detail_content .content{font-size: 18px;}
.detail_content .content p{text-indent: 2em;line-height:35px; line-height: 200%;margin-bottom: 20px;}
.detail_content .content p img{max-width:900px;height:auto !important;text-align:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;}
.detail_content .content video{max-width:900px;height:auto !important;margin:0 auto}

.list .list_item{background:#F1F2F3;height:360px;border-radius: 20px;display: flex;justify-content:flex-start;align-items: center;margin-top: 20px;padding-left:20px }
.list .list_item:hover{background:#0D4EA3;}
.list .list_item:hover *{color:#fff !important;}
.list .list_item img{width:433px;height: 288px;border-radius: 20px;padding:1px;border: 1px solid #fff;margin-right: 60px}
.list .list_item .rd {font-size: 20px;font-weight: bold;width:840px;align-self: flex-start;margin-top: 30px;}
.list .list_item .rd .time{color:#004EA2}
.list .list_item .rd .title{color:#000}
.list .list_item .rd .desc{color:#787E88;font-weight: normal;line-height: 40px}

/*图片列表*/
.list_pic{margin: 20px auto;}
.list_pic .bd ul{ overflow:hidden; zoom:1;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap}
.list_pic .bd ul li{ margin:20px 0 0 10px; _display:inline; overflow:hidden; text-align:center;}
.list_pic .bd ul li .pic a{display: block;position: relative; width:340px; height:240px;cursor: pointer}
.list_pic .bd ul li .pic a img{width: 100%;height: 100%; display:block;}
.list_pic .bd ul li .pic a .title{ line-height:35px;position: absolute;bottom: 0;width:100%;text-align:center;background: rgba(0,0,0,0.6);color:#fff;}