@charset "utf-8";/* CSS Document */

*{margin: 0;padding: 0;}

html {font-size: 62.5%;height: 100%}

body {margin: 0 auto;font-family:"微软雅黑";font-size: 14px;font-size: 1.4rem;height: 100%;}

img {border: none;}

ul li {list-style-type: none;}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}

a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}

h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}

.clear {clear: both;}

.maln {margin-left: 0 !important}

input, textarea {font-family:"微软雅黑";font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}

.l{ float:left;}

.r{ float:right;}

.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }



::-webkit-input-placeholder {/* WebKit browsers */

 color:#1b1b1b;}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#1b1b1b;}

::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#1b1b1b;}

:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#1b1b1b;}

 

@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}

@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}



@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}



/*********************** search *****************************/

.search{width:33px;z-index:9999;background:none;margin-top: 41px;}

.search1{width:62px;z-index:9999;background:none;margin-top: 51px;}

.search1 a{float: left; margin-left: 10px;}

.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}

.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999;}

.search_1000{}

.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}

.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:"微软雅黑"; color:#333; border-radius:4px; background:none;color: #333;}

.sb-icon-search,.sb-search-submit{width: 33px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../img/sousuo.png) no-repeat center;border:none;}



.sb-search.sb-search-open,

.no-js .sb-search {width: 236px;height:32px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#fff; border-radius:17px;border: 1px solid #00adf1;}

.no-js .sb-search .sb-icon-search {position:absolute;background:url(../img/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}

.no-js .sb-search .sb-search-submit{z-index:91;}





/*.container*/

.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }



.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }



.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }



.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }



.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../img/sousuo.png) no-repeat center center; }



.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top:45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }



.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("fonts/shizi.png") no-repeat center center;  }



.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }



.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px;}



.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }



.container .nav > ul > li .c-show { display: none; width: 100%; }





.container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px;}



.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;  font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}



.container .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }





.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}



.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2{position: relative; }



.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}



.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a  span { font-size: 12px; font-size: 1.2rem; color: #fff; }





.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}



.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }



.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }





.container .nav > ul > dl{padding: 20px;}



.container .nav > ul > dl dd{float: left;margin: 0 2px;}



.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }



.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #00adf1; }



@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }





/***********  lunbo  *************/

#lun2{position: relative;}

.slide .carouse{width:100%;overflow:hidden;position:relative}

.slide .slideItem .banner-img{width:100%;display: block;}

.slide .carouse .slideItem{

	width:100%;

	position:absolute;

}

.slide .console{

	height: 57px;

    display: inline-block;

    width: 35px;

    position: absolute;

    top: 40%;

}

.slide .dotList{

    text-align: center;

    position: absolute;bottom: 15px;width: 100%;left: 0;

}

.slide .dotList ul li{

	display: inline-block;

    width: 12px;

    height: 12px;

    background: #00adf1;

    border: 2px solid #00adf1;

    border-radius: 50%;

    margin-left: 13px;

    cursor:pointer;

}

.slide .dotList ul li.active{

	 background: transparent;

}

.slide .carousel-control{

	position: absolute;

    top: 45%;

    width: 30px;

    height: 30px;

    z-index:999;

}

.slide .carousel-control.left{

	left:0;

	background-image:url("../img/prev.png");

	cursor:pointer;

}

.slide .carousel-control.right{

	right:0;

	background-image:url("../img/next.png");

	cursor:pointer;

}

.slide .slidedetail{display:none;}





.imgtoVideo img{width:100%;}

.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}

.imgtoVideo>div:hover .imgtoVideoDetail{display:block}

.imgtoVideo .imgtoVideoDetail{

	width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding:1px;

    display:none

}

.imgtoVideo .imgtoVideoDetail >div{

	 background: rgba(0, 98, 197,0.8);

	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);

	 width: 100%;

     height: 100%;

     text-align:center;

}

.imgtoVideo .tovideo .imgtoVideoDetail{

	display:block;

}

.imgtoVideo .tovideo .imgtoVideoDetail >div{

	    background: #0C2D47;

    width: 60px;

    height: 60px;

    color: #fff;

    line-height: 60px;

    vertical-align: middle;

    margin: 0 auto;

    margin-top: 17%;

}

.imgtoVideo .imgtoVideoDetail .fa-search{

	color: #fff;

    font-size: 25px;

    margin-top: 21%;

}

.contentIV{

	position: fixed;

    top: 0;

    left: 0;

    right:0;

    width: 100%;

    height: 100%;

    display: table;

    background: rgba(20, 43, 73,0.8);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);

    margin:0 auto;

    z-index:-999;

    max-width:1024px;

    display:none;

}



#picturetoVideo .carouse .slideItem{display:table;height:100%}

#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}

#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}

.closeContentIV{

	    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 25px;

    color: #fff;

    font-weight: bold;

    cursor:pointer;

    z-index: 999;

}



@media screen and (max-width:639px) {

.slide .dotList ul li{margin-left: 10px;}

.slide .dotList{bottom: 5px;}

.slide .dotList ul li{width: 10px;height: 10px;border-radius: 50%;overflow: hidden;}

.slide .carousel-control.left,.slide .carousel-control.right{display: none;}

}



