@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}

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;}

 

@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{position: relative;}

.search>a{cursor: pointer;}

.search form{position: absolute; top: 100%;right: 0;z-index: 99;display: none;}

.sou{width: 200px;height: 40px;line-height: 40px;padding-left: 10px;border: 1px solid #1b64b7;}

.suo{position: absolute;right: 3px;top: 3px;width: 38px;height: 38px;background: url(../images/sousuo2.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(../images/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; font-family: Arial, Helvetica, sans-serif;}





.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; font-family: Arial, Helvetica, sans-serif;}





.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; font-family: Arial, Helvetica, sans-serif;}





.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: #da251d; }



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





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

#lun2{position: relative;}

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

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

.slide .carouse .slideItem{

	width:100%;

	position:absolute;

}

.slide .console{

	height: 57px;

    display: inline-block;

    width: 35px;

    position: absolute;

    top: 40%;

}

.slide .dotList{

    text-align: center;

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

}

.slide .dotList ul li{

	display: inline-block;

    width: 20px;

    height: 20px;



    margin-left: 13px;

    cursor:pointer;

}

.slide .dotList ul li.active{



}

.slide .carousel-control{

	position: absolute;

    top: 50%;

    margin-top: -25px;

    width: 50px;

    height: 50px;

    z-index:999;

}

.slide .carousel-control.left{

	left:8.2%;

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

	cursor:pointer;

}

.slide .carousel-control.right{

	right:8.2%;

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

	cursor:pointer;

}



.slide .carousel-control.left:hover{background-image:url("../images/prev2.png");}

.slide .carousel-control.right:hover{background-image:url("../images/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:639px) {

.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;}



.slide .dotList ul li{background: #fff;}

.slide .dotList ul li.active{background: #da251d;}

}



/***************  head  *************/

.head{background: url(../images/headbg.jpg) repeat-x center bottom;}

.head .wp{position: relative;padding-bottom: 18px;}

.logo2{display: none;}

.logo1{/*display: block;*/}

.logo{padding-top: 11px; float:left;}

.logo img{max-width: 100%;}



.navlist2{display: none;}

.navlist{margin-right: 34px;padding-top: 10px;}

.navlist>li{float: left;position: relative;padding-left: 30px;background: url(../images/navbg.png) no-repeat left top;margin-left: 32px;}

.navlist>li>a{display: block;text-transform: uppercase;font-size: 16px;font-size: 1.6rem;font-weight: bold;padding-bottom: 20px;border-bottom: 3px solid transparent;}

.navlist>li.nobg{background: none;}

.navlist>li:hover>a{color: #da251d;border-bottom: 3px solid #da251d;}

.navlist>li.currentnav>a{color: #da251d;border-bottom: 3px solid #da251d;}

.ssnav{/*position: absolute;bottom: 0;right: 0;*/ padding-top:50px;}



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

    

}

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

    .logo1 img{width: 80%;}

    .head .wp{padding-bottom: 35px;}

}

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

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

}

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

    .logo1{display: none;}

    .logo2{display: block;}

    .search{display: none;}

    .navlist1{display: none;}

    .navlist2{display: block;}

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

    .navlist>li{width: 25%;padding-left: 0;background: none;margin-left: 0;text-align: center;}

    .ssnav{position: static;}

    .head .wp{padding-bottom: 0;}

    .logo2{display: inline-block;width: 80px;}

}

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

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

}



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

