@charset "utf-8";
html { font-size:625%; }
body { font-size:14px; background:#fff; overflow-x:hidden; font-family:"Microsoft YaHei"}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin:0; padding:0; }
body, html, input, button, textarea { color:#a2a0a0; font-family:"Microsoft YaHei"line-height:1.5 }
article, aside, figcaption, figure, footer, header, main, nav, section { display:block; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4, h5 { font-size:14px; }
.fl{ float:left}
.fr{ float:right}
li { list-style:none; }
i, em { font-style:normal; }
a { color:#3d3d3d; text-decoration:none; }
a:focus { outline:none; }
a:hover { color:#f95124; ; text-decoration:none; }
.formdiv input[type=text],.formdiv input[type=password] {border: 1px solid #E9E9E9;border-radius: 4px;box-shadow: 1px 5px 6px 0px rgba(236,236,236,.5);padding: 5px 5px 5px 5px;font-size: 16px;}
.formdiv input[type=text]:focus, .formdiv input[type=password]:focus {border: 1px solid #f00;}

hr { height:1px; border:none; border-top:1px solid #ccc; margin:15px 0 15px 0; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/*公用样式*/
.clear{ clear:both;}
.p30{ margin-top:30px;}
.p80{ margin-top:80px;}
.p10{ margin-top:10px;}
.p190{ height:130px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



.wrap{ width:1200px; margin:0 auto; padding:0; overflow:hidden;}

.wow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.maindiv1{ width:100%; background:#f0f0f0; height:100%; overflow:hidden;}

.logor{  width:260px; float:right; margin-top:35px; font-size:18px;background:url(../images/tel.png) center left no-repeat; background-size:17%; padding-left:65px; color:#333;}
.logor span{ font-size:26px; color:#f95124; display:block;}


/*首页头部*/
header {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 14px;
    transition: all ease .3s;
background:#fff;
}

.header-fixed{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; background:#fff;
 box-shadow: 0 2px 6px rgba(0, 0, 0, .1) }
.logo{ float:left; margin-top:25px; width:235px; margin-right:20px; border-right:1px #dedede solid;}
.logofont{ font-size:18px; color:#333; margin:33px 0 0 0; /*font-weight:550;*/ width:500px; float:left; line-height:32px; }
.logofont span{ display:block; font-size:22px; color:#f95124;}
.htop{ height:40px; line-height:40px; background:#f8f8f8; border-bottom:1px #eeeeee solid;}

.htop p{ float:left; line-height:40px; font-size:14px; color:#888; padding-left:20px; background:url(../images/htop_phone.png) no-repeat left center;}
.htop p b{ font-size:18px; color:#da251e; font-family:Arial}
.htop ul{float:right; width:230px; margin-top:13px; height:14px;line-height:14px;}
.htop li { float:left; padding:0 10px; height:14px; line-height:14px; border-right:1px solid #e2e2e2; font-size:12px; color:#777; position:relative; cursor:pointer;}
.htop li a{ color:#777; position:relative; top:-2px;}
.htop li em{ color:#777; position:relative; top:-2px;}
.htop .last{ padding-right:0; border:none; padding-top:3px;}
.htop li a img{ margin-left:3px; position:relative; top:2px;}
.htop .ewm{ display:none; position:absolute; left:-30px; top:30px;}
.htop li:hover .ewm{ display:block}

/*首页轮播图*/
.slider_banner{  width:100%; overflow:hidden}



/*菜单样式*/
.hmenu{width:100%; height:58px; background-image: linear-gradient(to right,#2956c9,#2956c9);}
.head_nav{transform:scale(1);opacity:1; visibility:visible;  z-index:99;}
.head_nav li b,.head_nav>li>a:before,.head_nav>li>a:after,.head_nav li li a{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.head_nav li {display: inline-block; font-size:16px;}
.head_nav li li{display: block;text-align: left; float:none;padding-right: 0;}
.head_nav li a { display:block;line-height:55px; padding:0 37px 0; color:#fff; font-size:16px;font-family:"Microsoft YaHei"; font-weight:600; letter-spacing:2px;}

.head_nav li a:hover{ /*-webkit-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);*/color:#fff;}

.head_nav li a.active::after {
    width: 0%;
    background: #f95124;
}

.head_nav li:hover a::after {
    width: 100%;
    background: #f95124; 
}

.head_nav li a::after {
    content: '';
    display: block;
    margin-top: 80px;
    width: 0%; margin:0 auto;
    height: 3px;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.head_nav .nav-current a::after {     content: '';
    display: block;
    margin-top: 100px;
    width: 100%; margin:0 auto;
    height: 3px;
    background: #f95124;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.head_nav .nav-current a{color:#fff;}


/*首页样式*/

.feature{width: 100%;overflow: hidden;background: #f0f0f0;padding-top: 20px;}
.feature ul{width:100%;}
.feature ul li{width: 300px;float: left;height: 340px;background: url(../images/featureBg.png) repeat-y;}
.feature ul li a{display: block;width: 300px;height: 340px;text-decoration: none;}
.feature ul li img{display: block;}
.feature ul li span{display: block;font-size: 24px;color: #2956c9;padding-left: 38px;font-weight: lighter;margin: 28px 0 10px 0;}
.feature ul li em{display: block;width: 260px;padding-left: 38px;font-size: 14px;color: #666666;line-height: 22px; height:44px; overflow:hidden;}
.feature ul li:hover{background: #2956c9;background-image: none;}
.feature ul li:hover span{color: #fff;}
.feature ul li:hover em{color: #fff;}

/*幻灯片*/

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px!important;
    border-radius: 5px;
    background-color: #fff; opacity: 1;transition: width 0.3s ease-in-out;
}
.swiper-pagination-bullet-active{ width:30px; background:#f95124;}

.swiper-pagination{ margin-bottom:10px;}
.swiper-slide img{ width:100%;}

/* Title公共样式 */
.Title{width: 100%;overflow: hidden;text-align: center;}
.Title h2{font-size: 30px;font-weight: bold;}
.Title h2 a{color: #172a86;}
.Title .p1{font-size: 20px;color: #666666;margin: 6px 0 16px 0;}
.Title .p2{font-size: 14px;color: #ccc;font-family: 'Myriad Pro';}



/*首页案例样式*/
.brfc {padding: 20px 0;}
.brfc .container {height: 800px;background: #fff;}
.brfc .brfc_top {padding: 50px 50px 0 50px;margin-bottom: 45px;}
.brfc .brfc_top .p1 {float: left;font-size: 28px;color: #1e1e1e;}
.brfc .brfc_top .p1 b {display: block;}
.brfc .brfc_top .p1 i {display: block;font-size: 14px;margin-top: 25px;}
.brfc .brfc_top .p2 {float: right;color: #1e1e1e;font-size: 13px;font-weight: bold;text-align: right;padding-right: 30px;}
.brfc .brfc_top .p2 b {display: block;font-size: 42px;position: relative;right: -55px;}
.brfc .conbox {margin: 0 0px;}
.brfc .conbox .conleft {width: 765px;height: 470px;}
.brfc .conbox .conleft li {display: none; width: 765px;height: 470px;overflow: hidden;}
.brfc .conbox .conleft li.cur {display: block;}
.brfc .conbox .conleft img {display: block;width: 765px;height: 470px;transition: all 0.5s;}
.brfc .conbox .conright {width: 430px;}
.brfc .conbox .conright li {float: left;width: 200px;height: 141px;margin: 0 0 23px 15px;overflow: hidden;background: #000;}
.brfc .conbox .conright img {display: block;width: 200px;height: 141px;transition: all 0.5s;opacity: 0.5;}
.brfc .conbox .conright li.cur img {opacity: 1;}
.brfc .conbox .conleft li:hover img {transform: scale(1.1);}
.brfc .brfc_p1 {margin-top: 25px;margin-left: 50px;}
.brfc .brfc_p1 a.a1 {font-size: 16px;color: #1e1e1e;margin-right: 365px;}
.brfc .brfc_p1 a.a2 {font-size: 12px;color: #999;font-style: italic;}


/* news */
.news{width: 100%;background: #fff;padding: 28px 0;}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}
.news .mainCon{width: 100%;position: relative;margin: 34px auto 0;}
.news .mainCon .newsBtn{display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;cursor: pointer;top: 50%;margin-top: -20px;}
.news .mainCon .newsBtn img{display: block;width: 40px;height:80px;position: relative;}
.news .mainCon i.prev{left: -70px;}
.news .mainCon i.next{right: -70px;}
.news .mainCon .newsBtn:hover img{top: -40px;}
.news .mainCon .conBox{position: relative;width: 100%;height: 520px;overflow: hidden;}
.news .mainCon .conBox ul{position: absolute;left: 0;top: 0;width: 103%;height: 520px;}
.news .mainCon .conBox li{float: left;width: 379px;height: 489px;padding: 29px 29px 0;background: #f6f6f6;margin-right: 30px;border: 1px solid #ebebeb;position: relative;}
.news .mainCon .conBox li .news-pic{display: block;width: 320px;height: 230px;overflow: hidden;}
.news .mainCon .conBox li .news-pic img{display: block;width: 320px;height: 230px;transition: all 1s ease-out;}
.news .mainCon .conBox li h3{font-size: 15px;color: #333333;margin: 28px 0 18px 0;font-weight: normal;padding: 0 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .mainCon .conBox li p{line-height: 20px;color: #666666;font-size: 13px;padding: 0 8px; overflow : hidden;text-overflow: ellipsis; height:102px;}
.news .mainCon .conBox li a.more{display: block;font-size: 12px;color: #999999;left: 38px;bottom: 32px;position: absolute;}
.news .mainCon .conBox li a.more:hover{color: #f95124;font-weight: bold;}
.news .mainCon .conBox li a.news-smallTitle{display: block;font-size: 12px;color: #999999;right: 38px;bottom: 32px;position: absolute;}
.news .mainCon .conBox li a.news-smallTitle:hover{color: #f95124;font-weight: bold;}
.news .mainCon .conBox li:hover .news-pic img{transform: scale(1.1);}

.news .mainCon .conBox li:hover{background:#005bac;}
.news .mainCon .conBox li:hover h3{color:#fff;}
.news .mainCon .conBox li:hover p{color:#fff;}
.news .mainCon .conBox li:hover a.more{color:#fff;}
.news .mainCon .conBox li:hover a.news-smallTitle{color:#fff;}


.indexgg{ width:100%; height:300px; background:url(../images/ggbg.jpg) top center no-repeat;}

.indexgg .left{width: 496px;margin: 45px 0 0 40px; float:left;}
.indexgg .left h3{font-size: 34px;color: #FFFFFF;text-align: center;margin-bottom: 3px;}
.indexgg .left em{color: #80e131;}

.indexgg .left .p1{color: #FFFFFF;font-size: 24px;text-align: center;margin-bottom: 20px;}
.indexgg .left .p2{width: 286px;height: 42px;border: 2px solid #a9bee5;font-size: 14px;color: #FFFFFF;line-height: 42px;margin: 0 auto;text-align: center;}
.indexgg .left .p3{background: url(../images/phone-icon.png) no-repeat left 30px;height: 65px;font-size: 14px;color: #FFFFFF;line-height: 45px;padding-left: 29px;border-top: 1px solid #537dcb;overflow: hidden;margin-top: 15px;padding-top: 15px; float:left; padding-right:20px;}

.indexgg .left .p3 span{color: #FFFFFF;font-size: 18px;font-weight: bold; height: 45px}
.indexgg .left .p3 a{width: 170px; height: 45px;background: url(../images/banner2-Zx.png) top center no-repeat ;float: right; margin-left:30px;}

.indexgg .right{ width:558px; float:right; margin:15px 30px 0 0;}


/* products */
.products{width: 100%;overflow: hidden;background: #f0f0f0;padding-bottom: 15px;}
.products .Title{padding-top: 70px;}
.products .con{overflow: hidden;height: 510px;position: relative;}
.products .con ul{overflow: hidden;height: 510px;position: absolute;top: 0;left: 0;}
.products .con li{width: 360px;height: 430px;float: left;margin:20px;}
.products .con img{display: block;}
.products .con .itemimg{ width:360px; height:270px; overflow:hidden}
.products .con .intro{width: 100%;overflow: hidden;text-align: center;height: 160px;background: url(../images/productsBg.jpg) repeat-x;}
.products .con .intro h3{font-size: 20px;font-weight: normal;margin-top: 36px;}
.products .con .intro h3 a{color: #666666;text-decoration: none;}
.products .con .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 14px 0; height:40px; line-height:20px; overflow:hidden; padding:0 8px; text-align:left;}
.products .con .intro .more{background: url(../images/products-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.products .con li:hover .intro{background: #2956c9;background-image: none;}
.products .con li:hover .intro p,.products .con li:hover .intro  h3 a,.products .con li:hover .intro .more{color: #fff;}
.products .con li:hover .intro .more{background: url(../images/products-Jt2.png) no-repeat left center;}
.products .con li:hover{box-shadow: 0px 0px 20px 8px #dbdada;}
.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #2956c9;width: 31px;border-radius: 3px;}
.products .con li:hover .itemimg img{transform: scale(1.1, 1.1);transition: all 0.6s ease 0s;}


h2.h2_title {text-align: center;padding-top: 45px;font-size: 34px;font-weight: normal;margin-bottom: 45px;}
h2.h2_title a {display: block;color: #333;}
h2.h2_title span {display: block;color: #333;}
h2.h2_title i {display: block;font-size: 17px;color: #888;}
h2.h2_title em {display: block;width: 31px;height: 2px;margin: 25px auto 0 auto;background: #2956c9;}
/*优势*/
.advantage {background: url(../images/advbg01.png);padding-bottom: 75px;}
.advantage .adv_con {position: relative;margin-bottom: 25px;z-index: 1;}
.advantage .adv_con .conbox {position: relative;background: #fff;display: none;}
.advantage .adv_con .conbox.cur {display: block;}
.advantage .adv_con .conbox .conleft {width: 50%;position: relative;overflow: hidden;z-index: 2;}
.advantage .adv_con .conbox .conleft img {display: block;width: 100%;transition: all 2.5s; height:100%;}
.advantage .adv_con .conbox .conleft:hover img {transform: scale(1.2);}
.advantage .adv_con .conbox .conright {width: 50%;position: relative;height: 100%;position: relative;z-index: 2;}
.advantage .adv_con .conbox .conright h3 {padding-top: 10%;margin-left: 7%;padding-bottom: 5%;border-bottom: 1px dotted #d3d3d3;margin-bottom: 5%;width: 65%;}
.advantage .adv_con .conbox .conright h3 span {display: block;font-size: 28px;color: #2956c9;}
.advantage .adv_con .conbox .conright h3 span b {font-size: 56px;}
.advantage .adv_con .conbox .conright h3 i {display: block;font-weight: lighter;color: #333;font-size: 42px;}
.advantage .adv_con .conbox .conright .p1 {font-size: 14px;line-height: 24px;margin-left: 7%;margin-bottom: 2%;width: 60%;}
.advantage .adv_con .conbox .conright .libg {position: absolute;right: 0;bottom: 0px;}
.advantage .adv_con .adv_btnl {display: block;width: 41px;height: 41px;position: absolute;left: 50%;margin-left: -41px; bottom: 0;background: url(..//images/bg01.png);cursor:pointer;z-index: 3;}
.advantage .adv_con .adv_btnl i {display: block;margin: 12px auto;width: 10px;height: 17px;background: url(../images/jtl01.png) no-repeat center;}
.advantage .adv_con .adv_btnr {display: block;width: 41px;height: 41px;position: absolute;left: 50%;bottom: 0;background: url(../images/bg01.png);cursor:pointer;z-index: 3;}
.advantage .adv_con .adv_btnr i {display: block;margin: 12px auto;width: 10px;height: 17px;background: url(../images/jtr01.png) no-repeat center;}
.advantage .adv_con .adv_btnl:hover ,.advantage .adv_con .adv_btnr:hover {background: #2c488c;}

.advantage .adv_type {position: relative;z-index: 2;}
.advantage .adv_type li {float: left;width: 299px;padding: 18px 0;background: #fff;}
.advantage .adv_type li p {width: 154px;position: relative;height: 47px;padding: 2px 0 0 145px;border-left: 1px solid #e0e0e0;}
.advantage .adv_type li.li1 p {border-left: none;}
.advantage .adv_type li span {display: block;font-size: 20px;color: #333; width:154px}
.advantage .adv_type li i {display: block;font-size: 12px;color: #999;text-transform: uppercase;}
.advantage .adv_type li em {display: block;width: 62px;height: 62px;position: absolute;left: 70px;top: -8px;}
.advantage .adv_type li.li1 em {background: url(../images/advicon01.png) no-repeat center;}
.advantage .adv_type li.li2 em {background: url(../images/advicon03.png) no-repeat center;}
.advantage .adv_type li.li3 em {background: url(../images/advicon05.png) no-repeat center;}
.advantage .adv_type li.li4 em {background: url(../images/advicon07.png) no-repeat center;}
.advantage .adv_type li.cur {background: #2956c9;}
.advantage .adv_type li.cur p {border-left-color: #2956c9;}
.advantage .adv_type li.cur i {color: #fff;}
.advantage .adv_type li.cur span {color: #fff;}
.advantage .adv_type li.li1.cur em {background: url(../images/advicon02.png) no-repeat center;}
.advantage .adv_type li.li2.cur em {background: url(../images/advicon04.png) no-repeat center;}
.advantage .adv_type li.li3.cur em {background: url(../images/advicon06.png) no-repeat center;}
.advantage .adv_type li.li4.cur em {background: url(../images/advicon08.png) no-repeat center;}


/* about */
.about{width: 100%;position: relative;height: 660px;background: url(../images/aboutBg.jpg) no-repeat center;}
.about .container{position: relative;height: 660px;}
.about .left_about{width: 600px;overflow: hidden;float: left;}
.about .leftCon .intro{height: 483px;overflow: hidden;}
.about .leftCon{height: 453px;overflow: hidden;}
.about .leftCon h3{font-size: 30px;font-weight: bold;margin-top: 111px;}
.about .leftCon h3 a{color: #2956c9;text-decoration: none;}
.about .leftCon span{display: block;}
.about .leftCon .span1{color: #666666;font-size: 20px;margin: 6px 0 18px 0;}
.about .leftCon .span2{font-size: 12px;color: #bdbdbd;font-family: 'Myriad Pro';}
/*.about .leftCon p{font-size: 14px;line-height: 24px;color: #666666;width: 518px;}*/
.about .leftCon .p1{margin: 34px 0 28px 0; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.about .leftCon .p2{ overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.about .left_about ul{width: 100%;overflow: hidden;margin-top: 88px;}
.about .left_about li{float: left;width: 150px;height: 40px;line-height: 40px;margin-left: 1px;text-align: center;font-size: 14px;background: #fff;}
.about .left_about li a{display: block;color: #666666;text-decoration: none;}
.about .left_about li.cur{background: #2956c9;}
.about .left_about li.cur a{color: #fff;}
.about .right_about{width: 960px;float: right;height: 660px;position: absolute;left: 830px;top: 0;overflow: hidden;}
.about .rightBox{width: 960px;float: right;position: relative;height: 660px;}
.about .rightCon {width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;height: 660px;}
.about .right_about ul{width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;}
.about .right_about li{float: left;width:960px;}
.about .right_about .list{overflow: hidden; width: 600px; position: absolute; left: 0; bottom: -126px; text-align: center;z-index: 100;}
.about .right_about .list span{width: 14px;height: 14px;background-color: #fff; margin:0 10px; display: inline-block;border-radius: 50%;}
.about .right_about .list span{ *display: inline; }
.about .right_about .list span.cur{background-color: #00adef;}
.about .wang{position: absolute;right: 79px;bottom:-82px;}

.about .indexabout{text-align:justify; height:256px; line-height:24px; width:518px;}
.about .left_about li:hover{background: #2956c9;}
.about .left_about li:hover a{ color:#fff;}


.inmenu {width:100%; position:relative; margin-bottom:30px; padding-top:40px; height:120px; background:#fff;}
.inmenu em{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0px; background-color:#cdd8e8;}
.inmenu ul{ margin:0 auto; position: relative; z-index:2; width:100%;text-align: center;}
.inmenu li{ display:inline-block;  margin:0 10px;position:relative; *height:75px;}
.inmenu li div.rowsChildCln{position:absolute;bottom:-22px;display:none;width:1000px;}
.inmenu li div.rowsChildCln a{float:left;margin-right:10px;}
.inmenu li{*display:inline;}
.inmenu li a{ display:block; font-size:14px; color:#777; padding:10px 20px; border-radius:3px; margin-bottom:5px; text-align:center; text-decoration:none}
.inmenu li i{ display:none; width:1px ; height:30px; background-color:#cdd8e8; margin:0 auto; margin-bottom:4px;}
.inmenu li b{ display:none; width:3px; height:3px; background-color:#b2c0d5; margin:0 auto;}
.inmenu li.cur div.rowsChildCln{display:block;}
.inmenu li.cur a,.inmenu li:hover a{ background-color:#1651b9; color:#fff;}
.inmenu li.cur,.inmenu li:hover{ display:inline-block;}
.inmenu li.cur,.inmenu li:hover{*display:inline;*zoom:1}
.inmenu li.cur i,.inmenu li:hover i{ display:block}
.inmenu li.cur i,.inmenu li:hover i{ *display:inline-block}
.inmenu li.cur b,.inmenu li:hover b{ display:block}
.inmenu li.cur b,.inmenu li:hover b{ *display:inline-block}





/* 产品列圾 */
.productlist{width: 100%;overflow: hidden;background: #f0f0f0;padding-bottom: 19px;}
.productlist .Title{padding-top: 70px;}

.productlist .con1 li{width: 360px;height: 430px;float: left;margin:20px;}
.productlist .con1 img{display: block;}
.productlist .con1 .itemimg{ width:360px; height:270px; overflow:hidden}
.productlist .con1 .intro{width: 100%;overflow: hidden;text-align: center;height: 160px;background: url(../images/productsBg.jpg) repeat-x;}
.productlist .con1 .intro h3{font-size: 20px;font-weight: normal;margin-top: 36px;}
.productlist .con1 .intro h3 a{color: #666666;text-decoration: none;}
.productlist .con1 .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 14px 0;  line-height:24px; overflow:hidden; padding:0 5px; text-align:left;}
.productlist .con1 .intro .more{background: url(../images/product-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.productlist .con1 li:hover .intro{background: #2956c9;background-image: none;}
.productlist .con1 li:hover .intro p,.productlist .con1 li:hover .intro  h3 a,.productlist .con1 li:hover .intro .more{color: #fff;}
.productlist .con1 li:hover .intro .more{background: url(../images/products-Jt2.png) no-repeat left center;}
.productlist .con1 li:hover{box-shadow: 0px 0px 20px 8px #dbdada;}
.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #2956c9;width: 31px;border-radius: 3px;}


/*分页样式*/

 .my-4 {
    margin-top: 15px!important; clear:both; margin-bottom:20px;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;

}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-num, .page-link {
    position: relative;
    display: block; height:28px;border-radius: 14px; width:28px;
    line-height:28px;
    color: #8a8a8a;
    background-color: #fff;
    border: 1px solid #d7d7d7; text-align:center; margin:0 5px;
}

.page-link:hover,.page-num:hover{ color:#fff; background:#f95124;transition: all 0.6s ease 0s; }


.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #f95124;
    border-color: #f95124;
}
.pagination i{	

  }
.pagel:after { display:block; content:"\f104"; font-family: FontAwesome;font-weight:normal;

 text-align:center; line-height:26px;font-size:22px; width:24px;
}

.pager:after {display:block;
content:"\f105"; font-family: FontAwesome;font-weight:normal;

 text-align:center; line-height:26px; font-size:22px;width:30px;
}



/*专题内页样式*/
.adivcon{ width:960px ; margin: 0 auto;}
.acon{ line-height:36px; color:#3d3d3d; font-size:16px;}



/*案例列表样式*/
.content_list .item_block {
  transition: all 0.36s ease;
  width: calc(100% / 3 - 20px);
  height: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); overflow:hidden;position:relative; background:#f0f0f0;
}
.content_list .item_block .item_img{ width:100%; height:260px; overflow:hidden;}
.content_list .item_block .item_img img{ width:100%;}

.content_list .item_block a:hover .item_img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);transition: all .36s ease;
}

.content_list .item_block .title { height:60px; line-height:60px; text-align:center; }

.content_list .item_block:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,.1); background:#fff;
	


}

.content_list .item_block .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30%;
    opacity: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #f08630;
    transition: all .36s ease-out;
}
.content_list .item_block:hover .title:after{
	content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #f95124;
    transition: all .36s ease-out;
}

.content_list .item_block .item_img .item_mask:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1px;
    height: 15px;
    background-color: #fff;
}

.content_list .item_block .item_img .item_mask:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 15px;
    height: 1px;
    background-color: #fff;
}


.content_list .item_block .item_img .item_mask {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .36s ease;
    opacity: 0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-top: -50px;
}

.content_list .item_block:hover .item_img .item_mask {
    opacity: 1;
    margin: 0;
}


/*新闻列表*/

.innewsbox { width:98%; margin-bottom:30px; margin:0 auto;}
.innewsbox .listnews { overflow:hidden; width:100%;}
.innewsbox .listnews dl{ overflow:hidden; padding:40px 0; border-bottom:1px solid #eee; margin-bottom:0;width:1200px;}
.innewsbox .listnews dt{ overflow:hidden; float:left; position:relative}
.innewsbox .listnews dd{ overflow:hidden; width:700px; float:left; position:relative; height:125px;}
.innewsbox .listnews dt img{ display:block; float:left; margin-left:30px; margin-right:25px;}
.innewsbox .listnews dt h4{ font-weight:normal; float:left; margin-top:40px; margin-right:30px;}
.innewsbox .listnews dt em{ font-size:28px; color:#333; display:block;font-family: Arial;}
.innewsbox .listnews dt span{ display:block; font-size:14px; color:#888;float: left;font-family: Arial;}
.innewsbox .listnews dt i{ display:block; width:0px; height:2px; background-color:#1651b9; position:absolute; left:267px; top:62px;}
.innewsbox .listnews dd h5{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px; width:600px;}
.innewsbox .listnews dd p{ font-size:14px; width:600px; color:#666; line-height:20px; height:40px; overflow:hidden;}
.innewsbox .listnews dd .more{ overflow:hidden; display:block; width:40px; height:40px; background:url(../images/innews_more.jpg) no-repeat center top; position:absolute; top:44px; right:0;}
.innewsbox .listnews:hover dl{ background-color:#e8eff9;box-shadow:none}
.innewsbox .listnews:hover{box-shadow:0 0 10px #ccc}
.innewsbox .listnews:hover h5 a{ color:#1651b9;}
.innewsbox .listnews:hover dt i{ display:block; width:40px; height:2px; background-color:#1651b9; position:absolute; left:267px; top:62px;transition: all .36s ease-out;}
.innewsbox .listnews:hover .more{ overflow:hidden; display:block; width:40px; height:40px; background:url(../images/innews_more.jpg) no-repeat center bottom; position:absolute; top:44px; right:0;transition: all .36s ease-out;}

/*产品内页*/

.npimg{ width:530px; border:1px solid #ececec; height:370px; text-align:center; line-height:370px; float:left; overflow:hidden; }
.npimg img{ width:100%;}
.nprdiv{ width:624px; float:right;}

.nprdiv h1{color: #1e4fa2;
    font-size: 28px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-right: 20px;}


.subcon{font-size: 16px;
    color: #555555;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 10px;}

.npdivt{width: 100%;
    overflow: hidden;
    background-color: #7190de;
    height: 140px;}

.npdivt h3 {
    font-size: 24px;
    color: #fff;
    float: left; margin-top:25px;
}
.npdivt .nycpUl02{ overflow:hidden; margin-top:35px;}
.npdivt .nycpUl02 li{ width:196px; margin-right:4px; font-size:16px; background:#4a71d2; height:50px; line-height:50px; text-align:center; float:left;}
.npdivt .nycpUl02 li a{ color:#fff; text-decoration:none; display:block;}
.npdivt .nycpUl02 li:hover,.npdivt .nycpUl02 li.cur{ background-color:#fff;} 
.npdivt .nycpUl02 li:hover a,.npdivt .nycpUl02 li.cur a{ color:#333}
.npdivt .nycpUl02  li.last:{ margin-right:0px;}

.nprdiv ul li{display: block;
    width: 138px;
    height: 40px;
    background: #1f58be;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    margin-top: 25px;
    float: left;
    margin-right: 10px;}

.nprdiv ul li:hover{background: #f95124;}

.nprdiv ul li a{ color:#fff;}


.bodydiv{ line-height:36px; font-size:16px; padding:15px 0; color:#333;}
.bodydiv h5{ width:100%; background:#5c83e4; height:50px; line-height:50px; padding-left:25px; color:#fff; margin-bottom:25px;}
.bodydiv table{ background:#f0f0f0; border-collapse: collapse; border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0} 
.bodydiv table td{ background:#fff; border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0; padding-left:5px;} 


/*详情页样式*/
.titlec{ line-height:50px; text-align:center; color:#1651b9; font-size:20px;}
.iconb{ line-height:36px; border-bottom:1px #f0f0f0 solid; text-align:center; margin-bottom:20px; color:#333;}
.fl-rich-text{ line-height:36px; color:#333; font-size:16px;}
.contentdiv{ padding:20px 0;}
.contentdiv img{display: block;vertical-align: middle;margin: 0 auto !important;}


/*内页下一条上一条*/

.tabBtn{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.tabBtn .post-prev{
    transition: all 0.36s ease;
    position: relative;
    width: 50%;
    height: 60px;
    overflow: hidden;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background: #f5f5f5;font-size:16px;
}
.tabBtn .post-next{
    transition: all 0.36s ease;
    position: relative;
    width: 50%;
    height: 60px;
    overflow: hidden;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    background: #f5f5f5;font-size:16px;
}
.tabBtn .post-prev .infor-wrap {
    width: 99%;
    position: relative;
    top: 0;
    top: 50%;
    transform: translateY(-50%); margin-left:10px;
}
.tabBtn .post-next .infor-wrap {
    width: 99%;
    position: relative;
    top: 0;
    top: 50%;
    transform: translateY(-50%); margin-right:0px;  text-align:right
}

.post-prev .title:before{  content:"\f104"; font-family: FontAwesome;font-weight:normal; margin-right:5px;}
.post-next .title:after{  content:"\f105"; font-family: FontAwesome;font-weight:normal; margin-left:5px;}



.post-prev:hover{ background:#f95124; font-size:16px;transition: all 0.36s ease;}
.post-prev:hover .infor-wrap span{ color:#fff;}
.post-prev:hover .infor-wrap {margin-left:25px;;transition: all 0.36s ease;}

.post-next:hover{ background:#f95124; font-size:16px;transition: all 0.36s ease;}
.post-next:hover .infor-wrap span{ color:#fff;}
.post-next:hover .infor-wrap {width: 93%;transition: all 0.36s ease;}




/*内页推荐产品样式*/


/* products */
.productstj{width: 100%;overflow: hidden;background: #f0f0f0;padding-bottom: 15px;}
.productstj .Title{padding-top: 70px;}
.productstj .con{overflow: hidden;height: 510px;position: relative;}
.productstj .con ul{overflow: hidden;height: 510px;position: absolute;top: 0;left: 0;}
.productstj .con li{width: 360px;height: 470px;float: left;margin:20px;}
.productstj .con img{display: block;}
.productstj .con .itemimg{ width:360px; height:310px; overflow:hidden}
.productstj .con .intro{width: 100%;overflow: hidden;text-align: center;height: 160px;background: url(../images/productsBg.jpg) repeat-x;}
.productstj .con .intro h3{font-size: 20px;font-weight: normal;margin-top: 36px;}
.productstj .con .intro h3 a{color: #666666;text-decoration: none;}
.productstj .con .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 10px 0; height:34px; overflow:hidden; line-height:17px;}
.productstj .con .intro .more{background: url(../images/products-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.productstj .con li:hover .intro{background: #2956c9;background-image: none;}
.productstj .con li:hover .intro p,.productstj .con li:hover .intro  h3 a,.productstj .con li:hover .intro .more{color: #fff;}
.productstj .con li:hover .intro .more{background: url(../images/products-Jt2.png) no-repeat left center;}
.productstj .con li:hover{box-shadow: 0px 0px 20px 8px #dbdada;}
.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #2956c9;width: 31px;border-radius: 3px;}
.productstj .con li:hover .itemimg img{transform: scale(1.1, 1.1);transition: all 0.6s ease 0s;}







/*底部样式*/

.baerdiv{ width:100%; height:60px; background:#2956c9; line-height:60px; text-align:center; color:#fff; font-size:22px;  font-weight:normal;}


.footer{ width:100%;  background:#f6f6f6;/* border-top:10px #fff solid;*/color:#3d3d3d; }
.footer .logo{ margin-top:70px;}

.f1{ float:left; width:200px;border-right:1px #e5e5e5 solid;  padding:0 15px; margin:40px 20px 40px 20px;}
.f1 h1{ font-size:18px; color:#2956c9;  margin-bottom:20px;}
.f1 ul li{ line-height:30px;}
.f1 ul li a{ font-size:15px;}

.f2{ float:left; width:260px;  padding:0 15px; margin:40px 0 40px 20px}
.f2 h1{ font-size:18px; color:#2956c9;  margin-bottom:20px;}

.f3{ float:right; margin:40px 0 40px 0; width:150px;}
.f3 span{ display:block; width:100%; text-align:center}

.coright{ line-height:30px;font-size:15px; }
.footb{ line-height:60px;border-top:1px #e5e5e5 solid; text-align:center; font-size:15px;}

/*在线客服样式*/



.kf_div{position: fixed; right: 10px; top:40%; margin-top: -90px; width: 120px;  z-index: 999;}
.kf_list li{position: relative; height: 90px; line-height: 90px; /*margin-bottom:8px;*/box-shadow: 0px 0px 8px rgba(0,0,0,.3);border-radius:5px;}
.kf_list li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 100%; height: 90px; line-height: 90px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 18px;}
.kfcon{position: absolute; left: 0px; bottom: 10px; color: #fff;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; width:180px; height:50px; line-height:50px;}
.kfcon:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.kf_list li:hover .kfcon{left: -198px; opacity: 1;}

.kf1 .kfcon1{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 130px;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;top:0; padding:5px}
.kfcon1 span{ color:#fff; line-height:30px; height:30px}
.kfcon1 img{ height:120px; overflow:hidden}

.kf_list li.kf1 a{background:#88c568;border-radius:5px;}
.kf_list li.kf1 .kfcon1{background-color:#88c568; width:130px; height:130px; }
.kf_list li.kf1 .kfcon1:before{background-color:#88c568; }
.kf_list li.kf1:hover .kfcon1{left: -148px; opacity: 1; top:0;}
.kfcon1:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 45px; background-color:#88c568; transform:rotate(45deg);}

.kf_list li.kf2 a{background:#5ab9e9;border-radius:5px;}
.kf_list li.kf2 .kfcon{background-color:#5ab9e9; }
.kf_list li.kf2 .kfcon:before{background-color:#5ab9e9; }


.kf_list li.kf3 a{background:#bc6aa8;border-radius:5px;}
.kf_list li.kf3 .kfcon{background-color:#bc6aa8; }
.kf_list li.kf3 .kfcon:before{background-color:#bc6aa8; }


.kf_list li.kf4 a{background:#e60033 url(../images/tiyan.png) top center no-repeat;border-radius:5px; height:167px;}
.kf_list li.kf4 .kfcon{background-color:#e60033; height:180px; }
.kf_list li.kf4 .kfcon:before{background-color:#e60033; }