/* 

* @Author: anchen

* @Date:   2018-01-14 16:28:59

* @Last Modified by:   anchen

* @Last Modified time: 2018-02-02 16:07:24

*/

li { position: relative; }

.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.h100 { clear: both; height: 1rem; }

.h44 { clear: both; height: 0.44rem; }

body { background: #f0f0f0; }

.wal .bread { background: url("../image/icon_home.png") no-repeat left; font-size: 0.14rem; color: #666; padding-left: 0.28rem; float: right; }

.wal .bread a { font-size: 0.14rem; color: #666666; line-height: 0.50rem; }

.breadNew { padding-top: 0.26rem; display: table; width: 100%; padding-bottom: 0.08rem; }

.breadNew>div { float: left; }

.breadNew .selectDiv { }

.breadNew .selectDiv .name { color: #0c3693; float: left; line-height: 0.34rem; }

.breadNew .selectDiv .select { float: left; }

.select { width: auto; height: 0.34rem; line-height: 0.34rem; padding: 0 0.12rem; font-size: 0.12rem; border: #CCC solid 1px; position: relative; padding-right: 0.1rem; border-radius: 0.12rem; }
.select span { display: block; width: 100%; height: 100%; background: url(../image/select.png) right center no-repeat; padding-right: 0.2rem; }
.select select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }

.breadNew .returnUp a { display: block; width: 1.24rem; height: 0.34rem; background: #747474; color: #fff; line-height: 0.34rem; text-align: center; }

.breadNew .bread a { line-height: 0.34rem; }

.sbanner { height: 3.80rem; text-align: center; color: #fff; padding-top: 1.22rem; }

.sbanner .b_title { font-size: 0.40rem; margin-bottom: 0.334rem; }

.sbanner .b_profile { font-size: 0.18rem; width: 10.62rem; margin: 0 auto; line-height: 0.24rem; }

.nav-left { width: 2.8rem; margin-top: -0.55rem; }

.nav-title { position: relative; height: 1.1rem; background: #0c3693; color: #fff; font-size: .30rem; }

.nav-left.on { margin-top: 0; }

.nav-left.on .nav-title { background: transparent; }

.nav-left.on .nav-title span { color: #e5e5e5; opacity: 1; text-align: left; }

.nav-left.on .nav-title i { color: #0c3693; padding-left: 0; }

.nav-title span { display: block; position: absolute; bottom: .12rem; width: 100%; font-size: .64rem; opacity: 0.05; text-align: center; letter-spacing: .02rem; }

.nav-title i { display: block; position: absolute; bottom: .12rem; width: 100%; font-size: .30rem; font-style: normal; padding-left: .30rem; }

.nav-left ul { background: url("../image/nav_bg.png") no-repeat center; -webkit-background-size: 2.96rem  100%; background-size: 2.96rem 100%; padding-bottom: 1.1rem; padding-top: 0.08rem; }

.nav-left>ul li { min-height: 0.55rem; border-bottom: 1px solid #f2f2f2; }

.nav-left>ul li>a { height: 0.55rem; line-height: 0.55rem; padding-left: 0.38rem; display: block; width: 100%; box-sizing: border-box; font-size: .16rem; color: #333; position: relative; }

.nav-left>ul li>a span { position: absolute; top: 0.23rem; right: 0.24rem; display: block; width: 0.21rem; height: 0.10rem; background: url("../image/img21.png") no-repeat; background-size: 100%; }

.nav-left>ul li>a:hover { background: #e8efff; }

.nav-left>ul li dl { padding-left: 0.38rem; display: none; }

.nav-left>ul li dl dd { padding-left: 0.16rem; border-bottom: 0.01rem solid #f2f2f2; }

.nav-left>ul li dl dd:last-child { border-bottom: none; }

.nav-left>ul li dl dd a { font-size: 0.14rem; color: #666; line-height: 0.48rem; }

.nav-left>ul li>a.on { background: #e8efff; }

.nav-left>ul li>a.on span { background: url("../image/img21on.png") no-repeat; background-size: 100%; }

.fr-con { width: 11rem; }

.product-list ul li { width: 33.333%; border: 1px solid #dcdcdc; margin-left: -1px; margin-top: -1px; padding-bottom: 0.40rem; float: left; position: relative; background: #fff; }

.product-list ul li .imgDiv { text-align: center; padding: 0.30rem 0.20rem 0.30rem 0.20rem; height: 2.14rem; }

.product-list ul li .imgDiv img { max-width: 100%; max-height: 100%; width: auto; }

.product-list ul li .profile { font-size: 0.18rem; color: #000; line-height: 0.26rem; text-align: center; padding: 0 .2rem; }

.product-list ul li .profile .btn a { display: block; width: 1.20rem; font-size: 0.14rem; color: #fff; line-height: 0.40rem; text-align: center; background: #0c3693; margin: 0 auto; border-radius: .10rem; /*margin-top: .4rem;*/ }

.product-list ul li:hover { background: url("../image/list_bg.png") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.phoneTips { clear: both; background: #fff; font-size: 0.24rem; color: #ccc; height: 0.74rem; line-height: 0.74rem; text-align: center; display: none; }

.phoneNav-content { background: #082973; position: absolute; top: 0rem; width: 100%; opacity: 0; visibility: hidden; z-index: 1; display: none; }

.phoneNav-content.on { top: 2rem; opacity: 1; visibility: visible; display: block; z-index: 1000;}

.phoneNav-content .title { height: 0.9rem; font-size: 0.24rem; background: #032267; margin-bottom: 0.2rem; }

.phoneNav-content .title a { line-height: 0.9rem; color: #fff; display: flex; align-items: center; }

.phoneNav-content .title a::before { display: block; content: ""; background: url("../image/img20.png") no-repeat; width: 0.2rem; height: 0.2rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; float: left; margin-right: 0.2rem; }

.phoneNav-content .title a.on::before { transform: rotate(180deg); -ms-transform: rotate(180deg);     /* IE 9 */ -moz-transform: rotate(180deg);    /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); }

.phoneNav-content .list ul { display: -webkit-flex; display: flex; align-items: center; }

.phoneNav-content .list ul li { flex: 1; height: 2.44rem; padding-top: 0.35rem; padding-bottom: 0.65rem; }

.phoneNav-content .list ul li .imgDiv { height: 0.92rem; text-align: center; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.phoneNav-content .list ul li .imgDiv img { width: auto; max-width: 100%; max-height: 100%; }

.phoneNav-content .list ul li .name { font-size: 0.22rem; color: #b8cbf7; line-height: 0.54rem; text-align: center; }

.phoneNav { background: #0c3693; height: 1rem; display: none; }

.phoneNav .wal { display: -webkit-flex; display: flex; }

.phoneNav .wal .title { flex: 1; }

.phoneNav .wal .title { font-size: 0.3rem; color: #fff; line-height: 1rem; }

.phoneNav .wal .navi { display: flex; align-items: center; }

.phoneNav .wal .navi a { display: block; background: url("../image/navi_bg.png") no-repeat; width: 0.38rem; height: 0.38rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

/*.noFoot .phoneFoot { display: none; }*/



/* 产品详情页 */

.productShow { min-height: 5rem; background: #FFF; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); padding-top: 0.46rem; padding-bottom: 0.5rem; }

.productShow .fl { width: 6.38rem; height: 4.66rem; position: relative; padding-left: 0.4rem; padding-right: 0.76rem; padding-top: 0.34rem; }

.productShow .bigImg { margin-right: -1px; position: relative; }

.productShow .bigImg li { display: none; }

.productShow .imgList { position: relative; z-index: 10; left: 0px; top: 0; width: 100%; padding: 0 0.4rem; }

.productShow .imgList li { float: left; width: 0.76rem; height: 0.66rem; text-align: center; margin: 0 0.06rem; }

.productShow .imgList li div { background: #000; border: #969696 solid 1px; margin: 0 0.04rem; cursor: pointer; color: #FFF; width: 100%; height: 100%; margin: 0 auto; }

.productShow .imgList li img { opacity: 0.5; filter: alpha(opacity=50); height: 100%; }

.productShow .imgList li.on div { border-color: #eb5254; position: relative; }

.productShow .imgList li.on img { opacity: 1; filter: alpha(opacity=100); }

.productShow .imgList .btn { display: block; position: absolute; z-index: 10; top: 0.16rem; width: 0.25rem; height: 0.66rem; }

.productShow .imgList .prev { left: 0px; background: url("../image/prev.png") no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; }

.productShow .imgList .prev:hover { }

.productShow .imgList .next { right: 0px; background: url("../image/next.png") no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; }

.productShow .imgList .next:hover { }

.productShow .fr { width: 7.2rem; margin-right: 0.42rem; }

.productShow .fr .productName { font-size: 0.2rem; color: #333; }

.productShow .fr .productPrice { font-size: 0.12rem; color: #666; margin-top: 0.22rem; }

.productShow .fr .productPrice span { color: #e60000; font-size: 0.3rem; }

.productShow .fr .productPrice span i { font-size: 0.12rem; font-style: normal; }

.productShow .fr .productContent { background: #f7f7f7; font-size: 0.14rem; color: #333; line-height: 0.3rem; padding-top: 0.18rem; padding-bottom: 0.48rem; min-height: 1.78rem; margin-top: 0.24rem; padding-left: 0.28rem; }

.productShow .fr .productContent ul li { padding-left: 0.68rem; background: url("../image/img6.png") no-repeat; background-position: 0.26rem; }

.productShow .fr .btn a { display: block; width: 1.78rem; height: 0.5rem; text-align: center; color: #fff; font-size: 0.16rem; float: left; background: #538ec8; line-height: 0.5rem; margin-right: 0.14rem; margin-top: 0.38rem; }

.productShow .fr .btn a:last-child { background: #cd413c; }

.productDes { clear: both; background: #1b1b1b; height: 0.5rem; border-bottom: 0.02rem solid #1b4fc2; padding-left: 0.3rem; width: 100%; z-index: 10; }

.productDes.on { position: fixed; top: 0; left: 0; }

.productDes ul li { float: left; width: 1.7rem; height: 0.5rem; }

.productDes ul li a { display: block; width: 100%; height: 100%; color: #fff; text-align: center; line-height: 0.5rem; font-size: 0.16rem; }

.productDes ul li a:hover { background: #0c3693; }

.productDes ul li a.on { background: #0c3693; }

.showTitle { clear: both; height: 1.18rem; font-size: 0.24rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; letter-spacing: 0rem; color: #06164a; padding-top: 0.46rem; border-bottom: 2px solid #dfdfdf; width: 12.4rem; margin: 0 auto; }

.showTitle .name { color: #06164a; }

.showTitle .name { color: #0c3693; }

.showContent { width: 12.33rem; margin: 0 auto; font-size: 0.14rem; line-height: 0.3rem; color: #333; margin-top: 0.32rem; }

.showContent dl.table dd { display: -webkit-flex; display: flex; font-size: 0.14rem; color: #666; line-height: 0.62rem; border-bottom: 1px solid #dcdcdc; }

.showContent dl.table dd div:first-child { flex-basis: 1.96rem; flex-shrink: 0; }

.showContent dl.table dd div.th { text-align: right; margin-right: 0.24rem; }

.showContent dl.table dd div.td { margin-left: 0.54rem; }

/*.border { border: solid 1px #dcdcdc; }*/

.showContent dl.table dd:nth-of-type(odd) { background: #f5f8ff; }

.showContent dl.table dd:last-child { border-bottom: none; }



/*  */

.showContent dl.table table { width: 100%; }

.showContent dl.table tr { /*display: -webkit-flex; display: flex;*/ font-size: 0.14rem; color: #666; line-height: 0.62rem; border-bottom: 1px solid #dcdcdc; }

.showContent dl.table tr td:first-child { flex-basis: 1.96rem; flex-shrink: 0; }

.showContent dl.table tr td { /*text-align: right;*/ padding-left: 0.2rem; margin-right: 0.24rem; }

.showContent dl.table tr td { margin-left: 0.54rem; }

.showContent dl.table tr:nth-of-type(odd) { background: #f5f8ff; }

.showContent dl.table tr:last-child { border-bottom: none; }

.showContent ul { display: -webkit-flex; display: flex; /*justify-content: space-between;*/ flex-wrap:wrap;}

.showContent ul li { flex-basis: 2.44rem;}

.showContent .productCons { display: block; width: 100%; }

.showContent .productCons li { float: left; margin-right: 0; width: 2.44rem; height: 2.5rem; }

.showContent .productCons li .imgDiv { width: 2.44rem; height: 2.2rem; margin: 0 auto; }

.showContent .productCons li .imgDiv img { max-width: 100%; max-height: 100%; }

.showContent .productCons li:last-child { margin-right: 0rem; }

.showContent .bg { background: url("../image/img1240.png") no-repeat center; width: 12.33rem; height: 1.29rem; padding-left: 0.34rem; position: relative; margin-bottom: 0.2rem;}

.showContent .bg .name { padding-top: 0.3rem; }

.showContent .bg .name span { font-size: 0.12rem; color: #cbd9fb; margin-left: 1.04rem; }

.showContent .bg .name i { font-size: 0.2rem; color: #fff; font-style: normal; }

.showContent .bg .version { font-size: 0.12rem; color: #cbd9fb; line-height: 0.2rem; }

.showContent .bg .btn { position: absolute; right: 0.50rem; top: 0.3rem; }

.showContent .bg .btn a { display: block; width: 1.64rem; height: 0.84rem; background: url("../image/btn.png") no-repeat center; text-align: center; line-height: 0.84rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.showContent .list li { flex-basis: 5.98rem; position: relative; padding-left: 3.09rem; padding-top: 0.48rem; border: 1px solid #dcdcdc; height: 1.7rem; }

.showContent .list li .imgDiv { width: 2.87rem; height: 1.70rem; position: absolute; left: 0; top: 0; }

.showContent .list li .imgDiv img { width: 2.87rem; height: 1.70rem; }

.showContent .list li .title { font-size: 0.2rem; color: #333; }

.showContent .list li .con { font-size: 0.14rem; color: #999; margin-top: 0.08rem; }

.contact { display: none; }

.target-fix { position: relative; top: -1rem; display: block; }

.solutionList { width: 100%; margin-bottom: 0; }

.solutionList ul { width: 100%; flex-wrap: wrap; }

.solutionList ul li { flex-shrink: 0; margin-bottom: 0.22rem; }

.solutionList .list li { flex-basis: 6.84rem; }

.solutionList .list li .con { height: 0.54rem; overflow: hidden; padding-right: 0.2rem; }

.solutionList .list li:hover { background: #0c3693; -moz-box-shadow: 3px 3px 10px rgba(12, 54, 147, 0.3); -webkit-box-shadow: 3px 3px 10px rgba(12, 54, 147, 0.3); box-shadow: 3px 3px 10px rgba(12, 54, 147, 0.3); }

.solutionList .list li:hover .title { color: #fff; }

.solutionList .list li:hover .con { color: rgba(255, 255, 255, 0.5); }

.showContent .showBanner { position: relative; color: #fff; }

.showContent .showBanner .center { position: absolute; top: 0.58rem; left: 0.26rem; background: url("../image/img12.png") no-repeat left; padding-left: 0.24rem; }

.showContent .showBanner .centerWords { position: absolute; top: 0.96rem; left: 0.46rem; color: rgba(255, 255, 255, 0.5); }

.showContent .labelName { color: #e60000; font-size: 0.18rem; margin-top: 0.28rem; }

.showContent .labelList { margin-bottom: 0.54rem; }

.showContent .labelList ul { display: block; }

.showContent .labelList ul li { font-size: 0.16rem; line-height: 0.36rem; }

.showContent .labelList ul li span { color: #000; }

.showContent .showList  li { flex-basis: 2.25rem; }

.showContent ul li .name { text-align: center; padding: 0 0.2rem;}

.showContent .slide { width: 100%; padding: 0 0.5rem; box-sizing: border-box; position: relative; }

.showContent .slide.padding0{
    padding: 0;
}

.showContent .slide ul { display: block; }

.showContent .slide li { float: left; width: 25%; }

.showContent .slide .btn { display: block; width: 0.18rem; position: absolute; top: 0; height: 100%; }

.showContent .slide .prev { background: url(../image/prev.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto; left: 0; }

.showContent .slide .next { background: url(../image/next.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto; right: 0; }

.hidden { display: none; }

.animateCircle { margin-bottom: 0.1rem; }

.animateCircle h5 { text-align: center; color: #333; font-size: 0.3rem; font-weight: normal; margin-bottom: 0.3rem; }

.jjfaImg { position: relative; }

.jjfaImg area { }

.style-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* pointer-events: none; */ overflow: hidden; }

.style-img ul li { position: absolute; width: 0.6rem; height: 0.6rem; border: 1px solid transparent; border-radius: 50%; color: rgba(0, 0, 0, 0); }



/* .style-img ul li:hover { border: 1px solid #00c1de; }

.style-img ul li:hover .ico { display: none; } */

.style-img ul li .file { position: absolute; top: 0.3rem; width: 0; height: 0; border: 1px solid #f59211; border-bottom: 0; }




/* .style-img ul li:hover .file { } */
.style-img ul li .hoverBg { display: block; width: 100%; height: 100%; position: absolute; top: 0rem; left: 0; z-index: 10; border-radius: 50%; border: 1px solid transparent; }
.style-img ul li.on .hoverBg {/*  border: 1px solid #00c1de; */ }

.style-img ul li.left { }

.style-img ul li.left .file { right: 0.57rem; border-right: 0; }

.style-img ul li.right .file { left: 0.57rem; border-left: 0; }

.animateCircle .img { position: relative; /*top: -0.3rem;*/ }

.animateCircle .img img { width: 0.74rem; height: 0.66rem; }

.animateCircle .img .productLayer { position: absolute; left: 0; opacity: 0; z-index: -1; }

.animateCircle .img .productLayer.on { opacity: 1; z-index: 1; }

.animateCircle .img .productLayer .nameEn { color: #00c1de; font-size: 0.18rem; }

.animateCircle .img .productLayer .name { font-size: 0.14rem; }



/* .animateCircle .img .productLayer.left .nameEn, .animateCircle .img .productLayer.left .name { text-align: left; }

.animateCircle .img .productLayer.right .nameEn, .animateCircle .img .productLayer.right .name { text-align: right; } */

/*.animateCircle .img .productLayer.left { margin-left: 0.1rem; }*/

.animateCircle .img .productLayer.right { margin-left: -0.1rem; }



/*.ico { position: absolute; left: 50%; width: 0.06rem; height: 0.06rem; margin-left: -0.03rem; margin-top: -0.03rem; }

.ico-1 { top: 50%; }

.ico-2 { }

.ico i { display: block; width: 0.06rem; height: 0.06rem; background: #00c1de; position: absolute; left: 0px; top: 0px; }

.ico i { -webkit-animation: product_02Animation 9s infinite ease-in; -moz-animation: product_02Animation 9s infinite ease-in; -o-animation: product_02Animation 9s infinite ease-in; }

.ico i.i-2, .ico i.i-2 { animation-delay: 3s; -webkit-animation-delay: 3s; }

.ico i.i-3, .ico i.i-3 { animation-delay: 6s; -webkit-animation-delay: 6s; }

.ico i { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

@-webkit-keyframes product_02Animation {

    from { -webkit-transform: scale(0); opacity: 0.7; }

    to { -webkit-transform: scale(15); opacity: 0; }

}

@-moz-keyframes product_02Animation {

    from { -moz-transform: scale(0); opacity: 0.7; }

    to { -moz-transform: scale(15); opacity: 0; }

}

@-o-keyframes product_02Animation {

    from { -o-transform: scale(0); opacity: 0.7; }

    to { -o-transform: scale(15); opacity: 0; }

}*/

.ico i { display: block; width: 6px; height: 6px; background: #f59211; position: absolute; left: 0px; top: 0px; border-radius: 50%; }
.ico { position: absolute; left: 50%; top: 50%; margin-top: -3px; margin-left: -3px; width: 6px; height: 6px; }
.ico i { -webkit-animation: product_02Animation 3s infinite ease-in; -moz-animation: product_02Animation 3s infinite ease-in; -o-animation: product_02Animation 3s infinite ease-in; }
.ico i.i-2 { animation-delay: 1s; -webkit-animation-delay: 1s; }
.ico i.i-3 { animation-delay: 2s; -webkit-animation-delay: 2s; }
@-webkit-keyframes product_02Animation {
    from { -webkit-transform: scale(0); opacity: 0.7; }
    to { -webkit-transform: scale(15); opacity: 0; }
}
@-moz-keyframes product_02Animation {
    from { -moz-transform: scale(0); opacity: 0.7; }
    to { -moz-transform: scale(15); opacity: 0; }
}
@-o-keyframes product_02Animation {
    from { -o-transform: scale(0); opacity: 0.7; }
    to { -o-transform: scale(15); opacity: 0; }
}




/* 过渡效果 */

.phoneNav-content, a, a::before, li { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }



/* 180129我要咨询弹出层 */

#Layer1 { background: rgb(0, 0, 0); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; }

.consultLayer { width: 6.77rem; height: 6.04rem; position: fixed; top: 50%; margin-top: -3.02rem; left: 50%; margin-left: -3.38rem; display: none; z-index: 101; }

.consultLayer .title { position: relative; }

.consultLayer .title img { position: relative; z-index: 10; width: 100%; }

.consultLayer form { background: url("../image/img617.png") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative; top: -0.3rem; padding-left: 1.1rem; padding-bottom: 0.88rem; }

.consultLayer form>p { font-size: 0.14rem; color: #be0000; line-height: 0.28rem; width: 4.28rem; padding: 0.3rem 0; }

.consultLayer li { margin-bottom: 0.24rem; }

.consultLayer em { font-size: 0.16rem; color: #333; display: inline-block; width: 1.2rem; padding-right: 0.18rem; box-sizing: border-box; }

.consultLayer i { color: #ce0000; }

.consultLayer input { line-height: 0.38rem; background: #f8f8f8; border: 1px solid #dcdcdc; padding-left: 0.16rem; width: 3.4rem; font-size: 0.16rem; color: #333; }

.consultLayer textarea { line-height: 0.38rem; background: #f8f8f8; border: 1px solid #dcdcdc; padding-left: 0.16rem; resize: none; width: 3.4rem; font-size: 0.16rem; color: #333; }

.consultLayer .text { position: relative; padding-left: 1.2rem; margin-bottom: 0.4rem; }

.consultLayer .text em { position: absolute; top: 0; left: 0; }

.consultLayer .btn input { width: 4.6rem; height: 0.4rem; background: #133c99; border: 1px solid #b9b9b9; font-size: 0.2rem; color: #fff; letter-spacing: 0.02rem; }

.consultLayer input:focus { border-color: #8a9fce; }

.consultLayer textarea:focus { border-color: #8a9fce; }



/* 180322 解决方案列表页样式修改 */

.solutionNew { }

.solutionNew .list li { padding-left: 2.16rem; padding-top: 0.4rem; height: 2.3rem !important; }

.solutionNew .list li:nth-of-type(4n+1) { background: url("../image/solutionNew_1.png"); }

.solutionNew .list li:nth-of-type(4n+2) { background: url("../image/solutionNew_2.png"); }

.solutionNew .list li:nth-of-type(4n+3) { background: url("../image/solutionNew_3.png"); }

.solutionNew .list li:nth-of-type(4n+4) { background: url("../image/solutionNew_4.png"); }

.solutionNew .list li .imgDiv { width: 1.1rem; height: 1.1rem !important; left: 0.46rem; top: 0.6rem; display: -webkit-flex; display: flex; align-items: center; }

.solutionNew .list li .imgDiv img { max-width: 100%; width: auto; height: auto; }

.solutionNew .list li { background: #0c3693; -moz-box-shadow: 3px 3px 10px rgba(12, 54, 147, 0.3); -webkit-box-shadow: 3px 3px 10px rgba(12, 54, 147, 0.3); box-shadow: 3px 3px 10px rgba(12, 54, 147, 0.3); }

.solutionNew .list li .title { color: #fff; }

.solutionNew .list li .con { color: rgba(255, 255, 255, 0.5); }

.solutionNew .btn { width: 1.23rem; height: 0.36rem; border: 1px solid #fff; margin-top: 0.24rem; }

.solutionNew .btn a { line-height: 0.36rem; display: block; color: #fff; text-align: center; font-size: 0.14rem; }

.solutionNew .list li:nth-of-type(4n+1) .btn a:hover { background: #fff; color: #f59211; }

.solutionNew .list li:nth-of-type(4n+2) .btn a:hover { background: #fff; color: #1e4cb5; }

.solutionNew .list li:nth-of-type(4n+3) .btn a:hover { background: #fff; color: #1e4cb5; }

.solutionNew .list li:nth-of-type(4n+4) .btn a:hover { background: #fff; color: #f59211; }

.solutionNew .link { display: none; }

/* 20180326 */
.animateCircle .imgSlide { position: absolute; right: 0.14rem; top: 0rem; height: 5.5rem; padding: 0.46rem 0rem; z-index: 1001; }
.animateCircle .imgSlide li { margin-bottom: 0.22rem; padding: 0 0.1rem; }
.animateCircle .imgSlide .imgDiv { width: 2.25rem; height: 0.96rem; background: #e6e6e6; }
.animateCircle .imgSlide .imgDiv img { max-width: 100%; max-height: 100%; }
.animateCircle .imgSlide .btn { display: block; width: 0.17rem; height: 0.27rem; position: absolute; left: 50%; }
.animateCircle .imgSlide .prev { background: url(../image/prev.png) no-repeat center; transform: rotate(90deg); -webkit-background-size: 100% auto; background-size: 100% auto; top: 0; }
.animateCircle .imgSlide .next { background: url(../image/next.png) no-repeat center; transform: rotate(90deg); -webkit-background-size: 100% auto; background-size: 100% auto; bottom: 0; }
.animateCircle .imgSlide li:hover .imgDiv { box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3); background: #fff; }

/* 20180408 */
.productNew { width: 12.33rem; margin: 0.2rem auto; }
.productNew .list li { flex-basis: 6rem; }

.productNav_1 .title {
    clear: both;
}

.productNav_1 .list ul {
    width: 100%;
    display: block;
}

.productNav_1 .list ul li {
    height: auto;
    flex: auto;
    width: 50%;
    float: left;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    position: relative;
}

.productNav_1 .list ul li .name::before {
    display: block;
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    background: #b8cbf7;
    position: absolute;
    border-radius: 50%;
    top: 0.32rem;
    left: 0.32rem;
}

.productNav_1 .list ul li .name { font-size: 0.22rem; color: #b8cbf7; line-height: 0.54rem; text-align: left; padding-left: 0.62rem;}


/*放大镜*/
.preview {
    /* width: 6.38rem; */
    height: 4.66rem;
    margin-top: -0.34rem;
    position: relative;
}

.preview::before {
    display: block;
    content: "";
    width: 100%;
    height: 3.6rem;
    border: 1px solid #eee;
    position: absolute;
    top: -1px;
}


/* smallImg */

.preview .smallImg {
    position: absolute;
    height: 0.64rem;
    margin-top: 1px;
    width: 5rem;
    overflow: hidden;
    float: left;
    bottom: 0.2rem;
    left: 0.5rem;
}

.preview .scrollbutton {
    width: 0.14rem;
    height: 0.5rem;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

.preview .scrollbutton.smallImgUp,
.preview .scrollbutton.smallImgUp.disabled {
    background: url(../image/prev.png) no-repeat center;
    background-size: 100% auto;
}

.preview .scrollbutton.smallImgDown,
.preview .scrollbutton.smallImgDown.disabled {
    background: url(../image/next.png) no-repeat center;
    background-size: 100% auto;
    margin-left: 0;
}

.preview #imageMenu {
    height: 0.6rem;
    width: 4.1rem;
    overflow: hidden;
    margin-left: 0;
    float: left;
    /* padding-left: 0.1rem; */
}

.preview #imageMenu li {
    height: 0.6rem;
    width: 0.6rem;
    overflow: hidden;
    float: left;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0.1rem;
}

.preview #imageMenu li img {
    cursor: pointer;
    width: 0.58rem;
    height: 0.58rem;
}

.preview #imageMenu li#onlickImg img {}

.preview #imageMenu li#onlickImg {
    border: 1px solid #f00;
}


/* bigImg */

.preview .bigImg {
    position: relative;
    float: left;
    width: 3.6rem;
    height: 3.6rem;
    overflow: hidden;
    left: 50%;
    margin-left: -1.8rem;
}

.preview .bigImg::before {
    display: block;
    content: "";
    background: url(../image/nimg20.png) center no-repeat;
    background-size: .2rem;
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    width: 0.2rem;
    height: 0.2rem;
}

.preview .bigImg #midimg {
    /* width: 400px;
    height: 400px; */
    width: 3.6rem;
    height: 3.6rem;
}

.preview .bigImg #winSelector {
    width: 1.8rem;
    height: 1.8rem;
}

.preview #winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}


/* bigView */

.preview #bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
    background: #fff;
}

.preview #bigView img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 10000px;
}


/* 180525 */

.swiper-container {
    width: 100%;
    height: 100%;
    display: none;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    width: auto;
    max-height: 4.2rem;
}

@media screen and (max-width: 800px) {
    .preview {
        display: none;
    }
    .swiper-container {
        display: block;
    }
}

.target-fix {
    position: relative;
    top: -2rem;
    display: block;
}



/*2018-7-20 15:46:39;*/
.pageSide{padding-top:.51rem; position:relative; min-height:2rem;}
.pageSide .box{background:#FFF; border:#dcdcdc solid 1px; border-top:0; min-height:6.8rem;
-moz-box-shadow:0 0 .1rem rgba(7,30,80,0.1);
-webkit-box-shadow:0 0 .1rem rgba(7,30,80,0.1);
box-shadow:0 0 .1rem rgba(7,30,80,0.1);
}
.pageSide .title{width:100%; height:1.1rem; overflow:hidden; position:absolute; left:0; top:-.55rem; background:#0c3693;}
.pageSide .title div{font-size:.85rem; font-weight:bold; color:rgba(255,255,255,0.05); position:relative; left:-.2rem; top:.1rem;}
.pageSide .title h2{position:absolute; left:.28rem; top:.55rem; font-size:.3rem; color:#fff; font-weight:400;}
/**/
.sideNav{padding-top:.08rem;}
.sideNav .name{display:block; margin-left:-1px; margin-right:-1px; height:.55rem; line-height:.54rem; border-bottom:#f2f2f2 solid 1px; padding-left:.36rem; font-size:.16rem; position:relative;}
.sideNav .name:before{content:""; display:block; background:url(../image/img21.png) center no-repeat; background-size:cover; width:.21rem; height:.1rem; position:absolute; top:.21rem; right:.24rem;}
.sideNav .name.on{background:#e8efff; border:0;}
.sideNav .name.on:before{background-image:url(../image/img21on.png);}
.sideNav .list{padding:.05rem 0 .4rem .35rem; border-bottom:#f2f2f2 solid 1px; display:none;}
.sideNav .list a{display:block; font-size:.14rem; line-height:.44rem; border-bottom:#f2f2f2 solid 1px; color:#666; padding-left:.17rem; background:.17rem center no-repeat; background-size:.02rem; position:relative;}
.sideNav .list a div{display:none;}
.sideNav .list a:before{content:""; display:block; background:url(../image/img10.png) center no-repeat; background-size:.1rem; position:absolute; top:0; right:.2rem; height:100%; width:.1rem;}
.sideNav .list a.on:before{background-image:url(../image/img10on.png);}
.sideNav .list li:last-child a{border:0;}
.sideNav .list a:hover, .sideNav .list a.on{background-image:url(../image/img2.png); color:#0c3693; padding-left:.25rem;}
.sideNav .list dl{padding-left:.35rem; display:none;}
.sideNav .list dd a{padding-left:0; background-position:left center;}
.sideNav .list dd a:before{display:none;}
.sideNav .list dd a:hover, .sideNav .list dd a.on{padding-left:.1rem;}