@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;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: auto !important}
.marn {margin-right: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;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;}
.wp {width: 1200px;margin: auto;}
@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;height: 25px;background: url(../img/sousuo.png) no-repeat center center;cursor: pointer;}
/*.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/sousuo2.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: #2584c7; }
@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }
/***********  lunbo  *************/
#lun2{position: relative;max-width: 1920px;margin: 0 auto;}
.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: 28px;width: 100%;left: 0;
}
.slide .dotList ul li{
	display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/dian1.png) no-repeat center center;
    margin-left: 15px;
    cursor:pointer;
}
.slide .dotList ul li.active{
	 background: url(../img/dian2.png) no-repeat center center;
}
.slide .carousel-control{
	position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    z-index:999;
}
.slide .carousel-control.left{
	left:6%;
	background-image:url("../img/prev.png");
	cursor:pointer;
}
.slide .carousel-control.right{
	right:6%;
	background-image:url("../img/next.png");
	cursor:pointer;
}
.slide .carousel-control.left:hover{background-image:url("../img/prev2.png");}
.slide .carousel-control.right:hover{background-image:url("../img/next2.png");}
.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:767px) {
.slide .dotList ul li{margin-left: 10px;}
.slide .dotList{bottom: 5px;}
.slide .dotList ul li{width: 10px;height: 10px;border-radius: 5px;overflow: hidden;}
.slide .carousel-control.left,.slide .carousel-control.right{display: none;}
}
/************  head  *************/
.head{background: #747676;padding-top: 8px;max-width: 1920px;margin: 0 auto;}
.yy{padding-right: 18px;background: url(../img/yyxiala.png) no-repeat right 8px;padding-bottom: 13px;position: relative;margin-right: 10px;}
.yy>a{display: block;color: #fff;padding-left: 26px;background: url(../img/yybiao.png) no-repeat left center;line-height: 20px;}
.yy ul{position: absolute;z-index: 999;width: 93px;background: #e5e5e5;left: 0;top: -9999px;padding-top: 2px;}
.yy:hover ul{top: 100%;}
.yy ul li{padding: 0 4px;line-height: 27px;}
.yy ul li a{display: block;padding-left: 9px;border-bottom: 1px solid #d2d2d2;}
.yy ul li a:hover{color: #2584c7;}
.yy ul li.noborder a{border: none;}
.logonav{max-width: 1920px;margin: 0 auto;}
.navlist2{display: none;}
.logo{padding-top: 19px;}
.logo img{width: 100%;max-width: 221px;max-height: 58px;}
.navlist{padding-top: 44px;}
.navlist>li{float: left;margin-left: 5px;position: relative;}
.navlist>li>a{display: block;font-size:16px;font-size:1.6rem;text-transform: uppercase;padding: 0 10px;padding-bottom: 42px;}
.navlist>li.currentnav>a{background: url(../img/navbg.jpg) no-repeat center bottom;color: #2584c7;}
.navlist>li:hover>a{background: url(../img/navbg.jpg) no-repeat center bottom;color: #2584c7;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .navlist>li>a{padding: 0 8px;padding-bottom: 42px;}
}
@media screen and (max-width:999px) {
    .navlist{width: 100%;}
    .navlist>li{margin-left: 0;margin-right: 5px;}
    .navlist>li>a{padding-bottom: 25px;}
}
@media screen and (max-width:900px) {
    .navlist>li{margin-right: 0px;}
}
@media screen and (max-width:860px) {
    .navlist>li>a{padding: 0 10px;padding-bottom: 25px;}
}
@media screen and (max-width:767px) {
    .navlist2{display: block;}
    .navlist1{display: none;}
    .navlist>li{width: 25%;margin: 0;text-align: center;}
    .navlist>li>a{padding: 0;padding-bottom: 20px;}
    .navlist{padding-top: 30px;}
    .search{display: none;}
    .yy{margin-right: 35px;}
}
@media screen and (max-width:400px) {
    .navlist>li>a{font-size:14px;font-size:1.4rem;}
    .logo{width: 180px;}
}
/**************  bottom  *************/
.bottom{padding-top: 48px;padding-bottom: 23px;background: #404040;max-width: 1920px;margin: 0 auto;}
.bottom p,.bottom span,.bottom li,.bottom a,.bottom span{color: #fff;}
.bottom a:hover{color: #2584c7;}
.div>a,.div>span{font-size:24px;font-size:2.4rem;text-transform: uppercase;display: block;margin-bottom: 20px;}
.div li{line-height: 30px;}
.div1{width: 330px;margin-right: 190px;}
.div1 li{padding-left: 24px;}
.div1 ul p{line-height: 24px;margin-top: 3px;}
.bli1{background: url(../img/bi1.png) no-repeat left center;}
.bli2{background: url(../img/bi2.png) no-repeat left center;}
.bli3{background: url(../img/bi3.png) no-repeat left center;}
.bli4{background: url(../img/bi4.png) no-repeat left center;}
.bli5{background: url(../img/bi5.png) no-repeat left center;}
.bsjj a{margin-left: 18px;transition: 0.5s;position: relative;top: 0;}
.bsjj a:hover{top: -10px;}
.bsjj{padding-top: 23px;}
.div3 p{line-height: 30px;padding-top: 15px;}
.dibu{background: #404040;border-top: 1px solid #808080;line-height: 30px;padding-top: 9px;padding-bottom: 17px;max-width: 1920px;margin: 0 auto;}
.copyright{float: left;}
.link{float: right;text-transform: uppercase;}
.dibu p,.dibu span,.dibu a{color: #fff;}
.link a{padding-right: 20px;}
.dibu a:hover{color: #2584c7;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .div1{margin-right: 90px;}
}
@media screen and (max-width:999px) {
    .div1{width: 55%;margin-right: 5%;}
    .div2{width: 40%;}
    .div3{width: 100%;margin-top: 20px;}
    .bsjj a{margin-left: 0;margin-right: 20px;}
}
@media screen and (max-width:767px) {
    .link{display: none;}
    .div1,.div2{display: none;}
    .div>span{display: none;}
    .bsjj{padding-top: 0;}
    .bottom{padding-top: 15px;}
    .bsjj a{margin-bottom: 10px;display: inline-block;}
}
@media screen and (max-width:400px) {
    .bsjj a{margin-right: 10px;}
}
/*************  sypfl  *************/
.sypfl{padding-top: 62px;padding-bottom: 64px;max-width: 1920px;margin: 0 auto;}
.sybt{text-align: center;margin-bottom: 54px;}
.sybt a{font-size: 44px;font-size: 4.4rem;text-transform: uppercase;}
.sybt a:hover{color: #2584c7;}
.flbox{position: relative;overflow: hidden;margin-bottom: 10px;float: left;}
.flbox1 img{width: 100%;max-width: 316px;max-height: 237px;}
.flbox2 img{width: 100%;max-width: 316px;max-height: 287px;}
.flbox3 img{width: 100%;max-width: 538px;max-height: 337px;}
.flbox4 img{width: 100%;max-width: 321px;max-height: 337px;}
.flbox5 img{width: 100%;max-width: 235px;max-height: 188px;}
.flbox6 img{width: 100%;max-width: 383px;max-height: 188px;}
.flcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../img/sypcover.png);}
.flpp{position: absolute;font-size: 20px;font-size: 2rem;line-height: 26px;color: #333;text-align: center;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.flbox1 .flpp{bottom: 0;left: 0;width: 100%;   padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);}
.flbox2 .flpp{bottom: 0;left: 0;width: 100%; padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);}
.flbox4 .flpp{bottom: 0;left: 0;width: 100%; padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);}
.flbox5 .flpp{bottom: 0;left: 0;width: 100%; padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);}
.flbox6 .flpp{bottom: 0;left: 0;width: 100%; padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);}
.flcover span{display: block;width: 131px;height: 46px;line-height: 46px;border: 1px solid #fff;border-radius: 23px;color: #fff;text-align: center;font-size:16px;font-size:1.6rem;position: absolute;left: 50%;margin-left: -65px;top: 50%;margin-top: -23px;}
.flbox:hover .flcover{top: 0;}
.fllie1{width: 316px;}
.fllie1 .flbox1{margin-bottom: 16px;}
.fllie2{width: 870px;}
.flbox3 .flppspe{ text-align: center; bottom: 0;left: 0;width:100%;position: absolute;padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);}
    .flbox3 .flppspe a{ color:#fff;}
.flpp1{font-size:20px;font-size:2rem;display: block;}
.flpp2{color: #444444;line-height: 24px;display: block;margin-top: 10px;}
.fllie2 .flbox{margin-left: 8px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .fllie1{width: 258px;}
    .fllie2{width: 712px;}
    .flbox3{width: 440px;}
    .flbox4{width: 263px;}
    .flbox5{width: 191px;}
    .flbox6{width: 312px;}
    .flpp{font-size: 18px;font-size: 1.8rem;}
    .flbox1 .flpp{padding-top: 10px;}
    .flbox2 .flpp,.flbox5 .flpp,.flbox6 .flpp,.flbox4 .flpp,.flbox3 .flppspe{padding-bottom: 10px;}
}
@media screen and (max-width:999px) {
    .fllie1{width: 100%;float: none;max-width: 80%;margin: 0 auto;}
    .fllie2{width: 100%;float: none;max-width: 90%;margin: 0 auto;}
    .flbox3{width: 61%;}
    .flbox4{width: 36%;}
    .flpp{position: static;display: block;padding-top: 19px;padding-bottom: 0!important;}
    .flbox3 .flppspe{position: static;padding-top: 19px;padding-bottom: 0;width: 100%;}
    .flbox5{width: 26.5%;}
    .flbox6{width: 43%;}
    .flbox1{float:left;width: 41%;}
    .flbox2{float: right;width: 34%;}
    .sybt a{font-size: 36px;font-size: 3.6rem;}
    .sypfl{padding-top: 40px;}
    .flcover{display: none;}
}
@media screen and (max-width:767px) {
    .sybt a{font-size: 30px;font-size: 3rem;}
    .sybt{margin-bottom: 30px;}
    .flpp{font-size:16px;font-size:1.6rem;}
    .flpp1{font-size:16px;font-size:1.6rem;}
    .fllie1{max-width: 90%;}
    .flbox1{width: 50%;}
    .flbox2{width: 40%;}
    .flbox5{width: 26%;}
}
@media screen and (max-width:630px) {
    .flbox6{width: 42%;}
    .flbox1{width: 53%;}
    .flbox2{width: 44%;}
    .flbox3{width: 60%;margin: 0 1%!important;margin-bottom: 20px!important;}
    .flbox4{width: 36%;margin: 0 1%!important;margin-bottom: 20px!important;}
    .flbox5{width: 25%;margin: 0 1%!important;}
    .flbox6{width: 44%;margin: 0 1%!important;}
    .flpp{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:500px) {
    .sybt a{font-size:24px;font-size:2.4rem;}
    .flbox5{width: 48%;margin: 0 1%;margin-bottom: 20px!important;}
    .flbox6{width: 90%;}
}
@media screen and (max-width:400px) {
    .fllie1,.fllie2{max-width: 100%;}
}
/*********  syhotp  **********/
.syhotp{padding-top: 33px;padding-bottom: 85px;background: url(../img/sybg1.jpg) no-repeat center top;max-width: 1920px;margin: 0 auto;}
.sybt2 a{color: #ecf0f3;}
.sybt2{margin-bottom: 48px;}
.syhotp .img-scroll {position: relative;margin: 0 auto;width: 100%;}
.syhotp .img-scroll .prev,.syhotp .img-scroll .next {position: absolute;display: block;width: 60px;height: 60px;top:50%;margin-top: -30px;color: #fff;text-align: center;line-height: 100px}
.syhotp .img-scroll .prev {left: 8px;cursor: pointer;background: url("../img/prev.png") no-repeat;}
.syhotp .img-scroll .next {right: 8px;cursor: pointer;background: url("../img/next.png") no-repeat;}
.syhotp .img-scroll .prev:hover{background: url("../img/prev2.png") no-repeat;}
.syhotp .img-scroll .next:hover{background: url("../img/next2.png") no-repeat;}
.syhotp .img-list {position:relative;width:90%;overflow: hidden;margin: 0 auto;}
.syhotp .img-list ul {width: 10000%;}
.syhotp .img-list li {float: left;display: inline;width: 0.185%;margin-right:0.018%;position: relative;position: relative;text-align: center;border-top-left-radius: 20px;border-top-right-radius: 20px;overflow: hidden;}
.syhotp .img-list li img{width: 100%;max-width: 577px;max-height: 466px;}
.syhotpp{line-height: 49px;display: block;font-size:18px;font-size:1.8rem;text-align: center;background: #bfbfbf;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.syhotp .img-list li:hover .syhotpp{background: #2584c7;color: #fff;}
@media screen and (max-width:1500px) {
    .syhotp .img-list{width: 86%;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .syhotp .img-list li{width: 0.23%;margin: 0 0.01%;}
}
@media screen and (max-width:999px) {
    .syhotp .img-list{width: 80%;}
    .syhotp .img-list li{width: 0.23%;margin: 0 0.01%;}
    .syhotpp{font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width:767px) {
    .syhotp .img-list{width: 100%;}
    .syhotp .img-scroll{padding-bottom: 100px;}
    .syhotp .img-scroll .prev, .syhotp .img-scroll .next{top: auto;bottom: 0;}
}
@media screen and (max-width:650px) {
    .syhotp .img-list li{width: 0.48%;margin: 0 0.01%;}
    .sybt2{margin-bottom: 25px;}
    .syhotp{padding-bottom: 30px;}
}
@media screen and (max-width:350px) {
    .syhotp .img-list li{width: 0.98%;margin: 0 0.01%;}
    .syhotp .img-scroll{padding-bottom: 80px;}
}
/***********  synewp  ***********/
.synewp{padding-top: 66px;padding-bottom: 70px;background: #f5f5f5;max-width: 1920px;margin: 0 auto;}
.newpzuo{width: 727px;}
.newpzy{padding-right: 16px;padding-bottom: 16px;background: url(../img/newpbg.png) no-repeat right bottom;}
.newpyou{width: 457px;height: 513px;background: url(../img/lanbg.jpg);}
.vitu{position: relative; padding-bottom: 70.56%;height: 0;overflow: hidden;}
.vitu iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.vitu iframe body{ margin:0px !important;}
.newpyoun{padding-left: 47px;padding-top: 74px;padding-right: 57px;}
.newpp1{font-size:22px;font-size:2.2rem;text-transform: uppercase;display: block;color: #ecf0f3;line-height: 39px;background: url(../img/sybaixian.jpg) no-repeat left bottom;padding-bottom: 21px;}
.newpp1 span{display: block;color: #ecf0f3;font-size: 26px;font-size: 2.6rem;}
.newpp2{display: block;color: #ecf0f3;font-size:20px;font-size:2.0rem;line-height: 30px;margin-top: 36px;margin-bottom: 43px;}
.newpp3{display: block;width: 131px;height: 42px;line-height: 42px;text-align: center;font-size:16px;font-size:1.6rem;color: #2584c7;background: #ecf0f3;text-transform: uppercase;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .newpzuo{width: 600px;}
    .newpyou{width: 364px;height: 423px;}
    .newpyoun{padding-left: 30px;padding-top: 35px;}
    .newpp1 span{font-size:20px;font-size:2rem;}
    .newpp1{font-size: 16px;font-size: 1.6rem;line-height: 30px;}
    .newpp2{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:999px) {
    .newpzy{background: none;padding-right: 0;padding-bottom: 0;}
    .newpzuo{width: 76%;float: none;margin: 0 auto;}
    .newpyou{width: 100%;height: auto;float: none;}
    .newpyoun{padding: 20px;}
}
@media screen and (max-width:767px) {
    .newpzuo{width: 100%;}
    .newpp1{font-size: 16px;font-size: 1.6rem;line-height: 30px;}
    .newpp1 span{font-size:20px;font-size:2rem;}
    .newpp2{font-size:14px;font-size:1.4rem;margin-top: 20px;margin-bottom: 20px;}
    .synewp{padding-top: 45px;padding-bottom: 30px;}
}
/***********  sypro  **********/
.sypro{background: #f5f5f5;max-width: 1920px;margin: 0 auto; padding-bottom: 20px;}
.syprobox{float: left;width: 33%;margin-right: 0.333%;position: relative;overflow: hidden;}
.syprocover{position: absolute;left: 0;top: -150%;width: 100%;height: 100%;background: url(../img/procover.png);text-align: center;transition: 0.5s;}
.syprocover a{color: #ecf0f3;display: block;}
.syprobox img{width: 100%;max-width: 638px;max-height: 439px;}
.syprop1{font-size: 30px;font-size: 3rem;text-transform: uppercase;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 120px;}
.syprop2{font-size:16px;font-size:1.6rem;color: #ecf0f3;line-height: 30px;;height:90px;overflow:hidden;padding: 0 30px;margin-top: 15px;margin-bottom: 33px;}
.syprop3{width: 176px;height: 46px;line-height: 46px;text-align: center;border-radius: 23px;margin: 0 auto;border: 1px solid #fff;font-size:18px;font-size:1.8rem;}
.syprobox:hover .syprocover{top: 0;}
@media screen and (max-width:1600px) {
    .syprop1{padding-top: 70px;}
}
@media screen and (max-width:1400px) {
    .syprop1{padding-top: 50px;font-size:24px;font-size:2.4rem;}
    .syprop2{font-size:14px;font-size:1.4rem;margin-bottom: 20px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .syprop1{padding-top: 30px;font-size:20px;font-size:2rem;}
    .syprop2{font-size:14px;font-size:1.4rem;margin-bottom: 20px;}
    .syprop3{width: 150px;height: 40px;line-height: 40px;font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:999px) {
    .syprocover{position: static;padding-bottom: 10px;}
    .syprop1{padding-top: 15px;font-size:16px;font-size:1.6rem;}
    .syprop3{width: 150px;height: 40px;line-height: 40px;font-size:14px;font-size:1.4rem;}
    .syprop2{padding: 0 10px;}
}
@media screen and (max-width:600px) {
    .syprobox{width: 98%;margin: 0 1%;margin-bottom: 10px;}
}
/**************  sya  ***************/
.sya{margin-top: 44px;background: url(../img/sybg2.jpg) no-repeat center top;max-width: 1920px;margin: 0 auto;}
.syazuo{width: 500px;padding-top: 99px;}
.syazuo a{display: block;}
.syap1{color: #ecf0f3;font-size: 40px;font-size: 4rem;text-transform: uppercase;margin-bottom: 21px;}
.syap2{font-size:18px;font-size:1.8rem;line-height: 30px;color: #ecf0f3;}
.syap3{font-size:18px;font-size:1.8rem;color: #018adb;margin-top: 13px;}
.syap1:hover{color: #018adb;}
.syap2:hover{color: #018adb;}
.vitu2{position: relative; padding-bottom: 76.16%;height: 0;overflow: hidden;}
.vitu2 iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.vitu2 iframe body{ margin:0px !important;}
.syayou{width: 642px;padding-bottom: 49px;background: url(../img/ayinying.png) no-repeat center bottom;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .syazuo{width: 450px;}
    .syayou{width: 520px;padding-top: 65px;background-size: 100%;}
}
@media screen and (max-width:999px) {
    .syazuo{width: 100%;float: none;margin-bottom: 20px;padding-top: 70px;}
    .syayou{width: 67%;margin: 0 auto;float: none;background-size: 100%;}
}
@media screen and (max-width:767px) {
    .syayou{width: 90%;}
    .syap1{font-size: 30px;font-size: 3rem;}
    .syap2{font-size:16px;font-size:1.6rem;}
    .sya{margin-top: 0;}
}
@media screen and (max-width:500px) {
    .syayou{width: 100%;padding-bottom: 60px;}
    .syap1{margin-bottom: 10px;}
}
/*********  syn  **********/
.syn{padding-top: 27px;padding-bottom: 54px;background: url(../img/sybg3.png) no-repeat center bottom;max-width: 1920px;margin: 0 auto;}
.facbox{position: relative;overflow: hidden;}
.faccover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../img/factorybg.png) no-repeat;background-size:100%; text-align: center;transition: 0.5s;}
.faccover a{display: block;color: #ecf0f3;}
.facp1{font-size: 30px;font-size: 3rem;text-transform: uppercase;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 25px;padding-top: 94px;}
.facp2{font-size:18px;font-size:1.8rem;line-height: 30px;padding: 0 70px;margin-top: 20px;height: 90px;overflow: hidden;}
.facbox img{width: 100%;max-width: 582px;max-height: 340px;}
.facbox:hover .faccover{top: 0;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .facbox{width: 470px;}
    .facp1{padding-top: 60px;}
}
@media screen and (max-width:999px) {
    .facbox{width: 48%;margin: 0 1%;}
    .faccover{position: static;background: none;}
    .faccover a{color: #333;}
    .facp1{padding-top: 20px;font-size:20px;font-size:2rem;}
    .facp2{padding: 0;font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width:550px) {
    .facbox{width: 98%;margin: 0 1%;margin-bottom: 20px;}
    .facp2{margin-top: 10px;}
}
.sybt3{padding-top: 94px;margin-bottom: 74px;}
.syn .m3_tl{ width: 112px; height: 112px; background: #fff; border: 1px solid #2584c7;position: absolute;left: 0;top: 0;}
.syn .m3_tl span{ display: block; width: 100%; text-align: center;}
.syn .m3_tl .sp1{ font-size: 60px; font-size: 6rem;margin-top: 12px;line-height: 62px;color: #2584c7;}
.syn .m3_tl .sp2{ font-size: 16px; font-size:1.6rem;background: #2584c7;color: #fff;line-height: 38px;}
.syn .m3_tc{padding-left: 147px;padding-top: 0;padding-right: 205px;}
.syn .m3_tc a{ color: #333333; display: block;}
.syn .m3_tc a:hover{ color: #2584c7;}
.syn .main3 .title:hover{ color: #2584c7;}
.syn .m3_tc .tit{display: block;padding-bottom: 4px; font-size: 16px; font-size: 1.6rem; line-height: 24px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.syn .m3_tc .tit strong{ display: block; width: 53px; height: 1px; background: #333333; margin-top: 5px; }
.syn .m3_tc .p1{ font-size: 14px; font-size: 1.4rem; line-height: 30px; height: 60px; overflow: hidden;color: #333333;}
.syn .m3_tc .p2{margin-top: 8px;color: #2584c7;}
.syn .m3_tr{position: absolute;right: 0;top: 0;}
.syn .m3_tr img{ max-width: 160px; max-height: 114px;width: 100%;}
.syn .m3_tc2{ position: relative; top:-5px; }
.syn .main3_top{padding-bottom: 11px;margin-bottom: 39px;position: relative;}
@media screen and (max-width:999px) {
    .sybt3{padding-top: 60px;}
}
@media screen and (max-width:767px) {
    .syn .m3_tc{padding-left: 0;padding-right: 0;padding-top: 125px;}
    .syn{padding-bottom: 10px;}
    .sybt3{margin-bottom: 40px;}
}
@media screen and (max-width:550px) {
    .sybt3{padding-top: 20px;}
}
/************  bread  *************/
.bread{background: #2584c7;padding-top: 10px;text-transform: uppercase;padding-bottom: 10px;}
.bread p,.bread a,.bread div{color: #fff;}
.bread p{font-size: 30px;font-size: 3rem;font-weight: bold;text-transform: uppercase;}
.bread .wp>div{line-height: 26px;}
.bread a.currentbread{color: #333;}
.bread a:hover{color: #333;}
.fymain{/*padding-top: 50px;*/padding-bottom: 20px;max-width: 1920px;margin: 0 auto;}
.smartp1{font-size:24px;font-size:2.4rem;line-height: 30px;margin-bottom: 14px;}
.smartp2{font-size:16px;font-size:1.6rem;line-height: 30px;}
.smarttu img{width: 100%;max-width: 1200px;max-height: 644px;}
.smarttu{padding-top: 25px;padding-bottom: 44px;}
@media screen and (max-width:999px) {
    .fymain{padding-top: 30px;padding-bottom: 50px;}
}
@media screen and (max-width:767px) {
    .smartp1{font-size:20px;font-size:2rem;}
    .bread p{font-size:20px;font-size:2rem;}
}
@media screen and (max-width:600px) {
    .smartp1{font-size:16px;font-size:1.6rem;}
    .smartp2{font-size:14px;font-size:1.4rem;}
    .smarttu{padding-top: 10px;padding-bottom: 10px;}
}
/**************  project1  **************/
.fyprobox{width: 561px;margin-bottom: 56px;}
.fyprocon{position: relative;overflow: hidden;}
.fyprocover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../img/procover.png);transition: 0.5s;}
.fyprocover span{display: block;width: 178px;height: 48px;line-height: 48px;border-radius: 24px;background: #fff;text-align: center;font-size:18px;font-size:1.8rem;color: #1583c7;position: absolute;left: 50%;margin-left: -89px;top: 50%;margin-top: -24px;}
.fyprocon img{width: 100%;max-width: 638px;max-height: 439px;}
.fyprop1{display: block;font-size:24px;font-size:2.4rem;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 23px;}
.fyprop2{display: block;font-size:16px;font-size:1.6rem;line-height: 30px;height: 60px;overflow: hidden;margin-top: 8px;}
.fyprop1:hover{color: #2584c7;}
.fyprop2:hover{color: #2584c7;}
.fyprobox:hover .fyprocover{top: 0;}
.ms_ye{text-align: center;margin-top: 25px;}
.ms_ye a{display: inline-block;width: 33px;line-height: 28px;border: 1px solid #e5e5e5; background: #fff;text-align: center;margin: 0 2.5px;font-size: 12px;font-size: 1.2rem;}
.ms_sx{width: 59px!important;}
.ms_ye .ms_current_ye{border:1px solid #2584c7;color: #2584c7;}
.ms_ye a:hover{border:1px solid #2584c7;color: #2584c7;}
.ms_ye a.no,.ms_ye a.no:hover{color:#333 !important; border: 1px solid #e5e5e5 !important}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .fyprobox{width: 470px;}
}
@media screen and (max-width:999px) {
    .fyprobox{width: 49%;margin-bottom: 35px;}
    .fyprop1{font-size:20px;font-size:2rem;}
    .fyprop2{font-size:14px;font-size:1.4rem;}
    .ms_ye a{margin-bottom: 10px;}
    .fyprocover{display: none;}
}
@media screen and (max-width:767px) {
    .fyprop1{font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width:500px) {
    .fyprobox{width: 98%;margin: 0 1%;margin-bottom: 20px;}
}
/**************  project2  ***************/
.project2 h1{font-size:24px;font-size:2.4rem;line-height: 26px;text-transform: uppercase;padding-bottom: 14px;border-bottom: 1px solid #bfbfbf;margin-bottom: 21px;}
.share1{font-size:16px;font-size:1.6rem;color: #555555;padding-right: 10px;}
.nex{font-size:16px;font-size:1.6rem;line-height: 30px;color: #555555;padding-top: 32px;}
.nex p,.nex li,.nex span,.nex b{color: #555555;}
.nex a{color: #2584c7;}
.nex img,.nex iframe{max-width: 100% !important;}
.xwsx{padding-top: 25px;border-top: 1px solid #a9a9a9;margin-top: 66px;font-size:16px;font-size:1.6rem;}
.xwsx span{display: inline-block;padding-left: 38px;}
.xws{background: url(../img/xws.jpg) no-repeat left center;}
.xwx{background: url(../img/xwx.jpg) no-repeat left center;}
.xwsx p{line-height: 40px;}
.xwsx p a:hover{color: #555555;}
@media screen and (max-width:767px) {
    .project2 h1{font-size:20px;font-size:2rem;}
}
/*********  news1  **********/
.abnav{ background:url(../img/abiao.jpg) repeat-x left 72px; text-align:center; padding-top:4px;margin-bottom: 79px;}
.abnav a{ display:inline-block; *float:left; width:160px; padding-top:134px; font-size:16px; font-size:1.6rem; line-height:24px;text-transform:uppercase; margin:0 90px;color: #737572;}
.ab1{ background:url(../img/abiao1.jpg) no-repeat center top;}
.ab2{ background:url(../img/abiao2.jpg) no-repeat center top;}
.ab3{}
.ab1:hover{ background:url(../img/abiao1h.jpg) no-repeat center top;}
.ab2:hover{ background:url(../img/abiao2h.jpg) no-repeat center top;}
.ab3:hover{}
.abnav a:hover{ color:#2584c7;}
.ab1.dangqianab{ background:url(../img/abiao1h.jpg) no-repeat center top !important;}
.ab2.dangqianab{ background:url(../img/abiao2h.jpg) no-repeat center top;}
.ab3.dangqianab{ background:url(../img/abiao3h.jpg) no-repeat center top;}
.dangqianab{ color:#2584c7 !important;}
.news1 .m3_tl{ width: 112px; height: 112px; background: #fff; border: 1px solid #2584c7;position: absolute;left: 0;top: 0;}
.news1 .m3_tl span{ display: block; width: 100%; text-align: center;}
.news1 .m3_tl .sp1{ font-size: 60px; font-size: 6rem;margin-top: 12px;line-height: 62px;color: #2584c7;}
.news1 .m3_tl .sp2{ font-size: 16px; font-size:1.6rem;background: #2584c7;color: #fff;line-height: 38px;}
.news1 .m3_tc{padding-left: 147px;padding-top: 0;padding-right: 205px;}
.news1 .m3_tc a{ color: #333333; display: block;}
.news1 .m3_tc a:hover{ color: #2584c7;}
.news1 .main3 .title:hover{ color: #2584c7;}
.news1 .m3_tc .tit{display: block;padding-bottom: 4px; font-size: 16px; font-size: 1.6rem; line-height: 24px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.news1 .m3_tc .tit strong{ display: block; width: 53px; height: 1px; background: #333333; margin-top: 5px; }
.news1 .m3_tc .p1{ font-size: 14px; font-size: 1.4rem; line-height: 30px; height: 60px; overflow: hidden;color: #333333;}
.news1 .m3_tc .p2{margin-top: 8px;color: #2584c7;}
.news1 .m3_tr{position: absolute;right: 0;top: 0;}
.news1 .m3_tr img{ max-width: 160px; max-height: 114px;width: 100%;}
.news1 .m3_tc2{ position: relative; top:-5px; }
.news1 .main3_top{padding-bottom: 52px;border-bottom: 1px solid #bfbfbf;margin-bottom: 44px;position: relative;}
@media screen and (max-width:767px) {
    .news1 .m3_tc{padding-left: 0;padding-right: 0;padding-top: 135px;}
    .news1 .main3_top{padding-bottom: 30px;}
    .abnav{margin-bottom: 50px;}
    .abnav a{margin: 0 50px;}
}
@media screen and (max-width:580px) {
    .abnav a{margin: 0 20px;}
}
@media screen and (max-width:450px) {
    .abnav a{margin: 0 10px;width: 118px;}
}
/************  news2  ************/
.news2 h1{font-size:16px;font-size:1.6rem;font-weight: bold;margin-bottom: 25px;}
.nxsj{font-size:16px;font-size:1.6rem;color: #555555;}
.news2 .nex{padding-top: 27px;}
@media screen and (max-width:350px) {
    .news2 .share{float: none;}
    .nxsj{float: none;display: block;margin-bottom: 10px;}
}
/************  news3  ************/
.fyntu img{width: 100%;max-width: 530px;max-height: 370px;}
.ncon{position: relative; border: 2px solid #737572;transition: 0.5s;}
.nbox{width: 530px;margin-bottom: 76px;}
.fynp1{position: absolute;width:100%;left: 0;bottom: 0;line-height: 50px;background: #737572;background: rgba(115,117,114,0.9);transition: 0.5s;}
.fynp1 a{display: block;padding: 0 34px;font-size:14px;font-size:1.4rem;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fynp2{font-size:14px;font-size:1.4rem;color: #737572;line-height: 42px;background:#f4f4f4 url(../img/nrili.png) no-repeat 17px center;padding-left: 58px;}
.fynp3{line-height: 44px;font-size:14px;font-size:1.4rem;color: #737572;background: #f4f4f4 url(../img/ndizhi.png) no-repeat 23px center;padding-left: 55px;margin-top: 11px;}
.ncon:hover{border: 2px solid #2584c7;}
.ncon:hover .fynp1{background: #2584c7;background: rgba(37,132,199,0.9);}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .nbox{width: 470px;}
}
@media screen and (max-width:999px) {
    .nbox{width: 49%;margin-bottom: 55px;}
}
@media screen and (max-width:650px) {
    .nbox{float: none;width: auto;max-width: 530px;margin: 0 auto;margin-bottom: 20px;}
}
/**************  contact  ***************/
.cz_part{width: 485px;}
.hangzhou{font-size:20px;font-size:2rem;line-height: 26px;margin-bottom: 25px;}
.clxfs>li>span{ font-size:18px;font-size:1.8rem;color:#737572;  display: block; margin-bottom: 4px;}
.clxfs>li>i{display: block;font-size:16px;font-size:1.6rem;color: #737572;line-height: 36px;}
.clxfs>li{margin-bottom: 16px;  }
.clxfs>li p{ padding-left: 27px; font-size:16px;font-size:1.6rem; line-height: 30px; color:#737572;;  }
.clxfs>li p a{color: #737572; }
.cicbiao{color:#737572; line-height: 28px; }
.cicbiao a{display: block;  color:#737572; }
.clxfs>li p.cicbiao1{background: url("../img/cic1.png") no-repeat left 5px; font-size:16px;font-size:1.6rem; line-height: 30px; }
.cicbiao2{background: url("../img/cic2.png") no-repeat left 7px;}
.cicbiao3{background: url("../img/cic3.png") no-repeat left 10px;}
.cicbiao4{background: url("../img/cic4.png") no-repeat left 6px;}
.cicbiao5{background: url("../img/cic5.png") no-repeat left 9px;}
.cicbiao6{background: url("../img/cic6.png") no-repeat left 7px;}
.cicbiao7{background: url("../img/cic7.png") no-repeat left 6px;}
.cp1{font-weight: bold;margin-bottom: 3px;}
.cp2{line-height: 24px;}
.cicbiao1 li{margin-bottom: 28px;}
.clxfs a:hover{color: #2584c7;}
.wu{font-weight: bold;margin-bottom: 10px;}
.cy_part{width: 662px;padding-top: 35px;}
.cy_part .title{ font-size:20px;font-size:2rem;color:#333;   }
.cy_part p{ font-size:16px;font-size:1.6rem;color:#666666; line-height: 28px; padding-top: 3px;  }
.xing input{width: 298px;height: 52px;padding-left: 13px;color: #333;border: 1px solid #d2d2d2;color: #737572;}
.xing{padding-left: 14px;margin-bottom: 23px;}
.xing2{background: url("../img/xing.png") no-repeat left 24px;}
.textarea{width:632px;padding-left: 13px;border: 1px solid #d2d2d2; line-height: 37px;  height: 191px; color: #737572; }
.xing input.capt{width: 163px;height: 52px;padding-left: 13px;color: #737572;border: 1px solid #d2d2d2; }
.yzm{cursor: pointer;vertical-align: middle;margin-left: 17px;}
.xing3{display: inline-block;}
.csub{width: 250px;height: 54px;text-align: center;text-align: center;background: #20bf9e;color: #fff;float: right; cursor: pointer;  line-height: 54px;}
.csub:hover{background: #333;}
.ditu{margin-top: 40px; }
.ditu img{ display: block; width: 100%;max-width: 1198px; max-height: 468px;border: 1px solid #a0a0a0;}
@media screen and (min-width:1000px) and (max-width:1399px) {
    .cz_part{width: 375px;}
    .cy_part{width: 590px;}
    .xing input{width: 260px;}
    .textarea{width: 561px;}
    .csub{width: 175px;}
    .con_name input{ height: 52px; width: calc( 100% - 13px ) ;   font-size:16px;font-size:1.6rem;padding-left: 13px;color: #a6a6a6;border: 1px solid #d2d2d2; }
}
@media screen and (max-width:999px) {
    .fymain{padding-top: 20px;padding-bottom: 50px;}
    .ditu{margin-top: 30px;}
    .cz_part{width: 100%; }
    .cy_part{width: 100%; padding-top: 20px;}
    .textarea{width: calc( 100% - 13px ) ;}
    .contact{padding-bottom: 70px;}
    .zydiv{width: 100%;}
    .xing input{width: calc( 100% - 13px ) ; }
    .whether{padding: 0 30px;}
    .head2 .nav_list{margin-top: 20px;}
    .con_name input{ height: 52px; width: calc( 100% - 13px ) ;   font-size:16px;font-size:1.6rem;padding-left: 13px;color: #a6a6a6;border: 1px solid #d2d2d2; }
    .clxfs>li{ margin-bottom: 10px; }
}
@media screen and (max-width:850px) {
    .csub{width: 100%;}
    .ditul{ width: 100%; float: none;  }
    .ditur{ width: 100%; float: none;}
}
@media screen and (max-width:699px) {
    .zydiv{width: 100%;}
    .csub{width: 100%; margin-top: 20px;}
    .xing3{display: block;}
    .xing input.capt{width: calc(100% - 13px);}
    .yzm{margin-bottom: 27px;margin-left: 14px;}
    .sino{font-size: 40px;font-size: 4rem;}
    .whether{font-size: 20px;font-size: 2rem;}
    .hangzhou{font-size:18px;font-size:1.8rem;}
}
@media screen and (max-width:479px) {
    .contact{ padding-bottom:  20px;  }
}
@media screen and (max-width:420px) {
    .xing input.capt{width: 96%;}
    .xing3{display: block;}
    .yzm{margin-bottom: 20px;margin-left: 15px;}
}
/*************  product1  *************/
.phui{background: #eee;padding-top: 74px;padding-bottom: 59px;}
.huizuo img{width: 100%;max-width: 688px;max-height: 395px;}
.huiyou{width: 475px;padding-top: 53px;}
.huip1{font-size: 36px;font-size: 3.6rem;text-transform: uppercase;display: block;}
.huip2{font-size:18px;font-size:1.8rem;line-height: 30px;display: block;margin-top: 16px;margin-bottom: 30px;}
.huip2 a{color: #2584c7;}
.huip3{display: block;width: 128px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: #2584c7;border-radius: 3px;font-size:18px;font-size:1.8rem;}
.pzuo{width: 215px;}
.pyou{width: 916px;}
.pzuo li{border: 1px solid #bfbfbf;text-align: center;margin-bottom: 40px;box-shadow: none;transition: 0.5s;}
.pzuo li a{display: block;color: #333333;line-height: 24px;font-size:16px;font-size:1.6rem;text-transform: uppercase;}
.celi1{padding-top: 36px;padding-bottom: 12px;}
.celi2{padding-top: 36px;padding-bottom: 12px;}
.celi3{padding-top: 36px;padding-bottom: 12px;}
.celi4{padding-top: 36px;padding-bottom: 12px;}
.celi5{padding-top: 36px;padding-bottom: 12px;}
.celi1 a{padding-top: 100px;background: url(../img/cei1.jpg) no-repeat center top;}
.celi2 a{padding-top: 100px;background: url(../img/cei2.jpg) no-repeat center top;}
.celi3 a{padding-top: 85px;background: url(../img/cei3.jpg) no-repeat center top;}
.celi4 a{padding-top: 100px;background: url(../img/cei4.jpg) no-repeat center top;}
.celi5 a{padding-top: 100px;background: url(../img/cei5.jpg) no-repeat center top;}
.pzuo li:hover a{color: #2584c7;}
.pbox{float: left;width: 287px;text-align: center;margin-left: 27px;margin-bottom: 49px;}
.ptu{display: block;border: 1px solid #bfbfbf;}
.ptu img{width: 100%;max-width: 577px;max-height: 466px;display: block;}
.pp1{display: block;text-align: center;background: #737572;color:#fff;font-size:12px;font-size:1.2rem;line-height: 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pp2{padding-left: 23px;position: relative;display: inline-block;margin-top: 24px;}
.pp2 a{display: block;width: 131px;height: 37px;line-height: 37px;text-align: center;border-radius: 3px;border: 1px solid #2584c7;color: #2584c7;}
.pp2 input{position: absolute;left: 0;top: 12px;cursor: pointer;}
.pbox:hover .pp1{background: #2584c7;}
.pbox:hover .pp2 a{color: #2584c7;border: 1px solid #2584c7;}
.xiangshang input{width: 168px;height: 30px;line-height: 30px;color: #fff;background: #2584c7;text-align: center; cursor: pointer;}
.xiangshang{display: inline-block;padding-left: 19px;background: url(../img/xs.jpg) no-repeat center left;position: absolute;bottom: 0;left: 0;}
.fymainp{/*padding-top: 100px;*/max-width: 1920px;margin: 0 auto;}
.ms_ye2{text-align: right;position: relative;}
.zhanshi_tp2 .dSmallPicBox { width: 215px; height: 1113px; position: relative; }
.zhanshi_tp2 .dSmallPic { width: 215px; left: 0px; height: 1113px; position: absolute; top: 0px; overflow: hidden; }
.zhanshi_tp2 .dSmallPic ul { position: absolute; margin-top: 43px; }
.zhanshi_tp2 .dSmallPic li { width: 210px; height: 172px; display: block; cursor: pointer; overflow: hidden; }
.zhanshi_tp2 .dSmallPic .sPic1 {display: block;padding-top: 80px;background: url(../img/cei1.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic2 {display: block;padding-top: 80px;background: url(../img/cei2.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic3 {display: block;padding-top: 80px;background: url(../img/cei3.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic4 {display: block;padding-top: 80px;background: url(../img/cei4.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic5 {display: block;padding-top: 80px;background: url(../img/cei5.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic6 {display: block;padding-top: 80px;background: url(../img/cei6.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic7 {display: block;padding-top: 80px;background: url(../img/cei7.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic8 {display: block;padding-top: 80px;background: url(../img/cei8.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic9 {display: block;padding-top: 80px;background: url(../img/cei9.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic10 {display: block;padding-top: 80px;background: url(../img/cei10.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic .sPic11 {display: block;padding-top: 80px;background: url(../img/cei11.jpg) no-repeat center top;}
.zhanshi_tp2 .dSmallPic li p{height: 172px;border-left: 5px solid transparent;padding-top: 42px;}
.zhanshi_tp2 .dSmallPic li.liSelected p{height: 130px;border-left: 5px solid #2584c7;}
.zhanshi_tp2 .dSmallPic li.liSelected{box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2)}
.zhanshi_tp2 .dSmallPic li:hover{box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2)}
.zhanshi_tp2 .dSmallPic li:hover p{height: 140px;border-left: 5px solid #2584c7;}
#sLeftBtnB { cursor: pointer; width: 213px; height: 28px; display: block; position: absolute; top: 0px; background:#eee url(../img/index_tab_lh.png) no-repeat center center; border: 1px solid #bfbfbf;}
#sRightBtnB { cursor: pointer; width: 213px; height: 28px; display: block; position: absolute; bottom: 0px; background:#eee url(../img/index_tab_r.png) no-repeat center center; border: 1px solid #bfbfbf; }
#sRightBtnB:hover { background:#2584c7 url(../img/index_tab_rh.png) no-repeat center center; }
#sLeftBtnB:hover { background:#2584c7 url(../img/index_tab_l.png) no-repeat center center; }
.lunbob{display: none;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .pyou{width: 715px;}
    .pbox{margin-left: 25px;width: 221px;}
    .huizuo{width: 500px;}
    .huiyou{padding-top: 15px;width: 450px;}
    .huip1{font-size: 30px;font-size: 3rem;}
}
@media screen and (max-width:999px) {
    .pyou{width: 74%;}
    .pzuo{width: 25%;}
    .pbox{width: 31.33%;margin: 0 1%;margin-bottom: 20px;}
    .pp1{font-size: 14px;font-size: 1.4rem;}
    .huizuo{width: 50%;}
    .huiyou{padding-top: 15px;width:48%;}
    .huip1{font-size: 20px;font-size: 2rem;}
    .huip2{font-size:14px;font-size:1.4rem;margin-bottom: 15px;}
    .pzuo li a{font-size:14px;font-size:1.4rem; min-height: 48px;}
    .fymainp{padding-top: 50px;}
    .xiangshang{position: static;display: inline-block;}
    .ms_ye2{text-align: center;}
    .pyou{width: 100%;}
    .pzuo{width: 100%;margin-top: 30px;}
    .lunbob{display: block;}
    .lunboa{display: none;}
    .lunbob li{float: left;width: 23%;margin: 0 1%;margin-bottom: 20px;border: none;}
    .lunbob li>a{display: block;border: 1px solid #bfbfbf;}
    .lunbob li>a img{width: 100%;max-width: 153px;max-height: 74px;}
    .lunbob li .mzz{line-height: 30px;margin-top: 10px;}
}
@media screen and (max-width:767px) {
    .huizuo{width: 100%;text-align: center;}
    .phui{padding-top: 40px;padding-bottom: 35px;}
    .huiyou{width: 100%;padding-top: 30px;}
    .huip3{font-size:14px;font-size:1.4rem;}
    .lunbob li{width: 31.333%;}
}
@media screen and (max-width:550px) {
    .pbox{width: 48%;}
    .lunbob li{width: 48%;}
}
@media screen and (max-width:350px) {
    .pbox{width: 92%;margin: 0 4%;margin-bottom: 20px;}
}
/*********  product2  **********/
.phui2{padding-top: 67px;padding-bottom: 72px;max-width: 1920px;margin: 0 auto;}
.img980{display: none;}
#showArea{}
#showArea img{cursor:pointer;width:102px;height:81px;}
#showArea a{ display:block;text-align: right;margin-bottom: 12px;border: 1px solid #bfbfbf;}
/* #showArea a:hover img{} */
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block;  width: 22px;height: 22px;margin: 0 auto;}
#gobottom{cursor:pointer;display:block; width: 22px;height: 22px;margin: 0 auto;}
#gotop:hover{}
#gobottom:hover{}
#showArea{height:465px; overflow:hidden;}
.MagicZoomBigImageCont {background:#FFF;}
.MagicZoomBigImageCont img{width: 800px!important;height: 646.1px!important;display: block;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}
.left-pro{width:707px;text-align:left;margin-bottom:27px;margin: 0 auto;}
.left-pro .t1{width:104px;float:right;}
.left-pro .t2{width:579px;text-indent:0;float:left;}
.left-pro .t2 a{ display:block;margin-bottom: 0px;border: 1px solid #bfbfbf;}
.left-pro .t2 img{text-indent:0;display: block;}
.titleh1{padding-bottom: 18px;padding-top: 15px;border-bottom: 1px solid #bfbfbf;margin-bottom: 30px;}
.titleh1 h1{font-size: 20px;font-size: 2.0rem;line-height: 42px;}
.content{width: 430px;}
.btn{padding-top: 73px;}
.btn a{display: inline-block;width: 148px;height: 40px;line-height: 40px;text-align: center;color: #2584c7; transition: 0.5s;font-size: 16px;font-size: 1.6rem;border: 1px solid #2584c7;text-transform: uppercase;border-radius: 5px;}
.btn a:hover{background: #2584c7;color: #fff;border: 1px solid #2584c7;}
.btn1{margin-left: 29px;}
.pshare{margin-top: 38px;}
.pshare .pshare1{line-height: 20px;color: #4d4d4d;padding-right: 10px;}
.cpxx{line-height: 30px;font-size:18px;font-size:1.8rem;}
.cpxx a{color: #2584c7;}
.chanpinx{line-height: 30px;padding-bottom: 21px;font-size:16px;font-size:1.6rem;}
.chanpinx a{color: #2584c7;}
.chanpinx img{max-width: 100%;}
.chanpinx iframe{max-width: 100%;}
.chanpinx .table{}
.chanpinx table,.nex table,cpxx table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanpinx tr td,.nex tr td,cpxx tr td{ line-height:24px; padding:2px; border: 1px solid;}
.chanpinx tr td:nth-child(1){width: 30%;}
.img980 .img-scroll {position: relative;margin: 0 auto;width: 100%;}
.img980 .img-scroll .prev,.img980 .img-scroll .next {position: absolute;display: block;width: 12px;height: 20px;top:40%;color: #fff;text-align: center;line-height: 100px}
.img980 .img-scroll .prev {left: 0;cursor: pointer;background: url("../img/zjs.png") no-repeat;}
.img980 .img-scroll .next {right: 0;cursor: pointer;background: url("../img/zjx.png") no-repeat;}
.img980 .img-list {position:relative;width:90%;overflow: hidden;margin: 0 auto;}
.img980 .img-list ul {width: 10000%;}
.img980 .img-list li {float: left;display: inline;width: 0.31%;margin: 0 0.01%;position: relative;text-align: center;}
.img980 .img-list li span,.img980 .img-list li a{color: #fff;display: block;position: relative;padding-bottom:80.714%;overflow: hidden;}
.img980 .img-list li img{width: 100%;max-width: 390px;max-height: 390px;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.fyshipin{width: 1057px;margin: 0 auto;}
.vitu3{position: relative; padding-bottom: 56.35%;height: 0;overflow: hidden;}
.vitu3 iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.vitu3 iframe body{ margin:0px !important;}
.des{text-align: center;font-size: 34px;font-size: 3.4rem;font-weight: bold;color: #2584c7;background: url(../img/desbg.jpg) no-repeat center center;margin-top: 63px;margin-bottom: 60px;}
.desbt{font-size: 26px;font-size: 2.6rem;color: #2584c7;text-transform: uppercase;margin-bottom: 30px;font-weight: unset;}
.applist, .down_list{margin-top: 40px;}
.applist li{float: left;width: calc(25% - 2px);margin-bottom: 20px;    border: 1px solid #ddd;}
.applist li p{font-size:16px;font-size:1.6rem;text-align: center;min-height: 36px;padding: 20px 8px;}

.applist li img{display: block;width: 100%;max-width: 382px;max-height: 264px;margin: auto;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .fyshipin{width: 90%;}
    .left-pro{float: none;}
    .content{width: 100%;}
    
    .MagicZoomBigImageCont {display: none!important;}
    .MagicZoomBigImageCont img{display: none!important;}
    .MagicZoomPup {background: rgba(0,0,0,0)!important;}
}
@media screen and (max-width:999px) {
    .left-pro{display: none;}
    .img980{display: block;}
    .fyshipin{width: 90%;}
    .content{width: 100%;}
    .applist li{width: calc(50% - 2px);}
    .applist li p{min-height: 36px;}
    .des{margin-top: 80px;}
}
@media screen and (max-width:767px) {
    .titleh1 h1{font-size:20px;font-size:2rem;}
    .titleh1{padding-bottom: 10px;}
    .btn{padding-top: 40px;}
    .des{font-size: 30px;font-size: 3rem;}
    .desbt{font-size:20px;font-size:2rem;}
}
@media screen and (max-width:600px) {
    .phui2{padding-bottom: 50px;}
    .des{font-size:20px;font-size:2rem;background: none;margin-top: 50px;margin-bottom: 40px;}
    .applist li{width: 48%;}
    .cpxx{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:500px) {
    .img980 .img-list li{width: 0.48%;}
    .applist li p{font-size:14px;font-size:1.4rem;}
    .applist li{width: calc(100% - 2px);}
    .btn1{margin-left: 0;}
    .btn a{font-size:14px;font-size:1.4rem;margin-bottom: 10px;}
}
/**********  about  ********/
.cilist{text-align: center;padding-bottom: 80px;}
.cilist li{margin: 0 75px;text-align: center;display: inline-block;}
.cilist li b{font-weight: normal;font-size: 30px;font-size: 3rem;color: #444444;padding-top: 15px;display: block;}
.cilist li span{font-size:16px;font-size:1.6rem;color: #555555;margin-top: 8px;display: block;}
.azuo img{width: 100%;max-width: 577px;max-height: 364px;}
.ayou{width: 590px;}
.fyap1{font-size:20px;font-size:2rem;color: #2584c7;text-transform: uppercase;font-weight: bold;padding-left: 40px;background: url(../img/sanxian.jpg) no-repeat left center;margin-top: 20px;}
.fyap2{font-size: 36px;font-size: 3.6rem;color: #2584c7;text-transform: uppercase;font-weight: bold;padding-bottom: 10px;background: url(../img/axian.jpg) no-repeat left bottom;margin-top: 17px;margin-bottom: 21px;}
.fyap3{font-size:16px;font-size:1.6rem;line-height: 30px;}
.ahui{background: #eee;padding-top: 48px;padding-bottom: 60px;margin-top: 56px;max-width: 1920px;margin: 0 auto; margin-top: 40px;}
.ahui .wp>p{font-size: 20px;font-size: 2rem;color: #2584c7;font-weight: bold;text-transform: uppercase;padding-left: 30px;background: url(../img/liaxian.png) no-repeat left center;margin-bottom: 34px;}
.ahui li{position: relative;padding-left:38px;background: url(../img/adian.png) no-repeat left top; margin-bottom: 37px;}
.ahui li span{font-size: 24px;font-size: 2.4rem;color: #737572;position: absolute;left: 38px;top: 0;}
.ahui li p{padding-left: 68px;font-size:16px;font-size:1.6rem;color: #737572;line-height: 30px;}
.ahui .wp>div{color: #737572;line-height: 30px;}
.alan{background: url(../img/abg1.jpg) no-repeat center top;}
.ayou2{width: 545px;padding-top: 63px;padding-bottom: 72px;}
.ayou2 p{color: #fff;}
.alanp1{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;padding-bottom: 24px;background: url(../img/axian2.jpg) no-repeat left bottom;}
.azuo2{display: none;}
.alanp2{font-size:18px;font-size:1.8rem;line-height: 30px;margin-top: 33px;}
.cuspart{padding-top: 69px;padding-bottom: 73px;}
.cusp1{font-size: 32px;font-size: 3.2rem;color: #2584c7;font-weight: bold;}
.cusp2{font-size:18px;font-size:1.8rem;color: #404b52;line-height: 30px;margin-top: 22px;}
.cuspart ul{padding-top: 39px;}
.cuspart li{float: left;margin-left: 22px;}
.cuspart li img{width: 100%;max-width: 283px;max-height: 190px;}
.abg2{padding-top: 30px;padding-bottom: 42px;background: url(../img/abg2.jpg) no-repeat center top;}
.abgp1{font-size: 30px;font-size: 3rem;font-weight: bold;color: #fff;text-transform: uppercase;}
.abgp2{font-size:16px;font-size:1.6rem;line-height: 30px;color: #fff;margin-top: 10px;}
.gcpart{padding-top: 53px;padding-bottom: 30px;}
.gcpart .wp>p{text-align: center;font-size: 36px;font-size: 3.6rem;color: #2584c7;font-weight: bold;text-transform: uppercase;margin-bottom: 36px;}
.gcpart li{float: left;margin-left: 24px;margin-bottom: 44px;}
.gcpart li img{width: 100%;max-width: 384px;max-height: 272px;}
.zs{padding-top: 69px;background: #eee;padding-bottom: 42px;}
#outer #tab{text-align: center;}
#outer #tab li{padding-bottom: 15px;display: inline-block;margin: 0 50px;cursor: pointer;}
#outer #tab li a{display: block;width: 287px;height: 186px;border-radius: 10px;background-size: 100%;}
#outer #tab li a span{color: #fff;display: none;text-align: center;}
#outer #dt1 a{background:#737572 url(../img/dt1.png) no-repeat center center;}
#outer #dt2 a{background:#737572 url(../img/dt2.png) no-repeat center center;}
#outer #dt3 a{background:#737572 url(../img/dt3.png) no-repeat center center;}
#outer #dt1.current a{background:#0266be url(../img/dt1.png) no-repeat center center;background-size: 100%;}
#outer #dt2.current a{background:#0266be url(../img/dt2.png) no-repeat center center;background-size: 100%;}
#outer #dt3.current a{background:#0266be url(../img/dt3.png) no-repeat center center;background-size: 100%;}
#outer .current{background: url(../img/jiao.jpg) no-repeat center bottom;}
#outer .ul{display: none;}
.img-scroll8 {position: relative;margin: 0 auto;width: 100%;padding-top: 44px;padding-bottom: 48px;margin-top: 4px;margin-bottom: 0px;}
.img-scroll8 .prev8, .img-scroll8 .next8 {position: absolute;display: block;width: 45px;height: 45px;top:50%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}
.img-scroll8 .prev8 {left: 0;cursor: pointer;background:url("../img/zss.png") no-repeat center center;}
.img-scroll8 .next8 {right: 0;cursor: pointer;background:url("../img/zsx.png") no-repeat center center;}
.img-scroll8 .prev8:hover {background:url("../img/zss2.png") no-repeat center center;}
.img-scroll8 .next8:hover {background:url("../img/zsx2.png") no-repeat center center;}
.img-list8 {position:relative;width:1066px;overflow: hidden;margin: 0 auto;}
.img-list8 ul {width: 999999px;}
.img-list8 li {float: left;display: inline;width: 234px;position: relative;margin-right: 43px;}
.img-scroll7 {position: relative;margin: 0 auto;width: 100%;padding-top: 44px;padding-bottom: 48px;margin-top: 4px;margin-bottom: 0px;}
.img-scroll7 .prev7, .img-scroll7 .next7 {position: absolute;display: block;width: 45px;height: 45px;top:50%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}
.img-scroll7 .prev7 {left: 0;cursor: pointer;background:url("../img/zss.png") no-repeat center center;}
.img-scroll7 .next7 {right: 0;cursor: pointer;background:url("../img/zsx.png") no-repeat center center;}
.img-scroll7 .prev7:hover {background:url("../img/zss2.png") no-repeat center center;}
.img-scroll7 .next7:hover {background:url("../img/zsx2.png") no-repeat center center;}
.img-list7 {position:relative;width:1066px;overflow: hidden;margin: 0 auto;}
.img-list7 ul {width: 999999px;}
.img-list7 li {float: left;display: inline;width: 234px;position: relative;margin-right: 43px;}
.img-scroll6 {position: relative;margin: 0 auto;width: 100%;padding-top: 44px;padding-bottom: 48px;margin-top: 4px;margin-bottom: 0px;}
.img-scroll6 .prev6, .img-scroll6 .next6 {position: absolute;display: block;width: 45px;height: 45px;top:50%;margin-top:-42px;color: #fff;text-align: center;line-height: 100px}
.img-scroll6 .prev6 {left: 0;cursor: pointer;background:url("../img/zss.png") no-repeat center center;}
.img-scroll6 .next6 {right: 0;cursor: pointer;background:url("../img/zsx.png") no-repeat center center;}
.img-scroll6 .prev6:hover {background:url("../img/zss2.png") no-repeat center center;}
.img-scroll6 .next6:hover {background:url("../img/zsx2.png") no-repeat center center;}
.img-list6 {position:relative;width:1066px;overflow: hidden;margin: 0 auto;}
.img-list6 ul {width: 999999px;}
.img-list6 li {float: left;display: inline;width: 234px;position: relative;margin-right: 43px;}
.ryzsbox{position: relative;overflow: hidden;}
.zhengshu img{width: 100%;max-width: 234px;max-height: 319px;display: block;}
.zhengshu{display: block;}
.fangda{position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.fangda img{width: 35px;height: 35px;position: absolute;left: 50%;margin-left: -17px;top: 50%;margin-top: -17px;}
.propp{color: #333;text-align: center;line-height: 36px;margin-top: 12px;font-size:18px;font-size:1.8rem;text-transform: uppercase;}
.ryzsbox:hover .fangda{bottom: 0;}
/*********************fangdaxiaoguo**********************/
#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,.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;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(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,.6);font-family:Verdana, Geneva, sans-serif;}
 #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,-moz-transform .4s ease;transition:left .4s ease,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;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.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,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .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%;-moz-border-radius:50%;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);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.fyabt3{margin-bottom: 26px;}
.clients img{width: 100%;max-width: 691px;max-height: 63px;}
.fyabt{font-size: 36px;font-size: 3.6rem;color: #2584c7;text-transform: uppercase;text-transform: uppercase;background: url(../img/zsxian.png) no-repeat center center; font-weight: bold;text-align: center;margin-bottom: 30px;}
.partnerbt{text-align: center;font-size: 36px;font-size: 3.6rem;font-weight: bold;color: #2584c7;text-transform: uppercase;margin-bottom: 36px;}
.partner{padding-top: 54px;}
.partner .img-scroll {position: relative;margin: 0 auto;width: 100%;}
.partner .img-scroll .prev,.partner .img-scroll .next {position: absolute;display: block;width: 15px;height: 26px;top:50%;margin-top: -13px;color: #fff;text-align: center;line-height: 100px}
.partner .img-scroll .prev {left: 60px;cursor: pointer;background: url("../img/hbs.jpg") no-repeat;}
.partner .img-scroll .next {right: 60px;cursor: pointer;background: url("../img/hbx.jpg") no-repeat;}
.partner .img-scroll .prev:hover{background: url("../img/hbs2.jpg") no-repeat;}
.partner .img-scroll .next:hover{background: url("../img/hbx2.jpg") no-repeat;}
.partner .img-list {position:relative;width:978px;overflow: hidden;margin: 0 auto;}
.partner .img-list ul {width: 99999px;}
.partner .img-list li {float: left;display: inline;width: 188px;margin-right:75px;position: relative;text-align: center;}
.partner .img-list li img{width: 100%;max-width: 188px;max-height: 120px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    #outer #tab li{margin: 0 15px;}
    #outer #tab li a{width: 280px;height: 160px;}
    .img-list8,.img-list7,.img-list6{width: 855px;}
    .img-list8 li,.img-list7 li,.img-list6 li{width: 187px;margin-right: 35px;}
    .cilist li{margin: 0 40px;}
    .ayou{width: 505px;}
    .azuo{width: 440px;margin-top: 30px;}
    .ayou2{width: 450px;padding-top: 40px;}
    .alanp2{font-size:14px;font-size:1.4rem;}
    .cuspart li{width: 228px;}
    .gcpart li{width: 310px;}
    .propp{font-size:14px;font-size:1.4rem;}
    .partner .img-list{width: 780px;}
    .partner .img-list li{margin-right: 9px;}
}
@media screen and (max-width:999px) {
    #outer #tab li a{width: 210px;height: 155px;}
    #outer #tab li{margin: 0 15px;}
    .img-list8,.img-list7,.img-list6{width: 85%;}
    .img-list8 ul,.img-list7 ul,.img-list6 ul{width: 10000%;}
    .img-list8 li,.img-list7 li,.img-list6 li{width: 0.31%;margin: 0 0.01%;}
    .propp{font-size: 14px;font-size: 1.4rem;}
    .fangda{display: none;}
    .cilist li{margin: 0 15px;}
    .azuo{width: 100%;text-align: center;}
    .ayou{width: 100%;margin-top: 20px;}
    .fyap2{font-size: 30px;font-size: 3rem;}
    .alan{background: #2584c7;padding-bottom: 20px;}
    .ayou2{width: 100%;padding-top: 40px;padding-bottom: 40px;}
    .azuo2{display: block;text-align: center;}
    .azuo2 img{width: 100%;max-width: 964px;max-height: 533px;}
    .cuspart li{width: 23%;margin: 0 1%;}
    .gcpart li{width: 31.333%;margin: 0 1%;margin-bottom: 10px;}
    .partner .img-list{width: 90%;}
    .partner .img-scroll .prev{left: 0;}
    .partner .img-scroll .next{right: 0;}
    .partner .img-list li{width: 0.23%;margin: 0 0.01%;}
    .partner .img-list ul{width: 10000%;}
    .zs{padding-bottom: 0;}
}
@media screen and (max-width:767px) {
    #outer #tab li a{width: 150px;height: 100px;}
    .zs{padding-top: 45px;}
    .fyap2{font-size: 24px;font-size: 2.4rem;}
    .alanp1{font-size: 30px;font-size: 3rem;}
    .alanp2{font-size:14px;font-size:1.4rem;margin-top: 20px;}
    .ahui{padding-bottom: 40px;}
    .cusp1{font-size:24px;font-size:2.4rem;}
    .cuspart{padding-top: 30px;}
    .cusp2{font-size:14px;font-size:1.4rem;}
    .abgp1{font-size:20px;font-size:2rem;}
    .abgp2{font-size:14px;font-size:1.4rem;line-height: 24px;}
    .gcpart .wp>p{font-size: 30px;font-size: 3rem;}
    .gcpart{padding-top: 30px;}
    .fyabt,.partnerbt{font-size: 30px;font-size: 3rem;}
    .cilist li{width: 31.333%;margin: 0 1%;float: left;}
    .cilist{padding-bottom: 30px;}
    .cilist li b{font-size: 20px;font-size: 2rem;}
}
@media screen and (max-width:600px) {
    #outer #tab li{margin: 0 6px;}
    #outer #tab li a{width: 100px;height: 50px;background: #737572;line-height:50px;}
    #outer #tab li a span{display: block;}
    #outer #tab li.current a{background: #0266be;}
    .img-list8 li,.img-list7 li,.img-list6 li{width: 0.48%;}
    .img-list8,.img-list7,.img-list6{width: 80%;}
    .img-scroll8,.img-scroll7,.img-scroll6{padding-top: 15px;}
}
@media screen and (max-width:500px) {
    .img-list8,.img-list7,.img-list6{width: 70%;}
    .img-list8 li,.img-list7 li,.img-list6 li{width: 0.80%;margin: 0 0.1%;}
    .cilist li{width: 98%;margin-bottom: 20px;}
    .ahui li p{padding-left: 75px;font-size:14px;font-size:1.4rem;}
    .ahui li{margin-bottom: 20px;}
    .alanp1{font-size:20px;font-size:2rem;}
    .cuspart li{width: 48%;margin-bottom: 10px;}
    .cuspart{padding-bottom: 30px;}
    .abg2{padding-top: 20px;padding-bottom: 25px;background: url(../img/abg2.jpg) repeat center top}
    .gcpart{padding-bottom: 25px;}
    .fyabt{background: none;}
    .partner .img-list li{width: 0.31333%;}
    .partner{padding-top: 30px;}
    .gcpart li{width: 48%;}
    .partner .img-list{width: 85%;}
}
@media screen and (max-width:380px) {
    #outer #tab li{margin: 0;}
    #outer #tab li a{width: 90px;height: 50px;background: #737572;line-height:50px;}
    #outer #tab li a span{display: block;font-size: 12px;font-size: 1.2rem;}
    #outer #tab li.current a{background: #0266be;}
    .partner .img-list li{width: 0.48%;}
}
.navlist>li.special{position: static;}
.yiji{position: absolute;left: 0;top: -9999px;z-index: 9999;width: 100%;text-align: center;}
.yijibox{margin: 0 20px;text-align: left;float: left;margin-bottom: 27px; min-height: 160px; width: 21%;}
.yijibox>p{font-size:16px;font-size:1.6rem;font-weight: bold;text-transform: uppercase;padding-left: 8px;margin-bottom: 5px;}
.yiji .wp{padding-top: 30px;padding-bottom: 10px;border: 1px solid #d2d2d2;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);background: #fff;}
.yijibox li{line-height: 30px;text-align: left;}
.yijibox li a{display: inline-block;padding: 0 8px;}
.yijibox li a:hover{background: #eee;}
.navlist>li:hover .yiji{top: 144px;}
.yiji2{position: absolute;left: 0;top: -9999px;width: 222px;border: 1px solid #bfbfbf;z-index: 9999;background: #fff;}
.yiji2 li{line-height: 47px;padding: 0 4px;}
.yiji2 li a{display: block;font-size:14px;font-size:1.4rem;color: #777777;text-transform: uppercase;padding-left:4px;border-bottom: 1px solid #bfbfbf;}
.yiji2 li:hover>a{color: #2584c7;}
.navlist>li:hover .yiji2{top: 100%;}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:999px) {
    .yiji,.yiji2{display: none;}
}
.hdtop{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 99999;}
.ce{position: fixed;right: 1px;top: 20%;width: 69px;z-index: 9999999999;}
.ce li{height: 69px;margin-bottom: 2px;transition: 0.5s;border-radius: 10px;}
.ce li a{display: block;height: 69px;}
.ce1{background: #e81010 url(../img/ce1.png) no-repeat center center;}
.ce2{background: #87dd4c url(../img/ce2.png) no-repeat center center;}
.ce3{background: #13c1f3 url(../img/ce3.png) no-repeat center center;}
.ce4{background: #429800 url(../img/ce4.png) no-repeat center center;}
.ce5{background: #0267d2 url(../img/ce5.png) no-repeat center center;}
.ce2{position: relative;}
.ce2 img{position: absolute;right: 100%;bottom: -99999px;display: block;}
.ce2 img{width: 155px;}
.ce2:hover img{bottom: 0;}
@media screen and (max-width:767px) {
    .ce{bottom: 0;top: auto;width: 100%;}
    .ce li{width: 20%;margin: 0;float: left;border-radius: 0;}
    .dibu{padding-bottom: 80px;}
    .ce2:hover img{right: auto;left: 0;bottom: 100%;}
    .ce li a{height: 40px;}
    .ce li{height: 40px;}
}
.cover{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: url(../img/procover.png);display: none;}
.cover .wp{position: relative;}
.cover span{display: block; font-size: 30px; font-size: 3.0rem; color: #fff; position: absolute; top: -40px; right: 20%; text-align: right; cursor: pointer; }
.sou{width: 504px;height: 48px;line-height: 48px;padding-left: 16px;border: 1px solid #bfbfbf;font-size:16px;font-size:1.6rem;}
.cover form{position: relative;width: 522px;margin: 0 auto;margin-top: 30%;}
.suo{cursor: pointer;width: 15px;height: 15px;background: url(../img/sousuo3.png) no-repeat;position: absolute;right: 15px;top: 18px;}
@media screen and (max-width:999px) {
    .cover form{width: 80%;}
    .sou{width: calc(100% - 16px);}
    .cover span{right: 10%;}
}
@media screen and (max-width:767px) {
    .cover{display: none;}
}
.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;}
/***************  xiugai  ***************/
.flbox7{width: 292px;margin-left: 10px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .flbox7{width: 237px;}
}
@media screen and (max-width:999px) {
    .flbox7{width: 23%;margin: 0 1%;}
}
@media screen and (max-width:550px) {
    .flbox7{width: 48%;margin: 0 1%;margin-bottom: 15px;}
}
.wspartnerbt ul li{float: left; margin-left: 148px;text-align: center;}
.wspartnerbt ul li img{max-width: 100%;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .wspartnerbt ul li{margin-left: 76px;}
}
@media screen and (max-width:999px) {
    .wspartnerbt ul li{width: 23%;margin: 0 1%;}
}
@media screen and (max-width:600px) {
    .wspartnerbt ul li{width: 48%;margin: 0 1%;margin-bottom: 20px;}
}
/**************  xiugai  *************/
.zhanshi_tp2 .dSmallPic .sPic{padding-top: 0;background: none;}
.zhanshi_tp2 .dSmallPic li p img{width: 82%;max-width: 577px;max-height: 466px; padding-top: 16px;}
.zhanshi_tp2 .dSmallPic li p{padding-top: 0;height: 172px;}
.zhanshi_tp2 .dSmallPic li.liSelected p{height: 172px;}
.zhanshi_tp2 .dSmallPic li:hover p{height: 172px;}
/**************  bottom from  *************/
.c-nomr {
    margin-right: 0 !important;
}
.c-cb {
    clear: both;
}
.m-ctusform{
    
    background: none;
    border-bottom: 1px #f7f7f7 solid;
    padding-top: 40px;
    padding-bottom: 89px;
    overflow: hidden;
}

.m-ctusform .box-title1 , .m-ctusform .box-desc1 {
    color: #2584c7;
    font-size: 30px;
    font-size: 3.0rem;
    margin-top: 0px;
    font-family: "calibri";
    text-align: center;
}

.m-ctusform .box-form {
  margin-top: 36px;
  margin-bottom: -15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 963px;
  overflow: hidden;
}

.m-ctusform .form-item {
  position: relative;
  margin-bottom: 15px;
  line-height: 0;
  font-size: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.m-ctusform .form-item-1 {
  width: 49.22118%;
}

.m-ctusform .form-item-2 {
  width: 100%;
}

.m-ctusform .form-item-3 {
  margin-right: 2.18069%;
  width: 18.4839%;
}

.m-ctusform .form-item-4 {
  width: 18.69159%;
  height: 54px;
  padding-left: 0;
  line-height: 52px;
  text-align: center;
  background-color: transparent;
  -moz-border-radius: 0;
       border-radius: 0;
  background-color: #fff;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
}

.m-ctusform .form-item-4 img {
  max-height: 52px;
  vertical-align: middle;
}

.m-ctusform .form-item-5 {
  float: none;
  border: none;
  padding-left: 0;
}
.m-ctusform .formt {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  line-height: 0;
  font-size: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.m-ctusform .form-item-t{width: 32%;margin-right: 2%;}
.m-ctusform .item-btn1 {
  
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    background-color: #2584c7;
    border-radius: 30px;
    width: 154px;
    height: 44px;
  border: 2px solid #2584c7;
  cursor: pointer;
}
.m-ctusform .item-btn1:hover{color: #fff;}
.m-ctusform .item-text {
  width: 100%;
  height: 46px;
  line-height: 44px;
  padding-left: 14px;
  padding-right: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #888;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #cdcdcd;
}

.m-ctusform .item-text::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.m-ctusform .item-text:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.m-ctusform .item-text::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.m-ctusform .item-text:-ms-input-placeholder {
  color: #888;
  opacity: 1;
}

.m-ctusform .item-text2 {
  height: 164px;
  line-height: 14px;
  padding-top: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.m-ctusform .item-text3 {
  font-size: 16px;
  font-size: 1.6rem;
  height: 54px;
  line-height: 52px;
}

@media screen and (max-width: 959px) {
  .m-ctusform {
    float: none;
    margin-top: 30px;
    width: 100%;
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .m-ctusform {
    margin-top: 30px;
  }

  .m-ctusform .box-form {
    margin-bottom: -15px;
  }

  .m-ctusform .box-title {
    margin-bottom: 25px;
    font-size: 24px;
    font-size: 2.4rem;
  }

  .m-ctusform .form-item {
    margin-bottom: 15px;
    width: 100%;
  }

  .m-ctusform .item-text2 {
    height: 144px;
  }

  .m-ctusform .item-btn {
    margin-top: 0;
  }
}
.m-systemtext .box-title {
  padding-bottom: 14px;
  font-size: 30px;
  font-size: 3rem;
  font-family: "calibrib";
  border-bottom: 1px solid #bfbfbf;
}

.m-systemtext .box-desc {
  margin-top: 40px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
}

.m-systemtext .box-desc p {
  min-height: 26px;
}

.m-systemtext .box-desc strong {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "calibrib";
}

.m-systemtext .box-desc a {
  color: #2584c7;
}

@media screen and (max-width: 959px) {
  .m-systemtext .box-title {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .m-systemtext .box-desc {
    margin-top: 25px;
  }

  .m-systemtext .box-desc p {
    min-height: 10px;
  }
}
.blog {
  width: 100%;
}

.blog .b_cate {
  margin: 24px 0;
}

.blog .data_list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.blog .b_cate p {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.blog .b_cate .cate_name {
  margin-bottom: 14px;
  padding: 11px 18px;
  line-height: 30px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "calibri";
  text-align: center;
  font-weight: bold;
}

.blog .blog_list {
  width: 23%;
    margin-right: 2.66666%;
  /*float: left;*/
  /*margin-left: 6.66%;*/
  margin-bottom: 60px;
}

.blog .blog_list:nth-child(4n){
    margin-right:0;
}
@media screen and (max-width:1000px) {
    .blog .blog_list {
        width: 30%;
        margin-right: 5%;
    }
    .blog .blog_list:nth-child(4n){
        margin-right: 5%;
    }
    .blog .blog_list:nth-child(3n){
        margin-right: 0;
    }
}
@media screen and (max-width:650px) {
    .blog .blog_list {
        width: 47.5%;
        margin-right: 5%;
    }
    .blog .blog_list:nth-child(4n),.blog .blog_list:nth-child(3n){
        margin-right: 5%;
    }
    .blog .blog_list:nth-child(2n){
        margin-right: 0;
    }
}
.blog .blog_list .btu img {
  width: 100%;
  display: block;
}

.blog .blog_list .b_wenzi a {
  display: block;
}

.blog .blog_list .b_wenzi:hover {
  background: #ebebeb;
}

.blog .blog_list .b_title {
  /*font-weight: bolder;*/
  font-size: 20px;
  font-size: 2rem;
  font-size: 18px;
  line-height: 36px;
}

.blog .blog_list .b_title:hover {
  color: #333;
}

.blog .blog_list .b_more {
  color: #ffd800;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
}

.blog .blog_list .b_more:hover {
  text-decoration: underline;
}
/*blog content*/
.g-mn4 {
    float:none;
    width:100%;
    padding:40px;
    -moz-border-radius:15px;
    border-radius:15px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:#dce3ed 10px 10px 40px 0;
}
.pagebb{width:70.75%;float: left;}
@media screen and (max-width:1219px) {
    .g-mn4 {
    padding:20px;
}
}@media screen and (max-width:991px) {
    .g-mn4 {
    float:none;
    width:100%;
}
}.g-sd4 {
    float:right;
    width:23.3333333333%;
    position:-webkit-sticky;
    position:sticky;
    right:0;
    top:0;
}
@media screen and (max-width:991px) {
    .g-sd4 {
    float:none;
    width:100%;
    margin-top:30px;
}
}.m-newstt {
    margin-top:50px;
    margin-bottom:20px;
    overflow:hidden;
}
.m-newstt span {
    position:relative;
    display:inline-block;
    line-height:38px;
    font-size:30px;
    font-size:3.0rem;
    font-family:"calibrib";
}
.m-newstt span:before {
    content:"";
    position:absolute;
    left:100%;
    top:50%;
    margin-left:20px;
    width:1200px;
    border-top:1px solid #ccc;
}
@media screen and (max-width:991px) {
    .m-newstt {
    margin-top:30px;
}
.m-newstt span {
    line-height:26px;
    font-size:20px;
    font-size:2rem;
}
}.m-newshare .box-shares {
    display:table;
    table-layout:fixed;
    width:100%;
}
.m-newshare .share-item {
    position:relative;
    display:table-cell;
    border-left:1px solid #ccc;
    padding:15px 0;
    font-size:14px;
    font-size:1.4rem;
    text-align:center;
}
.m-newshare .share-item:first-child {
    border-left:none;
}
.m-newshare .share-item:hover .share-tooltip {
    bottom:100%;
    opacity:1;
}
.m-newshare .facebook:hover {
    color:#fff;
    background-color:#37589b;
}
.m-newshare .twitter:hover {
    color:#fff;
    background-color:#46d4fe;
}
.m-newshare .pinterest:hover {
    color:#fff;
    background-color:#cb2027;
}
.m-newshare .linkedin:hover {
    color:#fff;
    background-color:#419cca;
}
.m-newshare .share-tooltip {
    position:absolute;
    left:50%;
    -webkit-transform:translate(-50%,-10px);
    -moz-transform:translate(-50%,-10px);
    -ms-transform:translate(-50%,-10px);
    -o-transform:translate(-50%,-10px);
    transform:translate(-50%,-10px);
    bottom:120%;
    width:150px;
    background-color:#fff;
    color:#969696;
    padding:15px;
    border:1px solid #ebebeb;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-border-radius:2px;
    border-radius:2px;
    box-shadow:0 3px 13px 0 rgba(0,0,0,0.1);
    opacity:0;
    -webkit-transition:all 350ms;
    -o-transition:all 350ms;
    -moz-transition:all 350ms;
    transition:all 350ms;
}
.m-newshare .tooltip-title {
    font-size:14px;
    font-size:1.4rem;
}
.m-newshare .tooltip-arrow-wrap {
    top:auto;
    bottom:0;
    position:absolute;
    left:50%;
}
.m-newshare .tooltip-arrow {
    height:10px;
    width:10px;
    position:absolute;
    top:-6px;
    left:50%;
    margin-left:-5px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    border-width:1px;
    border-style:solid;
    visibility:hidden\9;
    border:none;
    background-color:#fff;
}
@media screen and (max-width:991px) {
    .m-newshare .share-tooltip {
    display:none;
}
}.m-mnews .box-list {
    margin-bottom:-30px;
    font-size:0;
    letter-spacing:0;
}
.m-mnews .list-item {
    margin-right:6%;
    margin-bottom:30px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    width:29.33%;
}
.m-mnews .list-item img{display: block;width: 100%;}
.m-mnews .list-item:hover {
    background-color:#eee;
}
.m-mnews .item-title {
    margin-top:5px;
    max-height:48px;
    line-height:24px;
    font-size:16px;
    font-size:1.6rem;
    overflow:hidden;
    font-family:"calibrib";
}
@media screen and (max-width:991px) {
    .m-mnews .item-title {
    font-size:14px;
    font-size:1.4rem;
}
}@media screen and (max-width:480px) {
    .m-mnews .list-item {
    margin-left:1%;
    margin-right:1% !important;
    width:48%;
}
}.m-newsform .box-title {
    margin-bottom:10px;
}
.m-newsform .box-info {
    margin-bottom:20px;
    line-height:22px;
    font-size:14px;
}
.m-newsform .form-text {
    width:100%;
    height:36px;
    line-height:34px;
    border:1px solid #e1e1e1;
    font-size:14px;
    font-size:1.4rem;
    padding:0 10px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#f8f8f8;
}
.m-newsform .form-text1 {
    height:150px;
}
.m-newsform .form-item {
    margin-top:15px;
}
.m-newsform .form-item2 {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row nowrap;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.m-newsform .form-label {
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
    -moz-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -moz-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    font-size:14px;
    font-size:1.4rem;
    font-family:"calibrib";
}
.m-newsform .form-label span {
    color:red;
}
.m-newsform .form-text2 {
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
    -moz-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    margin-right:20px;
    -webkit-box-flex:0;
    -webkit-flex:0 1 auto;
    -moz-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    width:220px;
}
.m-newsform .form-btn {
    padding:9px 38px;
    -moz-border-radius:35px;
    border-radius:35px;
    background:#ffd800;
    color:#fff;
    font-size:16px;
    font-size:1.6rem;
}
.m-sdform {
    padding-top:10px;
}
.m-sdform .box-title {
    margin-bottom:0px;
    font-size:24px;
    line-height:34px;
    font-family:"calibrib";
    text-align: center;
    font-weight: bolder;
}
.m-sdform .form-item {
    margin-top:10px;
}
.m-sdform .form-item:first-child {
    margin-top:0;
}
.m-sdform .form-label {
    font-size:16px;
    font-size:1.6rem;
    color:#969696;
}
.m-sdform .form-label span {
    color:red;
}
.m-sdform .form-text {
    margin-top:5px;
    width:97.6%;
    border:1px solid #e1e1e1;
    padding:8px 6px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.m-sdform .form-text2 {
    height:64px;
}
.m-sdform .form-item2 {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row nowrap;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -moz-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
.m-sdform .form-code {
    width:100px;
    margin-right:10px;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -moz-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#f3fbfe;
}
.m-sdform .form-code img{max-width: 100%;}
.m-sdform .form-text3 {
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -moz-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
}
.m-sdform .form-btn {
    width:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:9px 38px;
    -moz-border-radius:35px;
    border-radius:35px;
    background:#2584c7;
    color:#fff;
    font-size:16px;
}
.m-sdform .box-email {
    margin-top:20px;
    text-align:center;
}
.m-sdform .box-email a {
    color:#2584c7;
}
.m-desc{
    font-family: Arial;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;}
.blog-c{padding-top: 25px;    padding-bottom: 48px;position: relative;}
.c-clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.blog-box-title {
    font-size: 36px;
    font-size: 3.6rem;
    font-family: "calibri";
    font-weight: bold;
    margin-bottom: 50px;
}
/*mulu*/
#toc_container {
    background:#f9f9f9;
    padding:10px;
    margin:15px 0;
    border:1px solid #aaa;
    display:inline-block;
    
}
#toc_container .toc_title {
    text-align:center;
    font-size:16px;
    font-size:1.6rem;
}
#toc_container .toc_q {font-weight:bold;color:#000;font-family: Arial;}
#toc_container .toc_toggle {
    color:#f08400;
    font-weight:normal;
    cursor:pointer;
}
#toc_container .active {
    display:block;
}
.toc_list p a {
    font-size:16px;
    font-size:1.6rem;
    color:#f08400;
}
.toc_list p a:hover{text-decoration: underline;}
.toc_list ul {
    margin-left:1.5em;
}
.avia_textblock p {
    font-family: Arial;
    padding:15px 0;
    font-size:16px;
    font-size:1.6rem;
    line-height: 24px;
}
.avia_textblock img{max-width: 100%;
    display: block;
    margin: auto;}
/*.avia_textblock h2 {*/
/*    margin-bottom:10px;*/
/*    letter-spacing:1px;*/
/*    line-height: 1.6em;*/
/*}*/
/*.avia_textblock h2 span {*/
/*    font-size:45px;*/
/*    font-weight:700;*/
/*    color:#b02b2c;*/
/*}*/
.avia_textblock h3 {
    margin-top:1.5em;
    margin-bottom:8px;
}
.avia_textblock h3 span {
    font-size:25px;
    color:#000;
}
.avia_textblock a{color: #b02b2c;}
.avia_textblock a span{color: #b02b2c;}
.avia_textblock a strong{color: #b02b2c;}
.h_line p {
    width:50px;
    height:2px;
    background:#b02b2c;
    line-height:25px;
    border-color:#b02b2c;
    border-top-width:2px;
    display:inline-block;
    vertical-align:middle;
    padding:0;
}
.blogtt {
    font-size:30px;
    font-weight:bold;
    font-family:"calibrib";
    line-height:38px;
}
.bpro_list{float: left; width: 45%;margin-bottom: 10px;margin-left: 10%;}
.bpro_list img{display: block;width: 100%;margin: auto;max-height: 90px;}
.bpro_list a p{font-size: 13px;font-size: 1.3rem;color: #969696;padding-top: 4px;min-height: 50px;}
.b-top img {
    width: 100%;
    display: block;
    margin-bottom: 16px;
}
/*app title*/
.myborder{margin-top: 40px;font-size: 26px;font-size: 2.6rem;text-align: center;border-color: #ebebeb;display: flex;width: 100%;justify-content: center;align-items: center;}
.fancy{color: #2584c7;text-transform: uppercase;font-size: 26px;font-size: 2.6rem;}
.myborder:before, .myborder:after {
    content: '';
    border-top: 2px solid #ddd;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}
.myborder:after {margin: 0 0 0 20px;}
/*tanchuang*/
.tanxp {
    background:rgba(0,0,0,0.3);
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:999999;
    display:block;
}
.tanxp::-webkit-input-placeholder {
    color:#666;
}
.tanxp:-o-placeholder {
    color:#666;
}
.tanxp::-moz-placeholder {
    color:#666;
}
.tanxp:-ms-input-placeholder {
    color:#666;
}
.covern {
    background:#fff;
    width:520px;
    margin:0 auto;
    position:relative;
    padding-top:38px;
    padding-bottom:38px;
    top:100px;
}
.tanxp .input_list {
    margin-bottom:20px;
}
.tanxp .input_list label {
    font-size:16px;
    font-size:1.6rem;
    font-weight:bold;
    line-height:28px;
}
.guanbi {
    position:absolute;
    top:8px;
    right:12px;
    cursor:pointer;
}
.covernr {
    padding-left:30px;
    padding-right:30px;
}
.if {
    line-height:30px;
    text-align:center;
    margin-bottom:18px;
    font-weight:bold;
    font-size:30px;
    color:#2584c7;
}
.tanxp .input_list .item-textarea,.mima {
    width:460px;
    font-size:16px;
    font-size:1.6rem;
    line-height:40px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#fff;
    border:1px solid #cdcdcd;
}
.mima {
    height:40px;
}
.tanxp .input_list .item-textarea {
    height:120px;
}
.xzbtn {
    width:142px;
    height:42px;
    line-height:40px;
    background:#2584c7;
    color:#fff;
    text-align:center;
    display:inline-block;
    margin-top:16px;
    font-size:18px;
    font-size:1.8rem;
    cursor:pointer;
}
.xzbtn:hover {
    background:#185681;
    color:#fff;
}
.c-btn {
    margin-left:34px;
}
.btns {
    text-align:center;
}
.pro_down .d_button {
    display: inline-block;
    -moz-border-radius:24px;
    border-radius:24px;
    padding:8px 18px;
    background:#2584c7;
    margin-left:12px;
}
.pro_down .d_button span {
    color:#fff;
    font-size:20px;
    font-size:2rem;
    line-height:24px;
    padding-right:22px;
    padding-left:6px;
    background:url(../img/down.png) right no-repeat #2584c7;
}
.pro_down .myborder{margin-top: 0;}
@media screen and (max-width:850px){
.pro_down .d_button{width: 49%;
    margin-left: 0px;
    margin-bottom: 12px;
    text-align: center;
    padding: 10px 0;}
}
@media screen and (max-width:600px){
.covern{width: 96%;height: 540px;    top: 30px;padding-bottom: 0px;}
.tanxp .input_list .item-textarea, .mima{width: 100%;line-height: 30px;}
.mima {
    height: 30px;
}
.tanxp .input_list .item-textarea {
    height: 80px;
}
.tanxp .input_list label{font-size: 14px;font-size: 1.4rem;}
.tanxp .input_list{margin-bottom: 10px;}
.xzbtn{margin-top: 0;}
}
@media screen and (max-width:500px){
.myborder{display: block;}
.pro_down .d_button{width: 100%;}
}

.page_content p{font-size: 18px;font-size: 1.8rem; line-height: 26px;}
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 10px; height: 30px; border: 1px solid #ccc; }

@media screen and (max-width:991px){ .table { width: 100%; overflow-x: scroll; }
  .table > div { width: 991px !important; max-width: 991px; } }

.youtube{position: relative; background-color: #000; margin-bottom: 30px; position: relative; padding-top: 75%; overflow: hidden; cursor: pointer;}
.youtube img{ width: 100%; top: 0; left: 0; opacity: 0.7;}
.youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px;}
.youtube .play-button:before{ content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff;}
.youtube img,.youtube .play-button{ cursor: pointer;}
.youtube img,.youtube iframe,.youtube .play-button,.youtube .play-button:before{ position: absolute;}
.youtube .play-button,.youtube .play-button:before{ top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 );}
.youtube iframe { height: 100%; width: 100%; top: 0; left: 0;}