@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%;max-width:1920px;margin:0 auto;}



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



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







@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: 12px;font-size: 1.2rem;}



}







/*************  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: 414px;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;padding-right: 14px;}



.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: -72px;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 442px 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: -36px;}



    .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: 24px;
    background: #f3f3f3 url(../images/cejt1.png) no-repeat 95% center;
    padding-left: 15px;
    margin-bottom: 7px;
    padding-right: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
}}



.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;    padding-right: 12px;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;}



}



@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: 22px;
padding-left: 7px;
position: relative;
padding-top: 10px;
padding-bottom: 10px;}



.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:150px; 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:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }

.listcart{ width:100%; margin-top:2rem }


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

}

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

.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}

}

.sypbt p a span{
padding-right: 10px;}

@media screen and (max-width:866px){
    .navlist>li>a {

    font-size: 14px;}
    .navlist{font-size: 12px;}
}

@media screen and (max-width:361px){
    .syjia{display: none;}
}




@media screen and (max-width:409px){
    .img-scroll3 .prev3{    margin-top: 21px!important;}
    .img-scroll3 .next3{    margin-top: 21px!important;}
    .pzuo a{font-size: 15px;}
}

@media screen and (max-width:603px){
    .listcart a {
    width: 64%!important;}
}

@media screen and (max-width:999px){
.hea_top {    float: right;
    /* top: 29px; */
    margin-top: -56px; }
}
.hea_top p { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; }

.hea_top span { color: #666666; display: inline-block; margin-right: 16px; margin-left: 8px; padding-left: 30px; line-height: 30px; }

.hea_top a { display: inline-block; line-height: 30px; color: #666666; }

.hea_top a img { display: block; max-width: 33px; max-height: 20px; margin: 0 auto; }



.hea_top a.guoqi { position: relative; top: 5px; margin-left: 11px; }



@media screen and (max-width:897px){
.navlist>li>a {
    font-size: 12px!important;
    font-size: 1.2rem!important;}
}
  

  @media screen and (max-width: 767px){
.hea_top {
    float: right;
margin-right: 15%;
margin-top:0px;
}}



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


.MagicZoomHeader{display: none;}