.head{background: #fff;}

.logo img{width: 100%;max-width: 210px;max-height: 69px;}

.logo{display: block;margin-right: 90px;padding-top: 22px;}

.navlist2{display: none;}

.navlist>li{position: relative;float: left;margin-left: 44px;}

.navlist>li>a{display: block;font-size: 16px;font-size: 1.6rem;font-weight: bold;padding: 0 9px;padding-bottom: 41px;}

.navlist>li.currentnav>a{background: url(../img/navbg.jpg) no-repeat center bottom;color: #00adf1;}

.navlist{padding-top: 49px;}

.navlist>li:hover>a{background: url(../img/navbg.jpg) no-repeat center bottom;color: #00adf1;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.navlist>li{margin-left: 10px;}

.logo{margin-right: 70px;}

}

@media screen and (max-width:999px) {

.navlist{width: 100%;padding-top: 25px;}

.navlist>li{width: 16.66%;text-align: center;margin: 0;}

.navlist>li>a{padding-left: 0;padding-right: 0;padding-bottom: 15px;}

}

@media screen and (max-width:767px) {

.navlist1{display: none;}

.navlist2{display: block;}

.navlist>li{width: 25%;}

.logo{width: 180px;padding-top: 15px;}

.search{display: none;}

}

@media screen and (max-width:500px) {

.navlist>li>a{font-size: 14px;font-size: 1.4rem;}

}



/************ sya ************/

.sya{padding-top: 77px;/*background: url(../img/sybg1.jpg) no-repeat center bottom;*/}

.syazuo{width: 560px;margin-top: 24px;}

.syayou{width: 640px;padding-top: 6px;}



.syabt{display: block;font-size: 28px;font-size: 2.8rem;font-weight: bold;color: #00adf1;text-transform: uppercase;padding-bottom: 12px;background: url(../img/welxian.jpg) no-repeat left bottom;}

.syap1{display: block;font-size: 20px;font-size: 2rem;font-weight: bold;line-height: 40px;margin-bottom: 7px;margin-top: 22px;}

.syap2{display: block;color: #666666;line-height: 30px;padding-right: 45px;}

.syap1:hover{color: #00adf1;}

.syap2:hover{color: #00adf1;}



.syatu3{display: block;margin-top: 103px;}

.syatu3 img{width: 100%;max-width: 560px;max-height: 490px;}

.syabox{float: left;width: 320px;position: relative;}

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

.syabox img{width: 100%;max-width: 320px;max-height: 300px; display: block;}

.syap3{display: block;font-size: 16px;font-size: 1.6rem;color: #fff;line-height: 30px;margin-top: 20px;padding: 0 32px;padding-bottom: 22px;background: url(../img/fzxian.jpg) no-repeat 32px bottom;}

.syap3:hover{color: #333;}

.fangzi{padding-top: 62px;padding-left: 32px;display: block;}

.syap4{display: block;color: #666666;line-height: 30px;padding: 0 28px;padding-top: 30px;}

.syap5{display: block;padding-left: 28px;color: #00adf1;margin-top: 20px;}

.syap6{padding-top: 40px;}

.syap4:hover{color: #00adf1;}

.syap5:hover{text-decoration: underline;}

.fangzi img{width: 49px;height: 41px;}

@media screen and (min-width:1000px) and (max-width:1219px) {

.syazuo{width: 410px;}

.syayou{width: 570px;}

.syabox{width: 285px;}

.syap6{padding-top: 15px;}

.syap4{padding: 0 15px;padding-top: 8px;}

.fangzi{padding-top: 35px;}

.syap5{padding-left: 15px;}

.syatu3{margin-top: 40px;}

}

@media screen and (max-width:999px) {

.syazuo{width: 30%;}

.syayou{width: 70%;}

.sya{padding-top: 40px;}

.syatu3{margin-top: 30px;text-align: center;}

.syabox{width: 50%;}

.syabt{font-size: 20px;font-size: 2rem;}

.syap1{font-size: 16px;font-size: 1.6rem;line-height: 24px;}

.syap2{padding-right: 0;}



.syap6{padding-top: 15px;}

.syap4{padding: 0 15px;padding-top: 8px;}

.fangzi{padding-top: 35px;}

.sya{padding-bottom: 70px;}

.syap5{padding-left: 15px;}



.syap3{padding-left: 15px;padding-right: 15px;background: url(../img/fzxian.jpg) no-repeat 15px bottom;}

}

@media screen and (max-width:767px) {

.syap2{line-height: 24px;}

}

@media screen and (max-width:700px) {

.syazuo{width: 100%;float: none;}

.syayou{max-width: 640px;float: none;margin: 0 auto;width: auto; margin-bottom: 89px;}

}

@media screen and (max-width:600px) {

.syap4{line-height: 24px;}

.syap3{line-height: 24px;}

}

@media screen and (max-width:550px) {

.sya{background: none;}

}

@media screen and (max-width:500px) {

.syabox{float: none;max-width: 320px;margin: 0 auto;width: auto; margin-bottom: 30px;}

.sya{padding-bottom: 30px;}

}



/**************** syicon *****************/

.syicon{background: url(../img/sybg2.jpg) no-repeat center top;padding-top: 88px;padding-bottom: 70px;}

.syicon li{float: left;width: 255px;text-align: center;margin-left: 60px;}

.syicon li a{color: #fff;display: block;}

.syicon li a:hover{color: #00adf1;}

.syicon li a img{width: 100%;max-width: 107px;max-height: 107px;}



.syip1{font-size: 18px;font-size: 1.8rem;padding-bottom: 17px;background: url(../img/iconxian.png) no-repeat center bottom;margin-top: 30px;margin-bottom: 19px;}

.syip2{line-height: 30px;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.syicon li{margin-left: 10px;width: 237px;}

}

@media screen and (max-width:999px) {

.syicon{padding-top: 20px;}

.syicon li{width: 48%;margin: 0 1%;}

.syicon{background: url(../img/sybg2.jpg) repeat-y center top;}

.syip2{height: 120px;overflow: hidden;}

}

@media screen and (max-width:500px) {

.syicon li{width: 98%;margin: 0 1%;}

.syicon{background: url(../img/sybg2.jpg) repeat-y center top;}

.syip2{height: 90px;}

}





/*********** syp ***********/

.syp{padding-top: 126px;padding-bottom: 463px;position: relative;}

.img-scroll7 {position: relative;margin: 0 auto;width: 100%;}

.img-scroll7 .prev7, .img-scroll7 .next7 {position: absolute;display: block;width: 87px;height: 40px;top:2%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}

.img-scroll7 .prev7 {right: 0;margin-right:86px;cursor: pointer;background: url("../img/sys.jpg") no-repeat;}

.img-scroll7 .next7 {right: 0;cursor: pointer;background: url("../img/syx.jpg") no-repeat;}

.img-scroll7 .prev7:hover{background: url("../img/sys2.jpg") no-repeat;}

.img-scroll7 .next7:hover{background: url("../img/syx2.jpg") no-repeat;}

.img-list7 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

.img-list7>ul {width: 10000%;}

.img-list7>ul>li {float: left;display: inline;width: 1%;position: relative;position: relative;}



.sypzuo{margin-left: 60px;}

.sypzuo img{width: 100%;max-width: 459px;max-height: 643px;}

.sypyou{width: 494px;margin-top: 105px;}

.sypyou a{display: block;}

.sypp1{font-size: 34px;font-size: 3.4rem;font-weight: bold;color: #00adf1;}

.sypp2{font-size: 16px;font-size: 1.6rem;line-height: 40px;margin-top: 22px;margin-bottom: 40px;}

.sypp2 p{padding-left: 11px;background: url(../img/sydian.jpg) no-repeat left 17px;}

.sypp2 p a:hover{color: #00adf1;}

.sypp3{width: 168px;height: 43px;line-height: 43px;border: 1px solid #00adf1;background: #fff;color: #fff;text-align: center;font-size: 16px;font-size: 1.6rem;color: #00adf1;border-radius: 8px;}

.sypp1:hover{text-decoration: underline;}

.sypp2:hover{color: #00adf1;}

.sypp3:hover{color: #fff;background: #00adf1;}



.syapp{position: absolute;left: 0;bottom: -80px;width: 100%;background: url(../img/sybg4.png) no-repeat left center;padding-top: 48px;padding-bottom: 12px;}

.syappbt{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;padding-bottom: 15px;background: url(../img/syappxian.jpg) no-repeat left bottom;}

.syappbt a{color: #fff;}

.syappbt a:hover{color: #00adf1;}



/****new lunbo****/

.main4{ background:url(../img/m4bei.jpg) repeat-y center; min-width:1200px;}

.m4l{ width:1083px; float:left; padding-top:28px;}

.m4lbiao{ display:block; float:left; background:url(../img/jiaobiao.png) no-repeat left center; font-size:40px; font-size:4rem; text-transform:uppercase; padding-left:54px;}

.m4r{ width:509px; float:right; position:relative;}

.m4lmor{ display:block; width:70px; height:24px; border-radius:12px; text-align:center; line-height:24px; float:right; background:#253d7a; font-size:14px; font-size:1.4rem; color:#fff; margin-top:15px;margin-right: 30px;}

.m4lmor:hover{ background:#ee5236;}





.ck-slide { position: relative;width: 100%; height:337px; margin: 0 auto; margin-top:9px;}

.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}

.ck-slide ul.ck-slide-wrapper { position:absolute; width:100%; height:337px; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}

.ck-slide ul.ck-slide-wrapper li { position: absolute; display:none;}

.ck-slidebox { position: absolute; bottom:180px; right:-85px; z-index: 30;}

.ck-slidebox ul li { height: 10px; width:10px; margin:0 6px; background:#fff; border-radius:50%; cursor:pointer;margin-bottom: 15px;border: 2px solid #fff;}

.ck-slidebox ul li.current { background-color: transparent;}

.ck-slidebox ul li:hover { background-color: transparent;}





.m4lie{ margin-top:17px;margin-bottom: 25px;position: relative;float: left;overflow: hidden;}

.m4ri{ width:65px; float:left; font-size:55px; font-size:5.5rem; text-transform:uppercase; line-height:80px;}

.m4yue{ width:30px; float:left; margin-left:7px; margin-top:11px; background:url(../img/dian.jpg) no-repeat center; font-size:14px; font-size:1.4rem; text-transform:uppercase; line-height:30px;}

.m4zi p a{ display:block; margin-left:128px; font-size:14px; font-size:1.4rem; line-height:24px; padding-top:15px; height:48px; overflow:hidden;}

.m4zi p a:hover{ color:#253d7a;}



.m4rbiao1{ display:block; font-size:40px; font-size:4rem; color:#fff;line-height:52px; padding-top:53px;}

.m4rbiao2{ display:block; font-size:46px; font-size:4.6rem; color:#fff; line-height:52px; text-transform:uppercase;}

.m4rlie{ width:410px; margin-left:7px; margin-top:21px; margin-bottom:30px;}

.m4rlie>a{ display:block; font-size:24px; font-size:2.4rem; color:#fff; line-height:35px; background:url(../img/m4baitiao.jpg) no-repeat 4px bottom; padding-bottom:5px;}

.m4rlie p a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:24px; margin-top:7px; margin-left:5px;}

.m4r a:hover{ color:#253d7a;}

.m4mor{ position:absolute; right:2px; top:323px;}

.special{margin-right: auto!important;}



.appcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: rgba(0,112,178,0.8);}

.appcover span{color: #fff;text-align: center;font-size: 18px;font-size: 1.8rem;padding-bottom: 97px;background: url(../img/syjia.png) no-repeat center bottom;display: block;text-transform: uppercase;padding-top: 18%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.m4lie img{width: 100%;max-width: 361px;max-height: 252px;}

.m4lie:hover .appcover{top: 0;}







@media screen and (min-width:1000px) and (max-width:1219px) {

.syp{padding-top: 70px;}

.m4l{width: 900px;}

.m4lie{width: 33.33333%;}

.syicon{padding-top: 50px;}

.sypzuo{margin-left: 0;}

}

@media screen and (max-width:999px) {

.sypzuo{width:44%;}

.sypyou{width: 55%;margin-top: 60px;}

.syp{padding-top: 65px;}

.sypp1{font-size: 26px;font-size: 2.6rem;}

.syicon{padding-bottom: 20px;}

.m4lie{width: 33.33333%;}

.m4l{width: 100%;}

.ck-slidebox{right: 20px;}

.ck-slidebox ul li{float: left;margin-bottom: 0;}

.ck-slidebox{bottom: 25px;}

.ck-slide ul.ck-slide-wrapper{height: 335px;}

.ck-slide{height: 335px;}

.syappbt{font-size: 30px;font-size: 3rem;}

.syapp{position: static;}



.appcover{position: static;}

.appcover span{padding-top: 20px;padding-bottom: 0;background: none;font-size: 14px;font-size: 1.4rem;}

.syp{padding-bottom: 0;}



.appcover span{padding-left: 10px;padding-right: 10px;}

.sypzuo{margin-left: 0;}

}

@media screen and (max-width:900px) {

.sypp2{line-height: 30px;font-size: 14px;font-size: 1.4rem;}

.syapp{margin-top: 20px;}

}

@media screen and (max-width:767px) {

.sypp1{font-size: 20px;font-size: 2rem;}

.sypp2{margin-bottom: 20px;margin-top: 10px;}

.sypzuo{width: 38%;}

.sypyou{margin-top: 20px;}

.syappbt{font-size: 20px;font-size: 2rem;}

.ck-slide ul.ck-slide-wrapper{height: 280px;}

.ck-slide{height: 280px;}

.m4l{padding-top: 0;}

.syapp{padding-top: 30px;}

}

@media screen and (max-width:600px) {

.sypzuo{float: none;width: 50%;margin: 0 auto;margin-top: 20px;}

.sypyou{width: 100%;float: none;}

}

@media screen and (max-width:550px) {

.ck-slide ul.ck-slide-wrapper{height: 225px;}

.ck-slide{height: 225px;}

}

@media screen and (max-width:500px) {

.m4lie{float: none;min-width: 358px;margin: 0 auto;margin-bottom: 15px;}

.ck-slide ul.ck-slide-wrapper{height: 960px;}

.ck-slide{height: 960px;}

.syapp{background: #0076b8;}

.ck-slide ul.ck-slide-wrapper li{width: 100%;}

}

@media screen and (max-width:380px) {

.m4lie{float: none;min-width: 280px;margin: 0 auto;margin-bottom: 15px;}

.ck-slide ul.ck-slide-wrapper{height: 790px;}

.ck-slide{height: 790px;}

.syapp{background: #0076b8;}

.ck-slide ul.ck-slide-wrapper li{width: 100%;}

}



/************ syn *************/

.syn{padding-top: 175px;padding-bottom: 101px;  background: url(../img/sybg3.jpg) no-repeat center top;background-attachment: fixed;}

.synbt{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-align: center;background: url(../img/synxian.jpg) no-repeat center bottom;padding-bottom: 22px;margin-bottom: 62px;}

.synbt a{color: #fff;text-transform: uppercase;}

.synbt a:hover{color: #00adf1;}



.synbox{float: left;width: 370px;background: #fff;margin-left: 45px;}

.synbox img{width: 100%;max-width: 370px;max-height: 200px;min-height: 200px;}

.synnr{padding: 0 18px;padding-bottom: 18px;padding-top: 14px;}

.synnr a{display: block;}



.synp1{font-size: 16px;font-size: 1.6rem;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.synp2{color: #666666;line-height: 30px;margin-top: 3px;height: 90px;overflow: hidden;margin-bottom: 15px;}

.synp3{padding-left: 23px;background: url(../img/rili.png) no-repeat left center;color: #999999;font-size: 12px;font-size: 1.2rem;}

.synp1:hover{color: #00adf1;}

.synp2:hover{color: #00adf1;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.synbox{margin-left: 30px;width: 306px;}

}

@media screen and (max-width:999px) {

.synbox{width: 31.333%;margin: 0 1%;}

.syn{padding-top: 40px; background: #172959;}

}

@media screen and (max-width:767px) {

.synnr{padding-left: 10px;padding-right: 10px;}

.synbt{font-size: 26px;font-size: 2.6rem;margin-bottom: 30px;}

.syn{padding-bottom: 45px;}

}



/************ bottom *************/

.bottom{padding-top: 60px;padding-bottom: 26px;background: #030d26;}

.bottom2{padding-bottom: 13px;}

.div a,.div p,.div li,.div span{color: #7d89a8;}

.div>span,.div>a{display: block;text-transform: uppercase;font-size: 22px;font-size: 2.2rem;color: #e0e0e0;margin-bottom: 15px;}

.div>a:hover{color: #fff;}

.div li{line-height: 36px;}

.div li a:hover{color: #fff;}

.div1{margin-right: 197px;}

.div2{width: 355px;}

.div3{width: 335px;}



.bsjj a{float: left;margin-left: 20px;position: relative;top: 0;transition: 0.5s;}

.bsjj a:hover{top: -5px;}

.bsjj{padding-top: 13px;}

.copyright{line-height: 36px;padding-top: 10px;}

.copyright a:hover{color: #fff;}

.reanod,.cnzz{display: inline-block;margin-top: 10px;}

.reanod{padding-right: 10px;}

.link{line-height: 30px;margin-top: 45px;}

.link span,.link a{color: #e0e0e0;}

.link span{text-transform: uppercase;}

.link a{padding-right: 10px;}

.link a:hover{color: #00adf1;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.div1{margin-right: 100px;}

}

@media screen and (max-width:999px) {

.div>span, .div>a{font-size: 18px;font-size: 1.8rem;}

.div1{width: 34%;margin-right: 1%;}

.div2{width: 65%;}

.div3{width: 100%;margin-top: 20px;}

.bsjj a{margin-left: 0;margin-right: 20px;}

.bottom{padding-top: 30px;}

.link{margin-top: 20px;}

}

@media screen and (max-width:767px) {

.div1,.div2{display: none;}

.div>span{display: none;}

.bsjj{display: none;}

.div3{margin-top: 0;}

.copyright{padding-top: 0;}

.link span, .link a{display: none;}

.bottom{padding-top: 15px;}

.link{margin-top: 0;}

}





/*********** bread **********/

.bread{min-height: 190px;background: url(../img/bannerf.jpg) no-repeat center top;text-align: center;color: #fff;}

.bread p{font-size: 26px;font-size: 2.6rem;font-weight: bold;text-transform: uppercase;color: #fff;padding-top: 62px;padding-bottom: 16px;}

.bread a{color: #fff;}

.bread a:hover{color: #00adf1;}

.bread a.currentbread{color: #00adf1;}





/************ contact *************/

.contact{padding-top: 30px;padding-bottom: 100px;}



.contact .ctop { padding-top: 35px; max-width: 100%; width: 100%; margin: 0 auto; }



.contact .ctop dl { margin: 0 auto; width: 100%; }



.contact .ctop dl dd { width: 205px; float: left; margin-left: 16px; }



.contact .ctop dl dd .top1 img { display: block; margin: 0 auto; max-width: 152px; }



.contact .ctop dl dd .bottom1 { text-align: center;color: #333; padding-top: 27px; line-height: 30px; }



.contact .ctop dl dd .bottom1 a { display: block; text-align: center; color: #333; }



.contact .ctop dl dd .bottom1 a:hover { color: #00adf1; }



.footer a:hover { color: #00adf1; }



.contact .didian1 {margin: 30px auto 0; line-height: 33px; max-width: 715px;}



.contact .didian1 span { display: inline-block; background: url(../img/site2.png) no-repeat left 3px; padding-left: 26px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; }



.cobiao { display: block; text-align: center; font-size: 24px; font-size: 2.4rem; color: #00adf1; padding-top: 32px; text-transform: uppercase; }



.cop { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666666; text-align: center; margin-top: 0px; margin-top: 4px;}



.coxin { margin-top: 20px; }



.col { width: 496px; float: left; }



.cor { width: 664px; float: right; }



.coxin .int1 { padding-left: 15px; margin-top: 18.5px; }



.coxin .xing { background: url(../img/xing.png) no-repeat left 22px; }



.coxin .int1 input { border: 1px solid #d9d9d9; width: 439px; height: 48px; padding-left: 38px; line-height: 48px; }



.curen { background: #fff url(../img/curen.jpg) no-repeat left center; }



.cuxinfeng { background: #fff url(../img/cuxinfeng.jpg) no-repeat left center; }



.cudianhua { background: #fff url(../img/cudianhua.jpg) no-repeat left center; }



.cufang { background: #fff url(../img/cuguojia.jpg) no-repeat left center; }



.coxin textarea { font-family: "微软雅黑"; border: 1px solid #d9d9d9; width: 605px; height: 185px; padding-left: 41px; line-height: 48px; background: #fff url(../img/cuxinxi.jpg) no-repeat left top; }



.coxin .int2 { padding-left: 14px; margin-top: 18.5px; }



.coxin .int3 { border: 1px solid #d9d9d9; width: 227px; height: 48px; padding-left: 12px; line-height: 41px; float: left; background: #fff; }



.cuyanzheng { width: 161px; height: 50px; float: left; margin-left: 8px; cursor: pointer; }



.coxin .int4 { width: 199px; height: 50px; background: #00adf1; font-size: 16px; font-size: 1.6rem; color: #fff; float: right; cursor: pointer; border-radius: 0px; }



.map {}



.map img { cursor: pointer; display: block; width: 100%; max-width: 1198px; margin-top: 56px; max-height: 416px; }



.ditu{cursor: pointer; display: block; width: 100%; max-width: 1198px; margin-top: 56px; max-height: 416px; }



@media screen and (min-width: 1220px){

.contact .ctop dl dd.no_margin{margin-left: 165px!important;}	

}

@media screen and (min-width: 1000px) and (max-width: 1219px) { .col { width: 47%; }

  .cor { width: 47%; }

  .contact .ctop dl dd { margin-left: 7px; }

  .coxin textarea { width: 408px; }

  .coxin .int3 { width: 130px; }

  .coxin .int4 { width: 129px; } 

  .contact .ctop dl dd.no_margin{margin-left: 83px!important;}}



@media screen and (max-width: 999px) { .coul { width: 30%; margin-left: 1.5%; margin-right: 1.5%; float: left; height: 100px; }

  .contact .ctop dl dd { width: 23%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 10px; }

  .contact .ctop dl dd .bottom1 { padding-top: 10px; padding-bottom: 10px; }

  .col { width: 100%; float: none; }

  .cor { width: 100%; float: none; }

  .coxin .int1 input { width: 90%; }

  .coxin textarea { width: 90%; }

  .coxin .int3 { width: 30%; }

  .coxin .int4 { width: 30%; float: left; margin-left: 8px; } 

  .contact .didian1{margin: 15px auto 0;}

  .contact{padding-bottom: 30px;}

	}



@media screen and (max-width: 979px) { .contact { padding-top: 40px; }

  .contact .ctop { width: 100%; padding-top: 0px; } }

@media screen and (max-width: 979px) {

.contact .ctop dl dd{width: 48%;}

.contact .ctop dl dd .bottom1{min-height: 65px;}

}



@media screen and (max-width: 749px) { .contact { padding-top: 20px; }

  .map img { margin-top: 20px; }

  .map { margin-bottom: 20px; }

  .cobiao { padding-top: 20px; }

  .contact .didian1 { margin-top: 0px; }

  .contact .ctop dl dd { width: 48%; margin-bottom: 0px; }

  .contact .ctop dl dd .bottom1 {font-size: 14px; font-size: 1.4rem; }

  .contact .ctop dl dd .bottom1 a { font-size: 14px; font-size: 1.4rem; } 

  }



@media screen and (max-width: 639px) { .coul { width: 47%; margin-left: 1.5%; margin-right: 1.5%; float: left; }

  .coxin .int1 input { width: 85%; }

  .coxin textarea { width: 84%; }

  .coxin .int3 { width: 84%; padding-left: 41px; float: none; }

  .cuyanzheng { margin-left: auto; margin-top: 11px; }

  .coxin .int4 { width: 36%; float: left; margin-left: 8px; margin-top: 11px; } }



@media screen and (max-width: 480px) { .contact .didian1 { width: auto; } }

@media screen and (max-width: 430px) {

.contact .ctop dl dd{width: 98%;}

}

@media screen and (max-width: 379px) { .coul { width: 97%; margin-left: 1.5%; margin-right: 1.5%; float: left; height: auto; } }





/*************** about4 **************/

.about4{padding-bottom: 83px;}



.team{font-size: 24px;font-size: 2.4rem;color: #00adf1;padding-top: 63px;}

.afl{padding-top: 58px;padding-bottom: 33px;border-bottom: 1px solid #b8b8b8;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}

.afl li{float: left;margin-left: 258px;}

.afl li a{padding-left: 13px;display: block;background: url(../img/fldian1.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}

.afl li a:hover{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}

.afl li.currentfl a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}

.lunboa {padding-bottom: 22px;}

.lunboa .ban .ban2 ul li{position: relative;}

.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 32px; color: #fff;line-height: 32px;background:rgba(0,0,0,0.7);font-family: "微软雅黑"}

.lunboa .ban .ban2 ul li .mzz a{width: 100%; }





.lunboa{position: relative;}

img{ border:0;}

/*1*/

.ban{ width:864px; height:729px; position:relative; 

/*overflow:hidden;*/

margin:31px auto 0 auto;}

.ban2{ width:864px; height:564px; position:relative; overflow:hidden;margin: 0 auto;right: 0px;box-shadow: 0px 4px 10px 2px #d8d8d8;}

.ban2 ul{ position:absolute; left:0; top:0;}

.ban2 ul li{ width:845px; height:546px;padding-left: 10px;padding-right: 9px;padding-top: 9px;padding-bottom: 9px;background: #fff;}

.prev{ float:left; cursor:pointer;}



/*2*/

.num{ height:147px;overflow:hidden; width:864px; position:relative;float:left;}

.min_pic{ padding-top:12px;}

.num ul{ position:absolute; left:0; top:0;}

.num ul li{ width:199px; height:123px; margin-right:23px; padding:0px;padding-top: 8px;}

.num ul li a{display: block;background: transparent;padding: 3px;padding-right: 2px;}

.num ul li a img{width: 193px;height: 123px;}

.num ul li.on a{background: #00adf1;}

.num ul li.on{background: url(../img/sjt.png) no-repeat center top;}

.prev_btn1{ width:16px; text-align:center; height:21px; margin-top:47px; margin-right:30px; cursor:pointer; float:left;}

.next_btn1{  width:16px; text-align:center; height:21px; margin-top:47px;cursor:pointer;float:right;}

.prev1{ position:absolute; top:260px; left:-60px; width:24px; height:45px;z-index:9;cursor:pointer;background: url("../img/lbs.png") no-repeat; }

.next1{ position:absolute; top:260px; right:-60px; width:24px; height:45px;z-index:9;cursor:pointer;background: url("../img/lbx.png") no-repeat;}

.prev1:hover{background: url("../img/lbs2.png") no-repeat;}

.next1:hover{background: url("../img/lbx2.png") no-repeat;}

.mhc{

        z-index: 99999;

        background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:fixed; left:0; top:0; display:none;}



/*3*/

.pop_up{ width:845px; height:546px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-498px; margin-top:-273px; display:none; z-index:9999999;}

.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;background: url("../img/guanbi.png") no-repeat;}

.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.pop_up2{ width:845px; height:546px; position:relative; overflow:hidden; float:left;}

.pop_up2 ul{ position:absolute; left:0; top:0;}

.pop_up2 ul li{ width:845px; height:546px; float:left;}



.tukuang{position: relative;display: block;}

.lunboa {padding-bottom: 0px;padding-top: 6px;}

.lunboa .ban .ban2 ul li{position: relative;}

.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 39px; color: #fff;line-height: 39px;background: #000;background:rgba(0,0,0,0.5);font-size: 16px;font-size: 1.6rem;}



.lunboa .ban .ban2 ul li .mzz a{width: 100%; }





.lunbob{display: none;}

.lunbob ul li{width: 48%;position: relative;float: left;margin: 20px 1%!important;}

.lunbob ul li a{display: block;}

.lunbob ul li a img{display: block;width: 100%;}

.lunbob ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}

.lunbob ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(../img/mzz.png) repeat center center;}



.xiaoping{display: none;}

.xiaoping li{width: 48%;margin: 0 1%;margin-bottom: 20px;float: left;}

.xiaoping li img{width: 100%;max-width: 845px;max-height: 546px;}

.xiaoping li p{text-align: center;margin-top: 10px; min-height: 52px;}



@media screen and (min-width:1000px) {

.afl li.no_margin{margin-left: 48px!important;}

}

@media screen and (min-width:1000px) and (max-width:1219px) {

.renbox{margin: 0 39px;margin-bottom: 60px;margin-top: 40px;}

.a3zy{background: url(../img/a3bg1.jpg) no-repeat center -270px;}



.afl li{margin-left: 70px;}

.lunboa{padding-top: 35px;}

}

@media screen and (max-width:999px) {

.lunboa{display: none;}

.xiaoping{display: block;padding-top: 20px;}

.renbox{width: 48%;margin: 0 1%;margin-bottom: 60px;margin-top: 40px;}



.afl{padding-top: 20px;padding-bottom: 15px;}

.afl li{width: 49%;margin-right: 1%;margin: 0;margin-bottom: 10px;}

.about4{padding-bottom: 30px;}

.team{padding-top: 35px;}

}

@media screen and (max-width:750px) {

.renbox{width: 90%;margin: 0 5%;margin-bottom: 40px;margin-top: 40px;}

.bread p{padding-top: 35px;}

.bread{min-height: 130px;}

}

@media screen and (max-width:639px) {

.afl li a{font-size: 14px;font-size: 1.4rem;}

}

@media screen and (max-width:400px) {

.renboxn span{position: static;}

.renboxn{padding: 0 15px;}

.renbox{padding-top: 66px;}

.afl li{width: 100%;margin-right: 0;}

.bread p{font-size: 20px;font-size: 2rem;padding-top: 20px;}

.bread{min-height: 100px;}

}



/************ about3 ************/

.about3{padding-bottom: 95px;}

.dh{padding-top: 58px;font-size: 24px;font-size: 2.4rem;color: #00adf1;margin-bottom: 26px;}

.ls{background: url(../img/dabiao.jpg) no-repeat 83px top;padding-top: 54px;}

.lsn{background: url(../img/lanshu.jpg) repeat-y 109px top;padding-top: 10px;padding-bottom: 20px;}

.lshang{position: relative;padding-top: 42px;margin-bottom: 25px;}

.lshang span{font-size: 20px;font-size: 2rem;color: #00adf1;padding-right: 20px;background: url(../img/lsjt.jpg) no-repeat right center;position: absolute;left: 0;top: 0;}

.lsnr{margin-left: 102px;padding-left: 49px;background: url(../img/lsdian.jpg) no-repeat left top;}

.lsnr p{line-height: 30px;}



@media screen and (min-width:1000px) and (max-width:1219px) {



}

@media screen and (max-width:999px) {

.about3{padding-bottom: 30px;}

}



@media screen and (max-width:639px) {

.ls{background: none;padding-top: 0;}

.dh{padding-top: 30px;font-size: 20px;font-size: 2rem;}

.lsn{background: none;}

.lsnr{background: none;margin-left: 0;}

.lshang{padding-top: 25px;}

}

@media screen and (max-width:450px) {

.lsnr{padding-left: 0;}



}



/******************** product1 *******************/

.product1{padding-bottom: 97px;}

.pfl{padding-top: 58px;padding-bottom: 33px;border-bottom: 1px solid #b8b8b8;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}

.pfl li{float: left;margin-left: 266px;}

.pfl li a{display: block;padding-left: 17px;background: url(../img/fldian1.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}

.pfl li:hover a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}



.xuanzhong{background: url(../img/fldian2.jpg) no-repeat left center !important;color: #00adf1 !important;}





.phui{background: #f6f6f6;padding-top: 23px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;margin-top: 50px;}

.huip1{font-size: 18px;font-size: 1.8rem;line-height: 30px;margin-bottom: 3px;}

.clxq{color: #666666;line-height: 30px;margin-bottom: 22px;}

.clxq p,.clxq span,.clxq li,.clxq b{color: #666666;}

.clxq a{color: #00adf1;}

.clxq img,.clxq iframe{max-width: 100%;}



.pbox{width: 362px;float: left;margin-left: 56px;position: relative;margin-top: 52px;margin-bottom: 31px;}

.ptu{display: block;border: 1px solid #e7e7e7;}

.ptu img{width: 100%;max-width: 480px;max-height: 506px;}

.pbox input{position: absolute;left: 7px;top: 10px;cursor: pointer;}



.pp1{display: block;font-size: 18px;font-size: 1.8rem;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 15px;}

.pp2{display: block;color: #666666;line-height: 30px;height: 60px; margin-top: 7px;margin-bottom: 33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pp3{display: block;width: 145px;height: 35px;line-height: 35px;text-align: center;color: #00adf1;border: 1px solid #00adf1;border-radius: 5px;}

.pp1:hover{color: #00adf1;}

.pp2:hover{color: #00adf1;}

.pp3:hover{background: #00adf1;color: #fff;}



.ms_ye1{text-align: center;}

.ms_ye{text-align: center;}

.ms_ye a{display: inline-block;width: 33px;line-height: 28px;text-align: center;margin: 0 2.3px;font-size: 12px;font-size: 1.2rem;background: #fff;border: 1px solid #e5e5e5;font-family: "微软雅黑";}

.ms_sx{width: 59px!important;}

.ms_ye .ms_current_ye{background: #00adf1;border: 1px solid #00adf1;color: #fff;}

.ms_ye a:hover{background: #00adf1;border: 1px solid #00adf1;color: #fff;}

.product1 .ms_ye{margin-top: 16px;}

.xiangshang input{width: 150px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #00adf1;cursor: pointer;}

.xiangshang{display: inline-block;padding-right: 19px;background: url(../img/xs.jpg) no-repeat right 5px;margin-left: 13px;}



.clapp{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;padding-bottom: 22px;background: url(../img/appxian.jpg) no-repeat center bottom;text-align: center;padding-top: 71px;margin-bottom: 59px;}

.clapp a{color: #00adf1;}



.appbox{float: left;position: relative;margin-left: 100px;width: 550px;}

.apptu{position: absolute;left: 0;top: 0;}

.apptu img{width: 100%;max-width: 228px;max-height: 159px;}

.appnr{padding-left: 247px;}

.appp1{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-size: 2rem;line-height: 38px;margin-bottom: 5px;}

.appp2{display: block;color: #666666;line-height: 30px;height: 120px;overflow: hidden;}

.appp1:hover{color: #00adf1;}

.appp2:hover{color: #00adf1;}



@media screen and (min-width:1000px) {

.pfl li.no_margin{margin-left: 150px!important;}

}



@media screen and (min-width:1000px) and (max-width:1219px) {

.pfl li{margin-left: 140px;}

.pbox{margin-left: 30px;width: 306px;}

.appbox{margin-left: 35px;width: 472px;}

}

@media screen and (max-width:999px) {

.pfl li{width: 31.333%;margin: 0 1%;}

.phui{margin-top: 25px;}

.pbox{width: 31.333%;margin: 0 1%;margin-top: 20px;}

.product1 .ms_ye{margin-top: 50px;}

.clapp{padding-top: 40px;font-size: 30px;font-size: 3rem;margin-bottom: 40px;}

.appbox{width: 100%;margin-left: 0;margin-bottom: 30px;}

.product1{padding-bottom: 30px;}

.ms_ye a{margin-bottom: 10px;}

}

@media screen and (max-width:639px) {

.pbox{width: 48%;}

.huip1{font-size: 16px;font-size: 1.6rem;}

.clapp{font-size: 22px;font-size: 2.2rem;}

}

@media screen and (max-width:500px) {

.apptu{position: static;text-align: center;}

.appnr{padding-left: 0;}

.appbox{margin-bottom: 5px;text-align: center;}



}

@media screen and (max-width:450px) {

.pbox{width: 98%;}

}



/******************** product2 *******************/

.product2{padding-bottom: 97px;}

.pyou{width: 667px;padding-top: 76px;}

.pzuo{padding-top: 76px;}

.pzuo a{display: block;border: 1px solid #e7e7e7;}

.pzuo a img{width: 100%;max-width: 480px;max-height: 506px;}

.btn1,.btn2{width: 156px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;color: #fff;background: #8a8a8a;display: inline-block;}

.btn1:hover{background: #00adf1;}

.btn2:hover{background: #00adf1;}

.btn1{margin-right: 41px;}

.btn2{margin-right: 30px;}

.btn3{font-size: 16px;font-size: 1.6rem;font-weight: bold;color: #00adf1;padding-left: 27px;background: url(../img/xiazai.jpg) no-repeat left center;text-transform: uppercase;}

.pyou h1{font-size: 24px;font-size: 2.4rem;line-height: 26px;}



.cpxx{color: #666666;line-height: 36px;padding-top: 12px;}

.cpxx li,.cpxx p,.cpxx span,.cpxx b{color: #666666;}



.twobtn{padding-top: 140px;}

.share{padding-top: 48px;}

.share1{color: #00adf1;position: relative;top: 3px;padding-right: 7px;}



.cptulist{padding-top: 59px;}

.cptulist li{float: left;margin-left: 26px;width: 280px;margin-bottom: 26px;}

.cptulist li img{width: 100%;max-width: 280px;max-height: 210px;display: block;}



.des{font-size: 28px;font-size: 2.8rem;font-weight: bold;line-height: 32px;padding-bottom: 11px;background: url(../img/desbg.jpg) no-repeat left bottom;padding-top: 32px;}

.deszuo{width: 50%;}

.desyou{width: 536px;margin-top: 20px;}



.img-scroll2 {position: relative;margin: 0 auto;width: 100%;}

.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 16px;height: 30px;top:58%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}

.img-scroll2 .prev2 {left: 0;margin-right:86px;cursor: pointer;background: url("../img/cps.png") no-repeat;}

.img-scroll2 .next2 {right: 0;cursor: pointer;background: url("../img/cpx.png") no-repeat;}

.img-scroll2 .prev2:hover{background: url("../img/cps2.png") no-repeat;}

.img-scroll2 .next2:hover{background: url("../img/cpx2.png") no-repeat;}

.img-list2 {position:relative;width:480px;overflow: hidden;margin: 0 auto;}

.img-list2>ul {width: 10000%;}

.img-list2>ul>li {float: left;display: inline;width: 1%;position: relative;position: relative;}

.img-list2>ul>li img{width: 100%;max-width: 480px;max-height: 506px;}



.deszuo b{font-size: 18px;font-size: 1.8rem;color: #00adf1;}

.deszuo{padding-top: 36px;}

.deszuo p{line-height: 24px; font-size: 14px; font-size: 1.4rem;}

.deszuo p strong{color: #00adf1; font-size: 1.6rem; font-size: 16px; }

.deszuo img,.deszuo iframe{max-width: 100%;}

.chanpinx{line-height: 30px;}

.chanpinx a{color: #00adf1;}

.chanpinx img,.chanpinx iframe{max-width: 100%;}



.des2{margin-bottom: 38px;}

.fyptu{display: block;border: 1px solid #ececec;}

.fyptu img{display: block;width: 100%;max-width: 480px;max-height: 506px;}

.fypp{display: block;line-height: 20px;margin-top: 10px;}



.img-scroll3 {position: relative;margin: 0 auto;width: 100%;}

.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width: 16px;height: 30px;top:-11%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}

.img-scroll3 .prev3 {right: 0;margin-right:43px;cursor: pointer;background: url("../img/zjs.png") no-repeat;}

.img-scroll3 .next3 {right: 0;margin-right:3px;cursor: pointer;background: url("../img/zjx.png") no-repeat;}

.img-scroll3 .prev3:hover{background: url("../img/zjs2.png") no-repeat;}

.img-scroll3 .next3:hover{background: url("../img/zjx2.png") no-repeat;}

.img-list3 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

.img-list3>ul {width: 999999999px;}

.img-list3>ul>li {float: left;display: inline;width: 266px;position: relative;position: relative;margin-right: 45px;}

.img-list3>ul>li:hover .fypp{color: #00adf1;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.pzuo{width: 420px;}

.pyou{width: 535px;}

.cptulist li{margin-left: 20px;width: 230px;}

.desyou{width: 50%;}

.img-list2{width: 90%;}

.img-list3>ul>li{margin-right: 30px;width: 222px;}

}

@media screen and (max-width:999px) {

.pzuo{width: 40%;padding-top: 40px;}

.pyou{width: 58%;padding-top: 40px;}

.cptulist li{width: 23%;margin: 0 1%;margin-bottom: 20px;}

.cptulist{padding-top: 30px;}

.desyou{width: 49%;}

.img-list2{width: 100%;}

.img-list3>ul{width: 10000%;}

.img-list3>ul>li{width: 0.23%;margin: 0 0.01%;}

.product2{padding-bottom: 30px;}

.twobtn a{margin-bottom: 20px;}

.pyou h1{font-size: 20px;font-size: 2rem;}

}

@media screen and (max-width:767px) {

.img-list3>ul>li{width: 0.31%;}

.des{font-size: 20px;font-size: 2rem;}

.btn1{margin-right: 10px;}

}

@media screen and (max-width:639px) {

.pzuo{width: 78%;text-align: center;float: none;margin: 0 auto;}

.pyou{width: 100%;}

.twobtn{padding-top: 30px;}

.cptulist li{width: 31.333%;}

.deszuo{width: 100%;}

.desyou{width: 100%;}

.img-list2>ul>li{text-align: center;}

.img-list3>ul>li{width: 0.48%;}

.btn3{display: block;}

.pfl li a{font-size: 14px;font-size: 1.4rem;}

.pfl{padding-top: 20px;padding-bottom: 20px;}

.share{padding-top: 20px;}

}

@media screen and (max-width:450px) {

.pfl li{width: 100%;margin-right: 0;margin-bottom: 10px;}

}

@media screen and (max-width:400px) {

.pzuo{width: 96%;text-align: center;float: none;margin: 0 auto;}

.cptulist li{width: 48%;}

.deszuo{width: 100%;}

.desyou{width: 100%;}

.img-list2>ul>li{text-align: center;}

.img-list3>ul>li{width: 0.98%;}

}



/************** application1 *************/

.application1{padding-top: 78px;padding-bottom: 48px;}

.appxuxian{height: 1px;background: url(../img/appxuxian.jpg) repeat-x center bottom;padding-top: 44px;margin-bottom: 51px;}



@media screen and (min-width:1000px) and (max-width:1219px) {



}

@media screen and (max-width:999px) {

.appxuxian{display: none;}

.application1{padding-bottom: 20px;padding-top: 35px;}

}



/************** application2 *************/

.application2{padding-top: 78px;padding-bottom: 93px;}



.application2 h1{text-align: center;font-size:24px;font-size: 2.4rem;line-height: 28px;}

.application2 .share1,.application2 .share2{display: inline-block;}

.application2 .share{text-align: center;padding-top: 25px;}

.application2 .share1{top: -5px;color: #666666;}



.appx{line-height: 30px;padding-top: 27px;padding-bottom: 51px;background: url(../img/appxuxian.jpg) repeat-x center bottom;margin-bottom: 10px;}

.appx a{color: #00adf1;}

.appx p img{max-width: 100%;}

.xwsx{line-height: 32PX;color: #666666;}

.xwsx span{padding-left: 24px;display: inline-block;color: #666666;}

.xwsx a{color: #666666;}

.xws{background: url(../img/xws.jpg) no-repeat left center;}

.xwx{background: url(../img/xwx.jpg) no-repeat left center;}

.xwsx a:hover{color: #00adf1;}



.application2 .des2{padding-top: 50px;}



@media screen and (min-width:1000px) and (max-width:1219px) {



}

@media screen and (max-width:999px) {

.application2{padding-top: 30px;padding-bottom: 40px;}

}

@media screen and (max-width:500px) {

.appx{padding-bottom: 25px;}

}





/************** news1 *************/

.news1{padding-bottom: 93px;}

.news1 .synbox{background: #f3f3f3;margin-top: 79px;}



.nfl{padding-top: 58px;padding-bottom: 33px;border-bottom: 1px solid #b8b8b8;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);text-align: center;}

.nfl li{margin:0 70px;display: inline-block;}

.nfl li a{display: block;padding-left: 17px;background: url(../img/fldian1.jpg) no-repeat left center;font-size: 18px;font-size: 1.8rem;font-weight: bold;}

.nfl li:hover a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}

.nfl li.currentfl a{background: url(../img/fldian2.jpg) no-repeat left center;color: #00adf1;}



.news1 .ms_ye{margin-top: 46px;}

.news1 .des{padding-top: 64px;}



.ms_ye a.no,.ms_ye a.no:hover{color:#333 !important; border: 1px solid #e5e5e5 !important; background: #fff !important}



@media screen and (min-width:1000px) and (max-width:1219px) {



}

@media screen and (max-width:999px) {

.news1 .synbox{margin-top: 40px;}

.nfl li{margin: 0 70px;}

}

@media screen and (max-width:767px) {

.nfl{padding-top: 20px;padding-bottom: 20px;}

.nfl li{margin: 0 40px;}

}

@media screen and (max-width:639px) {

.nfl li{margin: 0 ;width: 100%;margin-bottom: 10px;}

.nfl{text-align: left;}



.synbox{width: 98%;text-align: center;}

.synp3.synp3{display: inline-block;}

.news1 .synbox{margin-top: 20px;}

.synbox{margin-top: 20px;}

.news1 .des{padding-top: 35px;}

}



/************** news2 *************/

.news2{padding-bottom: 93px;}



.news2 h1{text-align: center;font-size:20px;font-size: 2rem;line-height: 28px;padding-top: 72px;}

.news2 .share1,.news2 .share2{display: inline-block;}

.news2 .share{text-align: center;padding-top: 22px;}

.news2 .share1{top: -24px;color: #666666;font-size: 12px;font-size: 1.2rem;padding-right: 3px;}



.xwxrl{font-size: 12px;font-size: 1.2rem;color: #666666;padding-left: 23px;background: url(../img/rili.png) no-repeat left center;padding-right: 13px;position: relative;top: -24px;}

.news2 .des{padding-top: 52px;}



@media screen and (min-width:1000px) and (max-width:1219px) {



}

@media screen and (max-width:999px) {

.news2 h1{padding-top: 30px;}

.news2{padding-bottom: 40px;}

}

@media screen and (max-width:767px) {

.news2 .des{padding-top: 30px;}

}



/************* ce *************/

.ce{position: fixed;right: 0;top: 300px;z-index: 9999;}

.ce li a{display: block;width: 53px;height: 53px;}

.ce li{margin-bottom: 1px;}

.ce1 a{background: url("../img/cei1.png") #d8d8d8 no-repeat center center;}

.ce2 a{background: url("../img/cei2.png") #d8d8d8 no-repeat center center;}

.ce3 a{background: url("../img/cei3.png") #d8d8d8 no-repeat center center;}

.ce4 a{background: url("../img/cei4.png") #d8d8d8 no-repeat center center;}



.ce1 a:hover{background: url("../img/cei1.png") #00adf1 no-repeat center center;}

.ce2 a:hover{background: url("../img/cei2.png") #00adf1 no-repeat center center;}

.ce3 a:hover{background: url("../img/cei3.png") #00adf1 no-repeat center center;}

.ce4 a:hover{background: url("../img/cei4.png") #00adf1 no-repeat center center;}



.ce3{position: relative;}

.erweima{position: absolute;right: 100%;top: -99999px;}

.ce3:hover .erweima{top: 0;}



@media screen and (max-width:639px){

    .ce{right: auto;top: auto;bottom: 0;width: 100%;}

    .ce li{float: left;width: 25%;margin: 0;}

    .ce li a{width: 100%;border-radius: 0;height: 40px;}

    .bottom{padding-bottom: 60px;}

    .ce3:hover .erweima{top: auto;bottom: 100%;right: 0;}

}



.yiji{position: absolute;left: -30px;width: 190px;background: #fff;z-index: 99999;top: -99999px;}

.yiji li{line-height: 38px;padding: 0 10px;position: relative;}

.yiji li a{display: block;border-top: 1px solid #dcdcdc;padding-left: 6px;}

.erji{position: absolute;left: 100%;top: -99999px;width: 190px;background: #fff;}

.yiji li.noborder>a{border: none;}

.yiji li:hover>a{color: #00adf1;}

.navlist>li:hover .yiji{top: 100%;}

.yiji>li:hover .erji{top: 0;}



@media screen and (max-width:999px){

.yiji{display: none;}

}



/********** about2 **********/

.a2part{padding-top: 58px;background: url(../img/a3bg.jpg) no-repeat center 120px;padding-bottom: 130px;}



.a3zuo{width: 625px;}

.a3you{display: none;}

.a3you img{width: 100%;max-width: 892px;max-height: 735px;}

.a3p1{font-size: 24px;font-size: 2.4rem;color: #00adf1;line-height: 30px;margin-bottom: 39px;}

.a3p2{font-size: 18px;font-size: 1.8rem;font-weight: bold;color: #00adf1;margin-bottom: 4px;line-height: 30px;}

.a3p3{line-height: 30px;margin-bottom: 23px;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.a3zuo{width: 535px;}

.a3p1{margin-bottom: 15px;}

.a3p3{margin-bottom: 10px;}

.a2part{background: url(../img/a3bg.jpg) no-repeat center 70px;padding-bottom: 100px;}

}

@media screen and (max-width:999px) {

.a2part{background: none;padding-bottom: 40px;padding-top: 20px;}

.a3you{display: block;text-align: center;}

.a3zuo{width: auto;margin-bottom: 20px;}

.a3p1{margin-bottom: 15px;}

.a3p3{margin-bottom: 10px;}

}





/************** news1 *************/



.pyabout3{padding-bottom: 11px;}

.pydh{padding-top: 58px;font-size: 24px;font-size: 2.4rem;color: #00adf1;margin-bottom: 20px;}

.news1{padding-bottom: 93px;}

.pyenter{ }

.pyenter p{ line-height:30px; padding-bottom:30px;}

.pyentertu{ display:block; float:right; margin-left:21px;margin-top: 12px;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.pyentertu{ width:490px;}

}

@media screen and (max-width:999px) {

.pyentertu{ width:400px;}

.pyenter p{ padding-bottom:20px;}

}



@media screen and (max-width:768px) {

.pyentertu{ float:none; display:block; margin:0  auto; margin-bottom:20px; width:100%; max-width:569px;}

}





.pybeijing{ background:url(../img/pynterprisebei.jpg) no-repeat center; padding-top:56px; padding-bottom:72px;}

.pybaise p{  color:#fff; line-height:30px; padding-bottom:30px;}

.pybaise{ padding-bottom:41px;}

.pyke{display:block; width:220px; float:left; padding-top:135px; margin-left:100px;}

.pyke p{ font-size:18px; font-size:1.8rem; color:#fff; text-align:center; }

.pyke1{  background:url(../img/pysyi1.png) no-repeat center top;}

.pyke2{  background:url(../img/pysyi2.png) no-repeat center top; }

.pyke3{  background:url(../img/pysyi3.png) no-repeat center top; }

.pyke4{  background:url(../img/pysyi4.png) no-repeat center top; }

@media screen and (min-width:1000px) and (max-width:1219px) {

.pyke{ margin-left:31px;}

}

@media screen and (max-width:999px) {

.pybeijing{ background:#081a45; padding-top:20px; padding-bottom:20px;}

.pybaise p{ padding-bottom:10px;}

.pybaise{ padding-bottom:10px;}

.pyke{ width:45%; margin-left:3% !important; margin-bottom:20px;}

}

@media screen and (max-width:546px) {

.pyke p{ font-size:14px; font-size:1.4rem;}

}

@media screen and (max-width:396px) {

.pyke{ float:none; width:90%; margin:0 auto !important; margin-bottom:20px !important;}

}

.pymzz{ color:#00adf1; font-size:24px; font-size:2.4rem; margin-top:52px;}

.pymzz2 p{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:23px; padding-bottom:7px;}

.pyaboutti{ padding-top:25px; padding-bottom:101px;}

.pyaboutti img{ display:block; float:left; margin-left:49px;}

@media screen and (min-width:1000px) and (max-width:1219px) {

.pyaboutti img{ width:450px;}

}

@media screen and (max-width:999px) {

.pyaboutti img{ width:48%; margin-left:2%;}

.pyaboutti{padding-bottom: 40px;}

}

@media screen and (max-width:538px) {

.pyaboutti img{ float:none; margin:0 auto !important; width:90%; margin-bottom:10px !important;}

.pyaboutti{ padding-bottom:30px;}

.pymzz{  font-size:18px; font-size:1.8rem; line-height:26px; }

.pydh{padding-top: 30px;}

}



.top{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 999999;}





.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}



.none{background: #8a8a8a !important; color: #fff !important}


.about3 { padding-bottom: 107px; }

.about3 .title { font-size: 30px; font-size: 3rem; text-align: center; font-family: "微软雅黑"; background: url(../img/ab3.png) no-repeat center center; text-transform: uppercase; }

.about3 .img-scroll { position: relative; width: 100%; }

.about3 .img-scroll .prev, .about3 .img-scroll .next { position: absolute; display: block; width: 42px; height: 42px; top: 50%; margin-top: -30.5px; z-index: 9999; }

.about3 .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/ab3_left.png) no-repeat center; }

.about3 .img-scroll .next { right: 0; cursor: pointer; background: url(../img/ab3_right.png) no-repeat center; }

.about3 .img-scroll .prev:hover { background: url(../img/ab3_lefton.png) no-repeat center; }

.about3 .img-scroll .next:hover { background: url(../img/ab3_righton.png) no-repeat center; }

.about3 .img-list { position: relative; width: 89%; overflow: hidden; margin: 0 auto; padding-left: 10px; padding-top: 10px; margin-top: 43px; }

.about3 .img-list ul { width: 1000%; }

.about3 .img-list li { float: left; width: 234px; margin-right: 40px; }

.about3 .img-list li .m3lien .m4fu { position: absolute; top: 100%; left: 0px; background: #00adf1; background: rgba(0, 173, 241, 0.6); width: 100%; height: 100%; }

.about3 .img-list li .m3lien { max-width: 234px; text-align: center; position: relative; overflow: hidden; }

.about3 .img-list li .m3lien img { max-width: 234px; max-height: 330px; width: 100%; margin: 0 auto; }

.about3 .img-list li .m4zi { display: block; margin: 0 auto; max-width: 234px; margin-top: 14px; width: 100%; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.about3 .img-list li .m3lien:hover .m4fu { top: 0; }

.about3 .img-list li:hover .box_5 { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 1219px) { .about3 .img-list { width: 89%; }
  .about3 .img-list li { margin-right: 84px; }
  .about .ab_box3 img { width: 40%; } }

@media screen and (max-width: 999px) { .about3 .img-list li .m3lien .m4fu { display: none; }
  .about3 .img-list li { width: 2.4%; margin-right: .1%; }
  .about3 .img-list li:hover .box_5 { box-shadow: none; }
  .about .ab_box3 img { width: 100%; float: none; margin: 0 auto; }
  .about .ab_box3 p { margin-top: 10px; }
  .about .an_box2 { padding-bottom: 20px; }
  .about .an_box2 .title { font-size: 30px; font-size: 3rem; line-height: 30px; }
  .about .ab_box3 p { padding-right: 0px; }
  .about .ab_box3 { padding-bottom: 0px; } }

@media screen and (max-width: 768px) { .about3 { padding-bottom: 50px; }
  .about3 .img-list { width: 78%; }
  .about3 .img-scroll { padding-top: 20px; }
  .about3 .img-list li { width: 4.2%; margin-right: 1.2%; }
  .about .an_box2 .title { font-size: 24px; font-size: 2.4rem; margin-bottom: 10px; }
  .about_box1 { font-size: 14px; font-size: 1.4rem; padding-top: 5px; padding-bottom: 5px; } }

@media screen and (max-width: 400px) { .about3 .title { background: none; }
  .about3 .img-list li .m4zi { margin-top: 0px; }
  .about3 .img-list { width: 234px; margin: 0 auto; }
  .about3 .img-list li { width: 234px; margin-right: .487%; } }


#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: "微软雅黑"; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; display: block !important; }

.baguetteBox-button#previous-button { left: 2%; display: block !important; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

.gotop { opacity: 0; position: fixed; bottom: 100px; right: 100px; width: 20px; height: 20px; background-color: red; cursor: pointer; z-index: 999; display: none; }

@media screen and (max-width: 640px) { .gotop { right: 10px; border: 10px; } }




/*********************  product11  *********************/
@media screen and (min-width:1000px){.noyou{margin-right:0!important;}}

.pbox6{width: 362px;float: left;margin-right: 57px;position: relative;margin-bottom: 31px;margin-top: 52px;}
.ptu6 img{width: 100%;max-width: 480px;max-height: 506px;display: block;}
.ptu6{border: 1px solid #e7e7e7;}
.checkbox6{position: absolute;left: 7px;top: 10px;}
.pp16{font-size:18px;font-size:1.8rem;padding-top: 15px;}
.pp16 a{display: block;line-height: 26px;}

.pp26{padding-top: 7px;}
.pp26 a{display: block;line-height: 30px;height: 60px;overflow: hidden;color: #666666;}

.pp36{width: 145px;height: 35px;line-height: 35px;text-align: center;border-radius: 5px;color: #00adf1;border: 1px solid #00adf1;margin-top: 14px;}
.pp36 a{display: block;color: #00adf1;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .pbox6{width: 320px;margin-right: 10px;}
}
@media screen and (max-width:999px) {
    .pbox6{width: 31.333%;margin: 0 1%;margin-top: 30px;}
}
@media screen and (max-width:650px) {
    .pbox6{width: 48%;margin: 0 1%;margin-top: 30px;}
    .yanzheng{margin-top: 10px;}
}
@media screen and (max-width:400px) {
    .pp36{width: 120px;}
}