@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html,body{width: 100%; min-width: 1200px;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; cursor: pointer;}
a:hover{color: #1d2089!important;}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.container{width: 1200px; margin: 0 auto; position: relative;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.red{color:#e50112;font-weight: bold}
/*头部*/
.header{width:100%;height:120px;}
.header .main{width:1200px;margin:0 auto;height:120px;}
/* .header .main .left{float:left;width:734px;height:90px;padding-top:16px;} */
.header .main .left{float:left;width:800px;height:90px;padding-top:16px;}
/* .header .main .left .logo{width:148px;float:left;margin-right: 10px;margin-top: 14px;} */
.header .main .left .logo{width:176px;float:left;margin-right: 10px;margin-top: 4px;}
.header .main .left .rig{width:1px;height:70px;background: #e5e5e5;position: relative;top:15px;left:0;float: left;}
.header .main .left .tit{width:600px;height:60px;float:left;margin-top: 8px;}
.header .main .left .tit .tit1{font-size:34px;font-weight:bold;color:#333333;padding: 1px 0 0 16px;}
.header .main .left .tit .tit2{font-size:19px;font-weight:bold;color:#1d2089;padding-left: 16px;}
.header .main .right{float:right;width:250px;height:105px;}
.header .main .right .tel{float:left;background: url('../images/tel.png');background-position-y: 50%;width:45px;height:100px;border-bottom-left-radius: 28px;border-bottom-right-radius: 25px;}
.header .main .right .tel i{width:40px;height:40px;display: block;float:left;background: url('../images/tel1.png');background-size: 100% 100%;position: relative;top:55px;left:3px;}
.header .main .right .tel1{float:left;margin-top:24px;padding-left:10px;}
.header .main .right .tel1 .ts1{font-size: 20px; font-weight: bold; line-height: 22px; color: #333333;}
.header .main .right .tel1 .tt1{font-size:20px; color: #666; line-height: 18px; margin-top: 8px;margin-bottom: 4px;}
.header .main .right .tel1 .tt2{font-family: "Arial"; font-size:24px; line-height: 30px;color: #1d2089;}
.warpper{width:100%;height:50px;background:#1d2089}
.nav{width:1200px;height:50px;margin:0 auto;position: relative;}
.warpper.fixed{position: fixed; left: 0; top: 0;}
.warpper ul > li{float: left; font-size: 16px; text-align: center; }
.warpper ul > li:last-child{border-right:0;}
.warpper ul > li > a{display: block; height: 50px; line-height: 50px;color: #fff;padding-left:31px;padding-right: 31px;}
.warpper ul > li > a > span{height:20px;border-right:1px solid rgb(114, 107, 107);padding-right: 30px;}
.subnav{box-sizing: border-box;padding: 30px;width: 100%; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); position: absolute; left: 0; top: 100%; text-align: center; background: #fff; margin-top: 20px; opacity: 0; visibility: hidden; height: 0; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.subnav .subnav-l{float: left;width: 45%;}
.subnav ol{
    padding: 0 4px;
}
.subnav .categories-pic{float: right;width: 50%;}
.subnav .categories-pic .imgs{
    float: left;
    width: 47%;
    padding-top: 42px;
    margin-left: 16px;
}
.subnav .categories-pic p{
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}
.subnav-title{
    border-bottom: 1px solid #ddd;
    color: #1d2089;
    font-weight: 700;
    font-size: 21px;
    padding-bottom: 6px;
    margin-bottom: 12px;
    height: 35px;
    line-height: 35px;
}
.subnav-title a{
	color: #1d2089;
}
.subnav-title:hover a{
	background-color: #FFFFFF;
	color: #1d2089;
}
.subnav .subnav-small a{
    background: url(../images/t-01.jpg) no-repeat 10px center;  
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
	padding: 6px 6px 6px 20px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
	
}
.subnav li{float: left;width: 33.3%;}
.subnav li>a{display: block; height: 36px; line-height: 36px; color: #333; font-size: 16px; visibility: visible;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.subnav li>a:hover{background:url(../images/ju2.jpg);background-size:100% 100%; color: #1d2089!important;}
.warpper ul > li.active > a,.warpper ul > li:hover > a{background-color:#e50112;color: #fff!important;}
.warpper ul > li:hover .subnav{margin-top: 0; opacity: 1; visibility: visible; height: auto;}
.warpper ul > li:hover .subnav>a:hover{background-color:#e50112;}

.subnav.newcate{width: 380px;}
.subnav.newcate ol{overflow: hidden;}
.subnav.newcate li{width: 190px; float: left;}
.subnav.newcate li a{font-size: 14px; text-align: left; padding: 0 15px;}




/*首页---广告图切换*/
.banner{position: relative; z-index: 22; overflow: hidden;}
.banner .slick-slide{height: 650px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner .slick-slide a{display: block; width: 100%; height: 100%;}
.banner .slick-dots{bottom: 26px;}
.banner .slick-dots li{margin: 0 6px;}
.banner .slick-dots li button{width: 20px; height: 20px; border-radius: 50%; background: #1d2089; filter: alpha(opacity: 5); -webkit-opacity: .05; -moz-opacity: .05; -ms-opacity: .05; -o-opacity: .05; opacity: .05;}
.banner .slick-dots li.slick-active button{filter: alpha(opacity: 100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1;}

/*slick*/
.slick-slider{position: relative;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 20px;}
.slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slick-dots li.slick-active button{background: #1d2089;}

.search{width:100%;background: #f1f1f1;}
.searchbar{width:1200px;margin:0 auto;height:60px;}
.searchbar .cleft{height:60px;line-height: 60px;font-size:16px;font-weight: bold;width:55%;float:left;padding-left:10px;}
.searchbar .cleft span{margin:0 15px;font-weight: normal;}
.searchbar .cright{height:60px;line-height: 60px;font-size:16px;font-weight: bold;float: right;}
.searchbar .cright i{background: url(../images/search.png);background-size:100% 100%;display: block;position: relative;top:20px;right:35px;width:25px;height:25px;float:right;z-index:10}
.searchbar .cright input{width:260px;height:32px;border:1px solid #ccc;padding-left:10px;margin-right: -60px;}
.searchbar .cright button{width:52px;height:34px;position: relative;right:-3px;color:#fff;top:12px;background: #1d2089;}

.case{width:100%;padding-top: 30px;padding-bottom: 50px;}
.case1{width:1200px;margin:0 auto;}
.hed{width:100%;height:90px;margin-bottom: 17px;}
.hedtit{height:90px;text-align: center;}
.hedtit .t1{font-size: 0; text-align: center;}
.hedtit .t1 i,.hedtit .t1 h2{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.hedtit .t1 h2{font-size:40px;font-weight:bold; padding: 0 14px;color: #1d2089;}
.hedtit .t1 i{width: 75px; height: 1px; background: #ccc; position: relative;}
.hedtit .t1 i span{display: block; width: 25px; height: 8px; background: #1d2089; position: absolute; top: -3px;}
.hedtit .t1 i.l span{right: 0;}
.hedtit .t1 i.r span{left: 0;}


.hedtit .t2{font-size:22px;color:#333; text-align: center;}
.content{width:100%;height:auto;margin-top: 20px;}
.content .cleft{border-left:1px solid #ccc;border-top:1px solid #ccc;margin-bottom: 45px;}
.content .cleft .cli{font-weight: bold;color:#22235c;cursor: pointer;width:148.89px;height:50px;float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;line-height:50px;font-size: 13px;}
.content .cleft .cli a{color:#1d2089;}
/* .content .cleft .cli:nth-child(1){border-top:1px solid #ccc;} */
.content .cleft .active{background: #901c25;color:#fff;}
.content .cleft .active a{color: #fff !important;}
/* .content .cright{width:955px;float:right;} */
.content .cright .crtop{width:890px;background:#f5f5f5;float: left;height: 473px;}
.content .cright .crtop .crlef{margin:30px 40px 0 40px;width:91%;height: 234px;overflow: hidden;}
.content .cright .crtop .crlef img{width: 100%;}

.content .cright .crtop .crrig{  
    padding-left: 40px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;box-sizing: border-box;}
.content .cright .crtop .crrig .crrtit{margin-top: 14px;font-size:18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.content .cright .crtop .crrig .crbtn{height:35px;margin-top: 10px;}
.content .cright .crtop .crrig .crbtn .crb1{width:125px;height:35px;background: #fff;line-height: 35px;text-align:center;display:inline-block;margin-right:10px;}
.content .cright .crtop .crrig .crbtn .crb2{width:125px;height:35px;background: #1d2089;color:#fff;line-height: 35px;text-align:center;display:inline-block;}
.content .cright .crtop .crrig .crbtn .crb2:hover{color: #fff !important;}
.content .cright .crbot{ float: right;width: 268px;height: 473px;overflow: hidden;}
.content .cright .crbot .crbli{width:265px;height:224px;margin-bottom: 21px;border:1px solid #ccc;float:left;text-align: center;}
.content .cright .crbot .crbli img{width:100%;height:180px;}
.content .cright .crbot .crbli .crbotit{text-align:center;position: relative;margin-top: 12px;}


.bg{width:100%;background: url(../images/index-bg2.jpg);background-size:100% 100%;height:220px;}
.bg1{width:1200px;margin:0 auto}
.bg1 .bgtit1{font-size:44px;color:#fff;top:40px;position: relative;letter-spacing:2px;}
.bg1 .bgtit2{font-size:26px;color:#fff;top:46px;position: relative;letter-spacing:4px;}
.bg1 .bgtit3{font-size:18px;color:#fff;top:60px;position: relative;}
.bg4{position: relative;float:right;width: 290px;top: -60px;left: 0px;}
.bg41{font-size:18px;color:#fff; margin-left: 40px;left: 28px;position: relative;}
.bg41 i{width:40px;height:40px;display: block;float:left;background: url('../images/tel1.png');background-size: 100% 100%;position: relative;top:-6px;left:0px;}
.bg42{font-family: "Arial"; font-size:30px;color:#fff;position: relative;left: -38px;}
.bg5{position: relative;top:32px;left:284px;float:right;}
.bg5 .a1{width:125px;height:40px;line-height:40px;text-align: center;color:#fff;border:1px solid #fff;display:block;float:left}
.bg5 .a2{width:125px;height:42px;line-height:42px;text-align: center;color:#fff;`display:block;background:#e50112;float:left;margin-left: 18px;}
.bg5 .a1:hover{color:#fff!important;}
.bg5 .a2:hover{color:#fff!important;}

.shop{width:100%;padding-top:30px;padding-bottom:30px;}
.shop1{width:1200px;margin:0 auto}
.shop1 .content{width:1200px;margin:0 auto}
.shop1 .content .sleft{width:280px;float:left;}
.shop1 .content .sleft .slfhed{width:280px;height:120px;background:#1d2089;text-align:center; padding-top:30px;}
.shop1 .content .sleft .slfhed .slftit1{font-size:30px;font-weight:bold;color:#fff;}
.shop1 .content .sleft .slfhed .slftit2{font-size:18px;color:#ccc;letter-spacing: 1px;}
.nav-item{line-height:55px;border-left:1px solid #1d2089;background:#f0f0f0;font-size:18px;border-bottom:1px solid #fff;}
.nav-item .my-icon{width:20px;height:20px;display: block;float:right;background: url('../images/right.png');background-size: 100% 100%;position: relative;top:17px;right:0px;}
.nav-show .my-icon {
    transform: rotate(90deg);
}
.nav-item .ulul{display:none;padding-left: 20px;background: #fff;box-sizing: border-box;width: 240px;}
.nav-item a{padding-left:20px;}
.ulul li{height:50px;background: #fff;font-size:15px;}
.shop1 .content .sright{width:905px;float:right;}
.shop1 .content .sright .sritop{width:904px;height:355px;background:#f5f5f5;}
.shop1 .content .sright .sritop .tpimg{width:355px;height:355px;border:1px solid #ccc;float: left;}
.shop1 .content .sright .sritop .tprig{width:506px;float:right;margin-right: 16px;}
.shop1 .content .sright .sritop .tprig .sptit{font-size:24px;margin:30px 0 10px 0;}
.shop1 .content .sright .sritop .tprig .sp{width:50px;height:1px;background:#252525;display: block;margin-bottom:10px;}
.shop1 .content .sright .sritop .tprig .desc{height:175px;}
.shop1 .content .sright .sritop .tprig .spbtn a{width:128px;height:40px;line-height:40px;text-align: center;color:#fff;background: #1d2089;display:block;float:left}
.shop1 .content .sright .sritop .tprig .spbtn .sp1{margin-right:20px;}
.shop1 .content .sright .sritop .tprig .spbtn a:hover{color:#fff!important;}
.shop1 .content .sright .sribot{margin-top:10px;margin-right:-11px;}
.shop1 .content .sright .sribot .srtli{width:295px;height:295px;float:left;margin-right:9px;margin-bottom:10px;}
.shop1 .content .sright .sribot .srtli img{width:100%;border: 1px solid #ccc;}
.shop1 .content .sright .sribot .srtli .srttit{text-align:center;height:40px;line-height:40px;position:relative;top:-40px;background:#f5f5f5;opacity: 0.6;}




/*首页---行业应用*/
.index-industry{padding: 60px 0; background: url(../images/industry-ibg.png) repeat #f5f5f5;}
.index-industry .hedtit .t2{color: #666;}
.index-industry .wp{width: 1200px; margin: 0 auto;}
.industry-slider{margin-top: 12px;}
.industry-slider li{width: 16.66%; *width: 16.64%; float: left; position: relative;}
.industry-slider li a{display: block; margin: 4px; position: relative;}
.industry-slider li img{width: 100%;}
.industry-slider li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .6s;}
.industry-slider li .sbg{width: 100%; height: 100%; background: #0c4eb2; filter: alpha(opacity: 70); opacity: .7; position: absolute; left: 0; top: 0; z-index: 1;}
.industry-slider li .title{width: 90%; height: 32px; line-height: 32px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 5%; top: 50%; margin-top: -16px; z-index: 2;}
.industry-slider li:hover .mask{opacity: 1; visibility: visible;}
/* .industry-slider .slick-slide ul{width: 1144px; margin: -8px auto;}
.industry-slider .slick-slide li{width: 270px; height: 180px; float: left; margin: 8px; position: relative;}
.industry-slider .slick-slide li img{width: 270px; height: 180px;}
.industry-slider .slick-slide li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .6s;}
.industry-slider .slick-slide li .sbg{width: 100%; height: 100%; background: #0c4eb2; filter: alpha(opacity: 70); opacity: .7; position: absolute; left: 0; top: 0; z-index: 1;}
.industry-slider .slick-slide li .title{width: 90%; height: 32px; line-height: 32px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 5%; top: 50%; margin-top: -16px; z-index: 2;}
.industry-slider .slick-slide li:hover .mask{opacity: 1; visibility: visible;}
.industry-slider .slick-prev,.industry-slider .slick-next{width: 24px; height: 41px; background: url(../images/industry-btn.png); margin-top: -20px;}
.industry-slider .slick-prev{background-position: 0 0;}
.industry-slider .slick-next{background-position: -24px 0;}
.industry-slider .slick-prev:hover{background-position: 0 -41px;}
.industry-slider .slick-next:hover{background-position: -24px -41px;}
 */


.youshi{width:100%;background: #f5f5f5;padding:30px 0 80px 0}
.youshi1{width:1200px;margin:0 auto}
.ys1{width:1200px;margin:0 auto;margin-top:50px;}
.ys1 .ysimg{float:left;width:530px;height:250px;}
.ys1 .ysimg img{width:100%}
.ys1 .ysrig{float:right;width: 629px;margin-top: 30px;}
.ys1 .ysrig .num{width:55px;height:80px;background: url("../images/42.png") no-repeat;font-size:30px;font-weight: bold;text-align: center;color:#fff;line-height: 80px;float: left;}
.ys1 .ysrig .shu{width:1px;height:215px;background: #ccc;position: relative;display: block;float:left;top:78px;right:26px;}
.ys1 .ysrig .cont{float:left;width:470px;padding-left:40px;}
.ys1 .ysrig .cont .ystit1{font-size:27px;color:#1d2089;font-weight: bold;margin-top: -10px;}
.ys1 .ysrig .cont .ystit2{font-size:18px;margin:7px 0 20px 0}
.ys1 .ysrig .cont .ystit3{font-size:16px;margin-bottom:10px;}
.ys1 .ysrig .cont .ystit4 em{display: block; margin-left: 40px;}
.ys1 .ysrig .cont .ystit5 em{display: block; margin-left: 40px;}
.ys1 .ysrig .cont .ystit3 em{display: block; margin-left: 40px;}
.ys1 .ysrig .cont .ystit4{font-size:16px;margin-bottom:10px;}
.ys1 .ysrig .cont .ystit5{font-size:16px;margin-bottom:10px;}
.ys1 .ysrig .cont span{width:18px;height:18px;border:1px solid #1d2089;display: block;float:left;}
.ys1 .ysrig .cont span i{width:28px;height:22px;display: block;float:left;background: url("../images/dui.png");background-size:100% 100%;position: relative;top:-5px;left:-3px;}

.ys2{width:1200px;margin:0 auto;margin-top: 42px;}
.ys2 .ysimg{float:left;width:530px;height:250px;padding-left:40px;margin-top: -30px;}
.ys2 .ysimg img{width:100%}
.ys2 .ysrig{float:right;width: 629px;margin-top: 30px;}
.ys2 .ysrig .num{width:55px;height:80px;background: url("../images/42.png") no-repeat;font-size:30px;font-weight: bold;text-align: center;color:#fff;line-height: 80px;float: left;}
.ys2 .ysrig .shu{width:1px;height:220px;background: #ccc;position: relative;display: block;float:left;top:78px;right:26px;}
.ys2 .cont{float:left;width:527px;padding-left:30px;margin-top:36px;}
.ys2 .cont .ystit1{font-size:27px;color:#1d2089;font-weight: bold;margin-top: -10px;}
.ys2 .cont .ystit2{font-size:18px;margin:7px 0 20px 0}
.ys2 .cont .ystit3{font-size:16px;margin-bottom:10px;}
.ys2 .cont .ystit4{font-size:16px;margin-bottom:10px;}
.ys2 .cont .ystit5{font-size:16px;margin-bottom:10px;}
.ys2 .cont .ystit4 em{display: block; margin-left: 40px;}
.ys2 .cont .ystit5 em{display: block; margin-left: 40px;}
.ys2 .cont .ystit3 em{display: block; margin-left: 40px;}
.ys2 .cont span{width:18px;height:18px;border:1px solid #1d2089;display: block;float:left;}
.ys2 .cont span i{width:28px;height:22px;display: block;float:left;background: url("../images/dui.png");background-size:100% 100%;position: relative;top:-5px;left:-3px;}

.jianjie{width:100%;padding:50px 0;}
.jianjie1{width:1200px;margin:0 auto;}
.jianjie1 .jilef{float:left;}
.jianjie1 .jirig{float:right;width:618px;}
.jianjie1 .jirig .jrtit{font-size:24px;letter-spacing: 4px;font-weight: bold;color: #1d2089;}
.jianjie1 .jirig .jh1{width:208px;height:1px;background: #ccc;display: block;position: relative;top:20px;left:-78px;}
.jianjie1 .jirig .jrtit1{font-size:60px;margin-top: 30px;}
.jianjie1 .jirig .jrtit2{font-size:18px;margin-top: 7px;}
.jianjie1 .jirig .jh2{width:100px;height:1px;background: #1d2089;display: block;position: relative;top:20px;left:0px;}
.jianjie1 .jirig .jhdesc{margin-top:40px; line-height: 23px; text-align: justify;}
.jianjie1 .jirig .jhbtn{width:215px;height:43px;background: #1d2089;color:#fff;line-height: 43px;text-align:center;display:inline-block;margin-top: 20px;}
.jianjie1 .jirig .jhbtn:hover{color:#fff!important;}
.jianjie2{width:1200px;margin:0 auto;margin-top:20px;}
.jianjie2 .ljj2{width:223px;float:left;}
.jianjie2 .ljj2 .ljli{width:223px;height:90px;line-height: 90px;text-align: center;background: #ebebeb;}
.jianjie2 .ljj2 .active{background:#1d2089;color:#fff; }
.jianjie2 .ljj2 .active span{padding-left:20px;}
.jianjie2 .ljj2 .active i{width:20px;height:20px;display: block;float:right;background: url('../images/you.png');background-size: 100% 100%;position: relative;top:33px;right:-4px;}
.jianjie2 .lrj{float:left;margin-right:-28px;margin-left:25px;}
.jianjie2 .lrj2 .rimg{width:300px;height:180px;float:left;margin-right: 24px;border:1px solid #ccc;}
.jianjie2 .lrj2 .rimg:hover{border:1px solid #1d2089;}
.jianjie2 .lrj2 .rimg img{width:100%;height:180px;}

.hezuo{width:100%;padding-top:50px;background: #f5f5f5;}
.hezuo1{width:1200px;margin:0 auto;}
.ctit2{width:1232px;margin:0 auto;}
.index-sample{background: #fff; padding-bottom: 30px;}
.index-sample-box{padding: 30px 0;}
.index-sample-slider{padding: 0 32px; height: 110px; overflow: hidden; position: relative; margin: 0 -30px;}
.slick-slide{}
.index-sample-slider .slick-slide img{width: 185px; height: 90px;}
.index-sample-slider .slick-slide item:hover{border-color: #258e55;}
.index-sample-slider .slick-slide .item{display: block; width: 185px; margin: 0 8px; position: relative;}
.index-sample-slider .slick-slide .pic{border: 0px solid #ccc;}
.index-sample-slider .slick-slide .item .mask{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.index-sample-slider .slick-slide .item .mask > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; z-index: 2;}
.index-sample-slider .slick-slide .item .mask .bg{width: 100%; height: 100%; background: #258e55; filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.index-sample-slider .slick-slide .item .mask > i{width: 0; height: 100%;}
.index-sample-slider .slick-slide .item .mask .title{width: 90%; font-size: 16px; text-align: center; color: #fff;}
.index-sample-slider .slick-slide .item:hover .mask{opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.index-sample-slider .slick-prev,.index-sample-slider .slick-next{width: 18px; height: 36px; background: url(../images/sample-icon.png) no-repeat; margin-top: -27px;}
.index-sample-slider .slick-prev{left: 0;}
.index-sample-slider .slick-next{right: 0; background-position: -18px 0;}
.index-sample-slider .slick-prev:hover{background-position: 0 -36px;}
.index-sample-slider .slick-next:hover{background-position: -18px -36px;}
.index-sample-slider .slick-slide .sltit{font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; margin-top: 8px;}

.xw{width:100%;padding:50px 0;background:#ffffff}
.xw1{width:1200px;margin:0 auto;}
.xw1 .xwlef{width:760px;float:left;}
.xw1 .xwlef .xleftit{height:50px;line-height: 50px;border-bottom:2px solid #ccc;}
.xw1 .xwlef .xleftit .xlf1{font-size:24px;float:left;padding:0 30px;}
.xw1 .xwlef .xleftit .xlf1 i{width:1px;height:20px;background:#ccc;display: block;float:left;position: relative;top: 16px;left: -30px;}
.xw1 .xwlef .xleftit .xlf2{font-size:24px;float:left;padding-left:10px;}
.xw1 .xwlef .xleftit .xlf2 i{width:1px;height:20px;background:#ccc;display: block;float:left;position: relative;top: 16px;left: -20px;}
.xw1 .xwlef .xleftit .active i{width:3px;background:#1d2089}
.xw1 .xwlef .xleftit a{float:right;}
.xlecont1{margin-top:25px;}
.xlecont1 .xlmain{width:760px;height:206px;background:#f7f7f7;}
.xlecont1 .ximg{float:left;}
.xlecont1 .rcont{float:right;width:100%;}
.xlecont1 .rcont .rctit{font-size:20px;font-weight: bold;margin-top:30px;}
.xlecont1 .rcont .rcdesc{margin-top:15px;width: 400px;color:#ccc;}
.xlecont1 .rcont .mor{margin:35px 0 0 0px;color:#1d2089;border-bottom:1px solid #1d2089;width:50px;}
.xlecont1 a:hover{color:#252525!important;}
.xlul{padding-top: 20px;border-top:1px solid #f5f5f5;}
.xlli{border-bottom:1px solid #f5f5f5;height:55px;line-height:55px;}
.xlli .sp1{float:left;}
.xlli .sp2{float:right;}
.xw1 .xwrig{width: 390px;float:right;}
.xw1 .xwrig .xleftit{height:50px;line-height: 50px;border-bottom:2px solid #ccc;}
.xw1 .xwrig .xleftit .xlf1{font-size:24px;float:left;}
.xw1 .xwrig .xleftit a{float:right;}
.topLoop{ width:380px; height:389px; margin-top:40px;}
.bd02{ width:100%; height:389px; overflow:hidden;}
.bd02 ul{}
.bd02 ul li{ line-height:26px; padding-top:35px; padding-bottom:35px; border-bottom:#c8c8c8 solid 1px; border-top:#fff dashed 1px;}
.bd02 ul li a{ font-family:'微软雅黑'; margin-bottom:25px;font-size:16px;  color:#333; background:url(../images/w.gif) no-repeat left; padding-left:45px; height:20px; display:block; line-height:20px; font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bd02 ul li a:hover{ text-decoration:underline; color:#1d2089;}
.bd02 ul li span{ background:url(../images/d.gif) no-repeat left top 3px; display:block; padding-left:45px; margin-top:10px; height: 40px;overflow: hidden;font-family:'微软雅黑'; line-height:20px; font-size:14px; }

.home{background: #f8f8f8; width:100%;}
.home-link{padding: 20px 0; line-height: 30px;}
.home-link,.content{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.home-link span{float: left; font-size: 16px; color: #333;}
.home-link ul{font-size: 0; text-align: left; margin-left: 80px;}
.home-link li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px;margin-right: 20px;}
.home-link li a{color: #000;}

/*在线留言*/
.customized{padding-bottom: 30px;}
.customized-tit{height: 51px; line-height: 51px; border-bottom: 1px solid #dedede; padding-left: 44px; font-size: 24px; font-weight: bold; color: #000; background-repeat: no-repeat; background-position: left center;}
.customized-tit.b1{background-image: url(../images/ct-stit1.png);}
.customized-tit.b2{background-image: url(../images/ct-stit2.png);}
.customized-tit.b3{background-image: url(../images/ct-stit3.png); background-position: 10px center;}
.customized-tit.b4{background-image: url(../images/ct-stit4.png);}
.customized-wp1{margin-top: 30px; overflow: hidden;}
.customized-wp1 ul{margin: -13px;}
.customized-wp1 li{width: 452px; float: left; margin: 13px;}
.customized-wp1 li img{width: 452px; height: 234px;}
.customized-des1{font-family: "Microsoft Yahei Light"; font-size: 16px; line-height: 30px; margin-top: 30px; margin-bottom: 40px;}
.customized-wp2{text-align: center; margin: 26px 0;}
.customized-wp3{margin-top: 30px;}
.customized-wp3 ul{margin: 0 -24px;}
.customized-wp3 li{width: 278px; float: left; margin: 0 24px; text-align: center;}
.customized-wp3 li .pic img{width: auto; height: 75px;}
.customized-wp3 li .title{font-size: 24px; margin-top: 12px;}
.customized-wp3 li .desc{font-size: 14px; line-height: 30px; color: #666; text-align: center; margin-top: 8px;}

.message{padding-bottom: 30px;}
.message .title{font-size: 28px; text-align: center;}
.message .desc{font-size: 14px; color: #4d4d4d; text-align: center; margin-top: 20px; line-height: 30px;}
#form_message{width: 640px; margin: 30px auto 0;}
.message li{margin-bottom: 10px; position: relative; padding: 0 16px; border-radius: 4px; border: 1px solid #ddd;}
.message li input[type="text"]{display: block; width: 100%; height: 36px; line-height: 36px;}
.message li textarea{display: block; width: 100%; height: 90px; line-height: 22px; padding: 8px 0;}
.message li.code{margin-right: 420px;}
.message li.code .code_img{height: 100%; background: #fff; position: absolute; right: -190px; top: 0;}
.message li.code .code_img img{height: 24px; padding-top: 6px;}
.message li.submit{border-width: 0; padding: 0;}
.message li .submit_btn{display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; background: #1d2089; color: #fff; border-radius: 4px; cursor: pointer;}

.product_ri_tt { position: relative;}
.product_ri_tt {
    border-bottom: 3px solid #1d2089;
    overflow: hidden;
    position: relative;
    height: 35px;
    z-index: 1;
}
.product_ri_tt .atitle {     color: #111;
    font-size: 20px;
    overflow: hidden;
    z-index: 999; }
.product_ri_tt .alink{
	position: absolute;
	right: 0px;
	top: 5px;
	font-size: 14px;
}
.about_ri_cot img {
    margin-bottom: 10px;
}

/*****分页*****/
.mk_pages {line-height: 25px; text-align: center; font-size: 0; padding: 50px 0;}
.mk_pages ul {text-align: center;font-size: 0;}
.mk_pages ul li {display: inline-block; *display: inline; *zoom: 1; font-size: 16px; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; padding: 14px 9px;}
.mk_pages ul li a {font-size: 14px;padding: 10px;}
.mk_pages .pageinfo {line-height: 21px; padding: 12px 10px 12px 16px; color: #999; margin: 0px 2px;}
.mk_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px;}
.mk_pages ul li.active, .mk_pages ul li.active a, .pagebox ul li.active a:hover { font-weight: bold; display: inline-block; background: #1d2089; color: #fff!important; border: 1px solid #1d2089; padding: 14px 18px;}
.mk_pages ul li.disabled span{padding: 14px 9px;}

.footer{width:100%;background: #333333;}
.footer1{width:1200px;margin:0 auto; padding: 50px 0 30px 0;}
.footer1 a:hover{color:#fff!important;}
.footer1 .menu{width:110px;float:left;margin-right:30px;}
.footer1 .menu .mtit1{width:110px;font-size:18px;color:#fff;display:block;margin-bottom:20px;}
.footer1 .menu .mtit2{width:110px;font-size:14px;color:#ccc;display:block; line-height: 36px;}
.footer1 .menu1{width:220px;float:left;margin-right:75px;margin-left:20px;}
.footer1 .menu1 .mtit1{width:110px;font-size:18px;color:#fff;display:block;margin-bottom:20px;}
.footer1 .menu1 ul li{width:110px;float:left; line-height: 36px;}
.footer1 .menu1 ul li a{font-size:14px;color:#ccc;}
.footer1 .menu1 ul li a:hover{color:#ccc!important;}
.footer1 .menu3{width:110px;float:left;margin-right:30px;}
.footer1 .menu3 .mtit1{width:110px;font-size:18px;color:#fff;display:block;margin-bottom:20px;}
.footer1 .menu3 .mtit2{width:110px;font-size:14px;color:#ccc;display:block;line-height: 36px;}
.footer1 .menu4{width:220px;float:left;margin-right:30px;}
.footer1 .menu4 .mtit1{width:220px;font-size:18px;color:#fff;display:block;margin-bottom:24px;}
.footer1 .menu4 .mtit2{width:323px;font-size:14px;color:#ccc;display:block; line-height: 30px;}
.footer1 .menu5{width:110px;float:left;margin-left:100px;}
.footer1 .menu5 .mtit1{width:220px;display:block;font-size:18px;color:#ccc; margin-bottom:30px;}
.footer2{width:100%;border-top:1px solid #555;color:#999;background: #333333;}
.footer2 a{color: #999;}
.footer21{width:1200px;height:42px;margin:0 auto;}
.footer21 .lf2{float:left;color:#999;line-height: 42px;}
.footer21 .rf2{float:right;line-height: 42px;}
.footer21 .rf2 a{color:#999;}