.bottom{padding-top: 57px;background: #272727;}

.bottom p,.bottom li,.bottom a,.bottom span{color: #ffffff;}

.bottom a:hover{color: #da251d;}

.div>a,.div>span{display: block;font-size: 24px;font-size: 2.4rem;font-weight: bold;text-transform: uppercase;margin-bottom: 13px;}

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

.div1{margin-right: 268px;}

.div2{width: 285px;}

.div3{width: 343px;}

.bsjj{padding-top: 10px;}

.bsjj a{margin-right: 24px;position: relative;top: 0;transition: 0.5s;}

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

.copyright{line-height: 30px;padding-top: 11px;}



.link{line-height: 44px;height: 44px;border-top: 1px solid #686868;margin-top: 27px;text-align: center;}

.link a{padding: 0 10px;}



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

    .div1{margin-right: 140px;}

}

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

    .div1{width: 30%;margin-right: 5%;}

    .div2{width: 65%;}

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

}

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

    .div1,.div2{display: none;}

    .div3>span{display: none;}

    .bsjj{display: none;}

    .copyright{padding-top: 0;}

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

    .bottom{padding-top: 10px;}

}



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

.sya{padding-top: 79px;padding-bottom: 30px;background: url(../images/syabg.jpg) no-repeat center top;}

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

.syatu1 .syatu11{width: 100%;max-width: 744px;max-height: 526px;}

.syatu1 .syaxian1{position: absolute;top: 78px;right: -79px;}

.syazuox{position: relative;margin-top: 24px;}

.syazuox>a{position: absolute;display: block;top: 50%;margin-top: -29px;}

.syazuox>p{padding-left: 217px;}

.syazuox>p>a{display: block;color: #fff;font-size: 16px;font-size: 1.6rem;line-height: 24px;}

.syazuo{width: 744px;}



.syayou{width: 402px;padding-top: 150px;}

.syabt{font-size: 34px;font-size: 3.4rem;font-weight: bold;text-transform: uppercase;padding-bottom: 13px;background: url(../images/syaxian2.png) no-repeat left bottom;}

.syabt a span{color: #da251d;}

.syabt a:hover{color: #da251d;}



.syap1{display: block;font-size: 16px;font-size: 1.6rem;font-weight: bold;margin-top: 18px;}

.syap2{line-height: 24px;display: block;margin-top: 3px;}

.syap1:hover{color: #da251d;}

.syap2:hover{color: #da251d;}

.syatu2{position: relative;margin-top: 96px;}

.syatu2 img{width: 100%;max-width: 333px;max-height: 228px;}

.syatu2 .syvm{display: block;width: 138px;height: 37px;line-height: 37px;text-align: center;color: #fff;background: #da251d;position: absolute;left: 0;top: -15px;font-weight: bold;}



.sywhat{padding-top: 78px;}

.whatzuo{width: 646px;}

.whatcon{position: relative;overflow: hidden;}

.whatbox1 .whattu img{width: 100%;max-width: 646px;max-height: 400px;}



.whatcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/whatcover.png);}

.whatcover span{display: block;text-align: center;font-size: 20px;font-size: 2rem;font-weight: bold;color: #fff;padding-top: 102px;background: url(../images/lianjie.png) no-repeat center top;margin-top: 27%;}



.whatp{display: none;text-align: center;line-height: 24px;}

.whatbox:hover .whatcover{top: 0;}

.whatbox{margin-bottom: 28px;}



.whatyou{width: 530px;padding-top: 38px;}

.whatbt{position: relative;padding-bottom: 10px;background: url(../images/syaxian3.jpg) no-repeat left bottom;}

.whatbt a.wwo{color: #fff;font-size: 34px;font-size: 3.4rem;text-transform: uppercase;font-weight: bold;}

.syjia{position: absolute;right: 21px;bottom: 10px;}

.whatp1{display: block;color: #fff;line-height: 24px;margin-top: 15px;margin-bottom: 53px;}

.whatbox2 .whattu img{width: 100%;max-width: 530px;max-height: 334px;}



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

    .syazuo{width: 545px;}

    .sya{background: url(../images/syabg.jpg) no-repeat center -100px;padding-top: 100px;}

    .syayou{padding-top: 35px;}

    .syatu1 .syaxian1{top: 20px;}



    .whatzuo{width: 500px;}

    .whatyou{width: 450px;}

}

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

    .sya{background: #1b64b7;}

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

    .syatu1{text-align: center;}

    .syatu1 .syaxian1{display: none;}

    .syayou{float: none;width: 100%;padding-top: 50px;}

    .syatu2{margin-top: 50px;}

    .syabt a{color: #fff;}

    .syap1,.syap2{color: #fff;}

    .whatzuo{width: 55%;}

    .whatyou{width: 43%;padding-top: 0;}

    .whatcover{display: none;}

    .whatp{display: block;color: #fff;margin-top: 10px;}

}

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

    .sywhat{padding-top: 40px;}

    .whatbt a.wwo{font-size: 30px;font-size: 3rem;}

    .syazuox>p>a{font-size: 14px;font-size: 1.4rem;}



}

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

    .whatzuo{float: none;width: auto;max-width: 646px;}

    .whatyou{float: none;width: auto;max-width: 530px;margin: 0 auto;}



}

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

    .syazuox>a{position: static;margin-top: 10px;margin-bottom: 10px;}

    .syazuox>p{padding-left: 0;}

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



}

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

.syp{padding-bottom: 53px;}

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

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

.img-scroll3 .prev3 {right: 0;margin-right:37px;cursor: pointer;background: url("../images/ps.jpg") no-repeat left center;}

.img-scroll3 .next3 {right: 0;cursor: pointer;background: url("../images/px.jpg") no-repeat right center;}

.img-scroll3 .prev3:hover {background: url("../images/ps2.jpg") no-repeat left center;}

.img-scroll3 .next3:hover {background: url("../images/px2.jpg") no-repeat right center;}

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

.img-list3 ul {width: 999999px;}

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



.sypbt{padding-top: 30px;background: url(../images/sypbg.jpg) no-repeat left top;}

.sypbt p{margin-right: 112px;background: url(../images/sypxian.jpg) no-repeat 307px center;}

.sypbt p a{padding-right: 36px;font-size: 34px;font-size: 3.4rem;font-weight: bold;text-transform: uppercase;}



.sypcon{position: relative;overflow: hidden;}

.syptu img{display: block;width: 100%;max-width: 534px;max-height: 336px;}

.sypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/whatcover.png);}

.sypcover span{display: block;text-align: center;font-size: 16px;font-size: 1.6rem;color: #fff;font-weight: bold;padding-top: 90px;background: url(../images/lianjie.png) no-repeat center top;margin-top: 21%;}

.sypp{text-align: center;line-height: 30px;display: none;}

.sypbox:hover .sypcover{top: 0;}



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

    .img-list3 li{margin-right: 30px;width: 306px;}

    .sypcover span{margin-top: 17%;}

}

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

    .syp{padding-top: 30px;}

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

    .img-list3 li{width: 0.31%;margin: 0 0.01%;}

    .sypcover{display: none;}

    .sypp{display: block;}

}

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

    .img-list3 li{width: 0.48%;margin: 0 0.01%;}

    .sypbt p a{font-size: 30px;font-size: 3rem;}

    .sypbt p{background: none;}

}

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

    .sypbt{background: none;padding-top: 5px;}

    .sypbt p a{padding-right: 0;font-size: 24px;font-size: 2.4rem;}

    .sypbt p{margin-right: 80px;}

}

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

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

}



/********  syapp  *********/

.syapp{padding-bottom: 50px;}

.appbt{padding-top: 20px;background: url(../images/casebg.jpg) no-repeat center top;text-align: center;}

.appbt a{display: inline-block;font-size: 34px;font-size: 3.4rem;font-weight: bold;color: #da251d;text-transform: uppercase;padding-bottom: 16px;background: url(../images/hongxian.jpg) no-repeat center bottom;}



.appbox{width: 24.5%;margin-left: 0.5%;float: left;margin-top: 65px;}

.appp{display: block;text-align: center;font-size: 16px;font-size: 1.6rem;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;}

.appbox img{width: 100%;max-width: 472px;max-height: 298px;}


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

    .appbox{width: 46%;margin: 0 2%;margin-top: 20px;}

}

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

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

    .syp{padding-bottom: 30px;}

}

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

    .appbt{background: none;}

    .appbt a{font-size: 24px;font-size: 2.4rem;}

    .appp{margin-top: 10px;font-size: 14px;font-size: 1.4rem;}

}

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

    .appbt{background: none;}

    .appbt a{font-size: 24px;font-size: 2.4rem;}

    .appp{margin-top: 10px;font-size: 14px;font-size: 1.4rem;}

    .appbox{width: 48%;margin: 0 1%;margin-top: 20px;}

    .syp{padding-bottom: 10px;}

}



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

