/* 

* @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:  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(/uploads/image/fwaimage/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:  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:  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:  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:  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:  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:  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:  no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; }

.productshow .imglist .prev:hover { }

.productshow .imglist .next { right: 0px; background:  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:  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:  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:  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:  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(/uploads/image/fwaimage/prev.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto; left: 0; }

.showcontent .slide .next { background: url(/uploads/image/fwaimage/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:  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: ; }

.solutionnew .list li:nth-of-type(4n 2) { background: ; }

.solutionnew .list li:nth-of-type(4n 3) { background: ; }

.solutionnew .list li:nth-of-type(4n 4) { background: ; }

.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(/uploads/image/fwaimage/prev.png) no-repeat center; transform: rotate(90deg); -webkit-background-size: 100% auto; background-size: 100% auto; top: 0; }
.animatecircle .imgslide .next { background: url(/uploads/image/fwaimage/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(/uploads/image/fwaimage/prev.png) no-repeat center;
    background-size: 100% auto;
}

.preview .scrollbutton.smallimgdown,
.preview .scrollbutton.smallimgdown.disabled {
    background: url(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/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(/uploads/image/fwaimage/img10on.png);}
.sidenav .list li:last-child a{border:0;}
.sidenav .list a:hover, .sidenav .list a.on{background-image:url(/uploads/image/fwaimage/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;}