.syn{padding-top: 26px;padding-bottom: 80px;}

.synbtp{position: relative;margin-bottom: 30px;}

.synbt{font-size: 30px;font-size: 3rem;color: #333333;font-weight: bold;text-transform: uppercase;}

.synbt:hover{color: #da251d;}

.synbt span{color: #da251d;}

.sym{position: absolute;right: 0;bottom: 0;width: 84px;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;color: #fff;background: #da251d;position: absolute;right: 0;bottom: 0px;font-size: 16px;font-size: 1.6rem;}

.synzuo{width: 600px;}

.synzuo ul li{position: relative;margin-top: 18px;}

.ri{font-size: 50px;font-size: 5rem;position: absolute;left: 0;top: 0;}

.yuenian{position: absolute;left: 64px;top: 3px;text-align: center;}

.yuenian span{display: block;line-height: 30px;}

.yue{padding-bottom: 1px;background: url(../images/yue.jpg) no-repeat center bottom;}

.synnr{padding-left: 124px;display: table-cell;vertical-align: middle;}

.synnr a.synnr1{display: block;color: #666666;line-height: 24px;overflow: hidden;font-weight: bold;margin-bottom: 2px;}

.synnr a.synnr2{display: block;line-height: 24px;height: 48px;overflow: hidden;}

.synnr a:hover{color: #da251d;}



.synyou img{width: 100%;max-width: 560px;max-height: 338px;}



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

    .synyou{width: 450px;margin-top: 78px;}

    .synzuo{width: 510px;}

}

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

    .synyou{width: 100%;text-align: center;margin-top: 20px;}

    .synzuo{width: 100%;}

    .syn{padding-top: 15px;padding-bottom: 40px;}

}

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

    .synbt{font-size: 24px;font-size: 2.4rem;}

    .sym{bottom: 6px;}

    .synnr{padding-left: 0;padding-top: 65px;}

}



/*************  fymain  *************/

.fymain{padding-top: 36px;padding-bottom: 90px;}



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

.bread{background: #e9e9e9;font-size: 16px;font-size: 1.6rem;font-weight: bold;line-height: 30px;padding-top: 10px;padding-bottom: 7px;}

.pzuo{width: 306px;}

.pyou{width: 830px;}

.bread a:hover{color: #da251d;}

.bread a.currentbread{color: #da251d;}



.title1{font-size: 20px;font-size: 2rem;line-height: 46px;background: #1b64b7;font-weight: bold;padding-left: 13px;margin-bottom: 8px;}

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

.subNav{line-height: 40px;background: #f3f3f3 url(../images/cejt1.png) no-repeat 95% center;padding-left: 15px;margin-bottom: 7px;}

.subNav a{display: block;}

.subNav:hover{background: #1b64b7 url(../images/cejt2.png) no-repeat 95% center;}

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

.subNav.currentDd{background: #1b64b7 url(../images/cejt2.png) no-repeat 95% center;}

.subNav.currentDd a{color: #fff;}

.navContent{padding-top: 5px;margin-top: -7px;margin-bottom: 5px;}

.navContent p{line-height: 30px;padding-left: 13px;}

.navContent p a{display: block;color: #666666;}

.navContent p.currentp a{color: #1b64b7;}

.navContent p:hover a{color: #1b64b7;}

.navContent ul li{line-height: 34px;padding-left: 50px;}

.navContent ul li a{color: #666666;}

.navContent ul li:hover a{color: #1b64b7;}



.pbox{width: 376px;float: left;margin-left: 78px;margin-bottom: 35px;text-align: center;}

.ptu{display: inline-block;border: 1px solid #e5e5e5;}

.pcon{position: relative;overflow: hidden;}

.pcover{position: absolute;left: 0px;top: -100%;width: 100%;height: 100%;background: url(../images/pcover.png);}

.pcover img{width: 42px;height: 42px;position: absolute;left: 50%;margin-left: -21px;top: 50%;margin-top: -21px;}

.ptu img{width: 100%;max-width: 534px;max-height: 336px;display: block;}



.pp1{text-align: center;font-size: 16px;font-size: 1.6rem;padding-top: 19px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pp1 input{cursor: pointer;}

.pp2{display: block;width: 155px;height: 37px;line-height: 37px;text-align: center;color: #1b64b7;border: 2px solid #1b64b7;border-radius: 20px;margin: 0 auto;margin-top: 20px;}

.pp2:hover{background: #1b64b7;color: #fff;}

.pbox:hover .pcover{top: 0;}



.ms_ye{text-align: center;margin-top: 11px;}

.ms_ye a{display: inline-block;width: 25px;line-height: 25px;text-align: center;margin-left:3px;margin-right:4px;font-size: 12px;font-size: 1.2rem;background: #333333;border-radius: 50%;color: #fff;font-family: Verdana, Geneva, Tahoma, sans-serif;}

.ms_sx{width: auto!important;background: none!important;;margin:0 21px!important;color: #333!important;}

.ms_sx:hover{color: #1b64b7!important;}

.ms_ye .ms_current_ye{background: #1b64b7;}

.ms_ye a:hover{background: #1b64b7;}



.xiangshang{position: absolute;right: 0;bottom: 0;padding-left: 30px;background: url(../images/xiangshang.png) no-repeat left 6px;}

.xiangshang span{font-size: 16px;font-size: 1.6rem;color: #4b4b4b;padding-right: 10px;font-family: Verdana, Geneva, Tahoma, sans-serif;}

.xiangshang input{width: 170px;height: 32px;line-height: 32px;text-align: center;color: #fff;background: #005fac;cursor: pointer;font-family: Verdana, Geneva, Tahoma, sans-serif;}



.ms_ye2{text-align: left;position: relative;}





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

    .pyou{width: 697px;}

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

    .pzuo{width: 270px;}

}

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

    .pyou{width: 100%;}

    .pzuo{width: 100%;margin-top: 30px;}

    .title1{background: #1b64b7;position: relative;margin-bottom: 10px;line-height: 48px;}

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

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

    .title2{margin-top: 45px;}

    .pcover{display: none;}



    .pbox{width: 31.333%;margin: 0 1%;margin-bottom: 30px;}

    .ms_ye2{text-align: center;}

    .xiangshang{position: static;display: inline-block;}

}

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

    .title1 p{display: block;position: absolute;right: 10px;bottom: 10px;}

    .title1 p span{display: block;width: 30px;height: 5px;margin-bottom: 3px;background: #fff;}

    .subNavBox{display: none;}

    .title1{text-align: left;padding-left: 15px;font-size: 18px;font-size: 1.8rem;line-height: 48px;}

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

    .pp2{width: 130px;height: 30px;line-height: 30px;}

}

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

    .pbox{width: 48%;}

}

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

    .pbox{width: 98%;}

}







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

.phui{}

.img980{display: none;}

#showArea{margin-top: 19px;margin-bottom:17px; }

#showArea img{cursor:pointer;width:133px;height:82px;display: block;}

#showArea a{ display:block;text-align: right;margin-bottom: 10px;border: 2px solid transparent;}

#showArea a:hover{border: 2px solid #1b64b7;}

#main_img{cursor:pointer;display:block;}

#gotop{cursor:pointer;display:block;  width: 21px;height: 12px;background: url(../images/top.png) no-repeat center top;margin: 0 auto;}

#gobottom{cursor:pointer;display:block; width: 21px;height: 12px;background: url(../images/bottom.png) no-repeat center bottom;margin: 0 auto;}

#gotop:hover{background: url(../images/topon.png) no-repeat center top;}

#gobottom:hover{background: url(../images/bottomon.png) no-repeat center bottom;}

#showArea{height:277px; overflow:hidden;}

.MagicZoomBigImageCont {background:#FFF;}

.MagicZoomBigImageCont img{width: 1000px!important;height: 629px!important;display: block;}

.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}



.left-pro{width:697px;text-align:left;margin-bottom:27px;margin: 0 auto;}

.left-pro .t1{width:137px;float:right;}

.left-pro .t2{width:536px;text-indent:0;float:left;}

.left-pro .t2 a{ display:block;margin-bottom: 0px;border: 1px solid #f0f0f0;}

.left-pro .t2 img{text-indent:0;display: block;}





.titleh1{padding-bottom: 18px;}

.titleh1 h1{font-size: 20px;font-size: 2rem;line-height: 32px;padding-bottom: 12px;text-align: center;font-weight: bold;}

.content{padding-bottom: 40px;}



.btn{padding-top: 25px;}

.btn a{display: inline-block;width: 157px;height: 39px;line-height: 39px; border-radius: 20px;text-align: center;color: #1b64b7; transition: 0.5s;border: 1px solid #1b64b7;}

.btn a:hover{background: #1b64b7;color: #fff;}

.btn1{margin-left: 16px;}



.share{padding-top: 31px;}

.share .share1{line-height: 26px;color: #1b64b7;padding-right: 10px;}



.cpxx{line-height: 30px;color: #666666;}

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

.cpxx a{}



.des{height: 48px;background: #eee;margin-bottom: 19px;}

.des span{display: inline-block;line-height: 46px;width:287px;padding-left: 15px;background: #f8f8f8;color: #333;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;border-bottom: 2px solid #1b64b7;}

.cubt{font-size: 18px;font-size: 1.8rem;color: #0196da;font-weight: bold;margin-bottom: 3px;}



.chanpinx{line-height: 30px;padding-bottom: 33px;color: #000000;}

.chanpinx li,.chanpinx p,.chanpinx span,.chanpinx b{color: #000000;}

.chanpinx a{color: #0196da;}

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

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



.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;}



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

.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 12px;height: 20px;top:40%;color: #fff;text-align: center;line-height: 100px}

.img-scroll2 .prev2 {left: 0;cursor: pointer;background: url("../images/zjs.png") no-repeat;}

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

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

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

.img-list2 li {float: left;display: inline;width: 0.31%;margin: 0 0.01%;position: relative;position: relative;text-align: center;}

.img-list2 li span,.img-list2 li a{color: #fff;display: block;}

.img-list2 li img{width: 100%;max-width: 534px;max-height: 336px;}





.img-scroll4 {position: relative;margin: 0 auto;width: 100%;padding-top: 43px;}

.img-scroll4 .prev4, .img-scroll4 .next4 {position: absolute;display: block;width:34px;height: 34px;top:-5%;margin-top:-21px;color: #fff;text-align: center;line-height: 100px}

.img-scroll4 .prev4 {right: 0;margin-right:37px;cursor: pointer;background: url("../images/zjs.jpg") no-repeat left center;}

.img-scroll4 .next4 {right: 0;cursor: pointer;background: url("../images/zjx.jpg") no-repeat right center;}

.img-scroll4 .prev4:hover {background: url("../images/zjs2.jpg") no-repeat left center;}

.img-scroll4 .next4:hover {background: url("../images/zjx2.jpg") no-repeat right center;}

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

.img-list4 ul {width: 999999px;}

.img-list4 li {float: left;display: inline;width: 388px;position: relative;position: relative;margin-right: 53px;}

.img-list4 li img{width: 100%;max-width: 534px;max-height: 336px;}



.relate{margin-right: 84px;background: url(../images/relatebg.jpg) no-repeat right center;margin-top: 40px;}

.relate a{padding-right: 20px;background: #fff;font-size: 34px;font-size: 3.4rem;font-weight: bold;text-transform: uppercase;}

.relate a span{color: #da251d;}



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

    .MagicZoomBigImageCont{display: none!important;}

    .MagicZoomPup{background: rgba(0,0,0,0)!important;}

}

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

    .btn1{margin-left: 3px;}

    .btn a{width: 145px;}

    .img-list4 li{margin-right: 30px;width: 333px;}



}



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

    .left-pro{display: none;}

    .img980{display: block;}

    .content{width: 100%;}

    .img-list2 li a{border: 1px solid #e3e3e3;}



    .img-list4 ul{width: 10000%;}

    .img-list4 li{width: 0.31%;margin: 0 0.01%;}

}



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

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

}

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

    .btn{float: none;text-align: center;}

    .share{float: none;text-align: center;}

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

}

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

    .img-list2 li{width: 0.48%;}

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

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

    .btn1{margin-left: 0;}

    .img-list4 li{width: 0.48%;margin: 0 0.01%;}

    .relate a{font-size: 24px;font-size: 2.4rem;}

    .des span{font-size: 14px;font-size: 1.4rem;width: 220px;}

}

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

    .img-list2 li{width: 0.98%;}

    .relate{background: none;}

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

}



/**************  about1  *************/

.abnav{ background:url(../images/abbiao.jpg) repeat-x left 54px; text-align:center;padding-bottom: 43px;}

.abnav a{ display:inline-block; *float:left; width:210px; padding-top:130px; font-size:16px; font-size:1.6rem; line-height:24px;text-transform:uppercase; margin:0 53px;}

.ab1{ background:url(../images/abbiao1.jpg) no-repeat center top;}

.ab2{ background:url(../images/abbiao2.jpg) no-repeat center top;}

.ab3{ background:url(../images/abbiao3.jpg) no-repeat center top;}









.ab1:hover{ background:url(../images/abbiao1h.jpg) no-repeat center top;}

.ab2:hover{ background:url(../images/abbiao2h.jpg) no-repeat center top;}

.ab3:hover{ background:url(../images/abbiao3h.jpg) no-repeat center top;}








.abnav a:hover{ color:#1b64b7;}

.ab1.dangqianab{ background:url(../images/abbiao1h.jpg) no-repeat center top !important;}

.ab2.dangqianab{ background:url(../images/abbiao2h.jpg) no-repeat center top;}

.ab3.dangqianab{ background:url(../images/abbiao3h.jpg) no-repeat center top;}






.dangqianab{ color:#1b64b7 !important;}



.mszslist li p{display: none;text-align: center;line-height: 30px;}

.mszslist li img{max-width: 100%;display: block;}

.mszslist li {position: relative;overflow: hidden;float: left;margin-left: 72px;width: 246px;margin-bottom: 53px;}

.mszslist li:hover a{top: 0px;}



.mszslist li a{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/mszscover.png);}

.mszslist li a span{font-size: 20px;font-size: 2rem;color: #fff;font-weight: bold;display: block;text-align: center;padding-top: 53px;background: url(../images/fdj.png) no-repeat center top;margin-top: 48%;}





/*********************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)}}



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

    .mszslist li{margin-left: 35px;width: 218px;}



}

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

    .mszslist li a{display: none;}

    .mszslist li p{display: block;font-size: 16px;font-size: 1.6rem;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    .mszslist li{width: 23%;margin: 0 1%;margin-bottom: 30px;}

    .abnav a{margin: 0 10px;}

}

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

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

    .abnav a{width: 33.333%;float: left;margin: 0;}

    .abnav{background: none;}

}

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

    .mszslist li{width: 31.33%;}

}

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

    .mszslist li{width: 48%;}

    .abnav a{width: 100%;margin-bottom: 10px;}

}



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

.ayou{padding-right: 11px;padding-top: 14px;background: url(../images/hongkuai.jpg) no-repeat right top;margin-left: 40px;margin-top: 44px;}

.ayou img{width: 100%;max-width: 591px;max-height: 366px;}

.ap1{font-size: 24px;font-size: 2.4rem;font-weight: bold;color: #da251d;text-transform: uppercase;padding-left: 26px;background: url(../images/abg1.png) no-repeat left center;}

.ap2{font-size:36px;font-size: 3.6rem;color: #333;text-transform: uppercase;padding-bottom: 16px;background: url(../images/abg2.jpg) no-repeat left bottom;margin-top: 29px;margin-bottom: 37px;font-weight: bold;}

.ap3{line-height: 30px;font-size: 16px;font-size: 1.6rem;}

.ap4{line-height: 30px;padding-top: 23px;padding-bottom: 53px;}



.azuo2 img{width: 100%;max-width: 591px;max-height: 366px;}

.azuo2{margin-right: 26px;margin-top: 37px;}

.ayou2{margin-top: 39px;}

.ap5{line-height: 30px;font-size: 16px;font-size: 1.6rem;}





.img-scroll8 {position: relative;margin: 0 auto;width: 100%;padding-top: 44px;margin-bottom: 0px;}

.img-scroll8 .prev8, .img-scroll8 .next8 {position: absolute;display: block;width: 19px;height: 21px;top:50%;margin-top:-7px;color: #fff;text-align: center;line-height: 100px}

.img-scroll8 .prev8 {left: 0;cursor: pointer;background:url("../images/as.png") no-repeat center center;}

.img-scroll8 .next8 {right: 0;cursor: pointer;background:url("../images/ax.png") no-repeat center center;}

.img-scroll8 .prev8:hover {background:url("../images/as2.png") no-repeat center center;}

.img-scroll8 .next8:hover {background:url("../images/ax2.png") no-repeat center center;}

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

.img-list8 ul {width: 999999px;}

.img-list8 li {float: left;display: inline;width: 339px;position: relative;margin-right: 29px;}



.ryzsbox{position: relative;overflow: hidden;}

.company img{width: 100%;max-width: 339px;max-height: 225px;display: block;}

.company{display: block;}

.fangda{position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;background: url(../images/fangdabg.png);}

.fangda img{width: 35px;height: 35px;position: absolute;left: 50%;margin-left: -17px;top: 50%;margin-top: -17px;}

.propp{color: #666666;text-align: center;line-height: 36px;margin-top: 5px;}

.ryzsbox:hover .fangda{bottom: 0;}



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

    .ayou{width: 460px;}

    .azuo2{width: 460px;}

    .img-list8{width: 900px;}

    .img-list8 li{width: 280px;}

}

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

    .ayou{width: 460px;}

    .azuo2{width: 460px;}

    .img-list8{width: 900px;}

    .img-list8 li{width: 280px;}

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

    .ap3,.ap5{font-size: 14px;font-size: 1.4rem;}

    .img-list8{width: 90%;}

    .img-list8 ul{width: 10000%;}

    .img-list8 li{width: 0.31%;margin: 0 0.01%;}

    .fangda{display: none;}

}

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

    .ayou{width: auto;float: none;margin-left: 0;max-width: 591px;margin: 0 auto;margin-bottom: 30px;}

    .azuo2{width: 100%;text-align: center;margin-right: 0;margin-bottom: 20px;}

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

    .ap3,.ap5{font-size: 14px;font-size: 1.4rem;}

    .img-list8{width: 90%;}

    .img-list8 ul{width: 10000%;}

    .img-list8 li{width: 0.31%;margin: 0 0.01%;}

    .fangda{display: none;}

}

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

    .ap2{font-size: 20px;font-size: 2rem;margin-top: 15px;margin-bottom: 20px;}

}

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

    .img-list8 li{width: 0.48%;}

}

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

    .img-list8{width: 85%;}

}

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

    .img-list8 li{width: 0.98%;}

}



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



.vilie{ width:554px; float:left; margin-left:92px;margin-bottom:62px;}

.vitu{position: relative; padding-bottom: 67.14%;height: 0;overflow: hidden;}

.vitu iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}

.vitu iframe body{ margin:0px !important;}

.vizi{text-align: center;font-size: 16px;font-size: 1.6rem;line-height: 30px;margin-top: 17px;font-weight: bold;}

.video .ms_ye{margin-top: 28px;}



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

.vilie{ width:480px; margin-left:20px;}

}

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

.vilie{ width:31.333%; margin-left:1% !important; margin-right:1%; margin-bottom:20px;}

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

.video{padding-bottom: 80px;}

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

}

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

.vilie{ width:48%;}

.video{padding-top: 0;}

}

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

.vilie{ width:98%;}

.video{padding-bottom: 40px;}

}



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

.new1 .fwp{padding-bottom: 45px;  position: relative;  }

.new1 .swp{ position: absolute; top:0; left: 0;  }

.new1 .swp a{ display: block; width: 100%; margin: 0 auto; }

.new1 .swp a img{ display: block; max-width: 396px; max-height: 239px; width: 100%; margin: 0 auto; }



.new1 .zi {  padding-left: 428px; min-height: 185px; padding-right: 0px; }

.new1 .zi .time{ padding-bottom: 23px;font-size: 16px; font-size: 1.6rem; line-height: 30px;color: #333;   }

.new1 .zi .title{  color: #333;   display: block;line-height: 30px; font-size: 18px; font-size: 1.8rem; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.new1 .zi .p{ display: block;font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; height: 90px;overflow: hidden;margin-top: 29px;}

.new1 .zi .more{ display: block;  font-size: 14px; font-size: 1.4rem;  width: 186px; height: 42px; line-height: 42px; text-align: center; color: #1b64b7;border: 1px solid #1b64b7;text-transform: uppercase;}

.new1 .zi .title:hover{ color: #1b64b7;}

.new1 .zi .p:hover{ color: #1b64b7;}



.new1 .zi .more:hover{ background: #1b64b7; color: #fff; }



.new1 .page { position: relative; margin: 69px auto 0;}



.fyppart .fypbox{margin-left: 30px;}



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

.new1 .fwp{padding-bottom: 15px;margin-bottom: 20px;}



}

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

    .new1 .fwp{ padding-bottom: 0px; text-align: center;}

    .new1 .swp{ position: relative; top:0; left: 0;  }

    .new1 .zi {  padding-left: 0px; min-height: 236px; padding-right: 0px; padding-top: 20px;min-height: auto;}

    .new1 .zi .title{padding-top: 10px;}

    .new1 .zi .time{padding-bottom: 5px;}

    .new1 .zi .p{margin-top: 10px;}

    .new1 .zi .more{margin: 0 auto;}

    .new1 .swp a img{display: inline-block;}

    .new1 .swp{position: static;}

    .new1 .swp a{display: inline-block;}

    .new1 .fwp .time{float: none;}

}

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

    .new1 .zi .title{font-size: 16px;font-size: 1.6rem;}

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

    .new1 .zi{padding-top: 10px;}

}



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

.new2 h1{text-align: center;font-size: 20px;font-size: 2rem;color: #1b64b7;font-weight: bold;line-height: 30px;}

.xwxsj{text-align: center;font-size: 16px;font-size: 1.6rem;color: #1b64b7;line-height: 30px;}



.nex{color: #333333;line-height: 30px;padding-top: 15px;font-size: 16px;font-size: 1.6rem;padding-bottom: 30px;}

.nex p,.nex li,.nex span,.nex b{color: #333333;}

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



.xwsx{border: 1px solid #888888;padding-left: 7px;padding-right: 7px;padding-top: 10px;padding-bottom: 10px;}

.xwsx>div{line-height: 30px;}

.xwsx>div span{padding-left: 29px;color: #333333;display: inline-block;}

.xwsx>div a{color: #888888;}

.xwsx>div a:hover{color: #1b64b7;}

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

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





/* contact */

/* contact_top */

.contact_top { background: #e5e5e5; border-radius: 8px;}



/* c_left */

.c_left { width: 465px; padding-top: 75px; padding-bottom: 68px; background: url(../images/conleft1.png) no-repeat left top; border-radius: 8px 0px 0px 8px; }



.c_left_wrap { width: 350px; margin: 0 auto; }



.c_left_wrap .c_title { padding-bottom: 45px; font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; line-height: 24px; }



.c_left_wrap .c_titl3 { color: #fff; padding-bottom: 2px; }



.c_left_wrap .c_tiyl { margin-bottom: 30px; }



.c_left_wrap .c_tiyl4 { padding-left: 42px; font-weight: bold; color: #fff; line-height: 20px;margin-bottom: 22px;}



.c_left_wrap .c_tiyl4 a { font-weight: bold; color: #fff; }



.c_left_wrap .c_tiyl4 a:hover { color: #da251d; }



.c_left_wrap .c_titl31 { padding-left: 24px;color: #fff; background: url(../images/c_xin1.png) no-repeat left 1px; }

.c_left_wrap .c_titl32 { padding-left: 24px;color: #fff; background: url(../images/c_xin2.png) no-repeat left 1px; }

.c_left_wrap .c_titl33 { padding-left: 24px;color: #fff; background: url(../images/c_xin3.png) no-repeat left 1px; }

.c_left_wrap .c_titl34 { padding-left: 24px;color: #fff; background: url(../images/c_xin4.png) no-repeat left 1px; }

.c_left_wrap .c_titl35 { padding-left: 24px;color: #fff; background: url(../images/c_xin5.png) no-repeat left 1px; }

.c_left_wrap .c_titl36 { padding-left: 24px;color: #fff; background: url(../images/c_xin6.png) no-repeat left 1px; }

.c_left_wrap .c_titl37 { padding-left: 24px;color: #fff; background: url(../images/c_xin7.png) no-repeat left 1px; }

/* c_right */

.c_right { float: right; width: 47%; margin-right: 84px; }



.c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #1b64b7; text-transform: uppercase; padding-bottom: 3px; }



.c_xp { padding-top: 13px; }



.c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }



.c_div1 { padding-bottom: 18px; }



.c_div2 { padding-bottom: 20px; }



.c_div3 { padding-bottom: 20px; }



.c_div4 { padding-top: 2px; margin-bottom: 5px; }



.c_input1 { float: left; line-height: 35px; height: 35px; text-indent: 14px; color: #666666; width: 547px; border: solid 1px #cccccc; background: #fff; }



.c_textarea { font-family: Arial; float: left;text-indent: 14px; color: #666666; width: 544px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 211px; background: #fff; }



.c_captcha { background: #fff; width: 154px; float: left; line-height: 35px; height: 35px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }



.c_yzm { float: left; margin-left: 19px; cursor: pointer; }



.c_send { float: right; text-align: center; color: #fff; background: #333333; width: 181px; height: 37px; line-height: 35px; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-weight: bold;}



.map {padding-top: 50px;}



.map img { display: block; max-width: 1200px; max-height: 381px; width: 100%; }



@media screen and (max-width: 1219px) { .c_left { width: 399px; }

  .c_div1, .c_div2, .c_div3 { padding-bottom: 16px; }

  .c_input1 { width: 95%; }

  .c_textarea { width: 95%; }

  .c_send { width: 116px; } }



@media screen and (max-width: 999px) { .contact_top { background: #e5e5e5; margin-top: 20px; }

  .map { margin: 20px auto 20px; }

  .c_left { float: none; width: 95%; margin: 0 auto; max-width: 399px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }

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

  .c_title2 { padding-top: 0px; }

  .c_left_wrap { width: 90%; }

  .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; }

  .c_left_wrap .c_title { padding-bottom: 20px; } }



@media screen and (max-width: 419px) { .c_left_wrap .c_tiyl { margin-bottom: 15px; }

  .c_input1 { width: 90%; }

  .c_textarea { width: 90%; }

  .c_send { width: 90%; }

  .c_captcha { width: 90%; margin-bottom: 20px; }

  .c_yzm { margin-left: 12px; } }



.yiji{position: absolute;left: 0;top: -99999px;z-index: 9999;background: #1b64b7;background: rgba(27,100,183,0.9);padding-top: 4px;width: 268px;}

.yiji li{line-height: 43px;padding-left: 7px;position: relative;}

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

.yiji li:hover{background: #fff;}

.yiji li:hover>a{color: #1b64b7;}



.erji{position: absolute;left: 100%;top: -9999px;}

.erji ul{background: #1b64b7;background: rgba(27,100,183,0.9);padding-top: 4px;width: 268px;}

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

.yiji>li:hover .erji{top: -4px;}



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

    

}

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

    .yiji{display: none;}

}





.ce{position: fixed;right: 1px;top: 30%;width: 69px;z-index: 211;}

.ce li{height: 69px;margin-bottom: 2px;transition: 0.5s;border-radius: 5px;cursor: pointer;}

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



.ce1{background: #1b64b7 url(../images/ce1.png) no-repeat center center;}

.ce2{background: #1b64b7 url(../images/ce2.png) no-repeat center center;}

.ce3{background: #1b64b7 url(../images/ce3.png) no-repeat center center;}

.ce4{background: #1b64b7 url(../images/ce4.png) no-repeat center center;}



.ce1:hover{background: #da251d url(../images/ce1.png) no-repeat center center;}

.ce2:hover{background: #da251d url(../images/ce2.png) no-repeat center center;}

.ce3:hover{background: #da251d url(../images/ce3.png) no-repeat center center;}

.ce4:hover{background: #da251d url(../images/ce4.png) no-repeat center center;}



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

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

    .ce li{width: 25%;margin: 0;float: left;height: 50px;border-radius: 0;}

    .bottom{padding-bottom: 38px;}

}



.ms_ye a.no:hover{

    font-size: 1.2rem!important;

    color: #333!important;

}



.ppp{    line-height: 30px;}





.xwsx a.no:hover{    color: #888888;}





.btn a.no:hover{    color: #1b64b7;

    background: #fff;

    border: 1px solid #1b64b7;

}





.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;}


.listcart{ width:100%; margin-top:40px;}
.listcart a{ display:inline-block;height: 30px;width: 249px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #1b64b7;cursor: pointer;  border:1px solid #1b64b7; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#1b64b7 solid 1px; background:#1b64b7; color:#fff}
@media screen and (max-width:999px){
.listcart a{ width:96%!important ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%; margin-top:2rem }
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}

@media screen and (max-width:768px){
 .hea_top p{
    text-align: right;padding-right: 30px;padding-top: 5px;}   
}


.MagicZoomHeader{display: none;}
.hea_top{ float:right; margin-right:10px; margin-top:5px;}