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

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

body {margin: 0 auto;max-width: 1920px;   font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-size: 1.4rem;height: 100%;overflow-x: hidden;}

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.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

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

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea,select,option {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;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}





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

 color:#333;}

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

 color:#333;}

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

 color:#333;}

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

 color:#333;}

.sya .wp{overflow-x: hidden;}

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



/*.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: 20px; -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: #0449b1; }



@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: -26px;

    width: 34px;

    height: 52px;

    z-index:999;

}

.slide .carousel-control.left{

	left:4%;

    background:url("../images/prev.png") no-repeat left center;

	cursor:pointer;

}

.slide .carousel-control.right{

	right:4%;

	background:url("../images/next.png") no-repeat right center;

	cursor:pointer;

}

.slide .slidedetail{display:none;}





.imgtoVideo img{width:100%;}

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

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

.imgtoVideo .imgtoVideoDetail{

	width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding:1px;

    display:none

}

.imgtoVideo .imgtoVideoDetail >div{

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

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

	 width: 100%;

     height: 100%;

     text-align:center;

}

.imgtoVideo .tovideo .imgtoVideoDetail{

	display:block;

}

.imgtoVideo .tovideo .imgtoVideoDetail >div{

	    background: #0C2D47;

    width: 60px;

    height: 60px;

    color: #fff;

    line-height: 60px;

    vertical-align: middle;

    margin: 0 auto;

    margin-top: 17%;

}

.imgtoVideo .imgtoVideoDetail .fa-search{

	color: #fff;

    font-size: 25px;

    margin-top: 21%;

}

.contentIV{

	position: fixed;

    top: 0;

    left: 0;

    right:0;

    width: 100%;

    height: 100%;

    display: table;

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

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

    margin:0 auto;

    z-index:-999;

    max-width:1024px;

    display:none;

}



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

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

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

.closeContentIV{

	    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 25px;

    color: #fff;

    font-weight: bold;

    cursor:pointer;

    z-index: 999;

}



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

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

.slide .dotList{bottom: 5px;}

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

.slide .carousel-control{width: 15px;height: 30px;margin-top: -15px;}

}





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

.head{padding-bottom: 27px;}

.logo{padding-top: 24px;}

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

.lxss{padding-top: 36px;}

.toplx{padding-left: 24px;background: url(../images/topxin.jpg) no-repeat left center;line-height: 38px;}

.toplx a{color: #666666;}

.toplx a:hover{color: #0449b1;}

.search{position: relative;margin-left: 13px;}

.sou{width: 306px;height: 32px;line-height: 32px;border: 2px solid #0449b1;padding-left: 7px;color: #666666;font-style: italic;}

.suo{position: absolute;right: 1px;top: 0;width: 42px;height: 38px;background: #0449b1 url("../images/sousuo.png") no-repeat center center;cursor: pointer;}



.navpart{background: #0449b1;}

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

.navlist>li>a{display: block;padding: 0 43px;text-transform: uppercase;color: #fff;font-size: 16px;font-size: 1.6rem;line-height: 46px;font-weight: bold;}

.navlist>li.currentnav>a{background: #003688;}

.navlist>li:hover>a{background: #003688;}



.navlist2{display: none;}



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

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

    .navlist>li>a{padding: 0 38px;}

}

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

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

    .navlist>li>a{padding: 0;}

}

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

    .logo{width: 280px;}

    .lxss{padding-top: 25px;}

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

    .sou{width: 230px;}

}

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

    .navlist1{display: none;}

    .navlist2{display: block;}

    .navlist>li{width: 25%;}

    .toplx,.search{display: none;}

}

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

    .navlist>li>a{font-weight: normal;font-size: 12px;font-size: 1.2rem;}

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

    .head{padding-bottom: 15px;}

}



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

.bottom{padding-top: 38px;padding-bottom: 15px;background: #232323;}

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

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

.div>a,.div>span{display: block;font-size: 26px;font-size: 2.6rem;font-weight: bold;text-transform: uppercase;margin-bottom: 16px;color: #ffffff;}

.div2{width: 497px;}

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

.div1{margin-right: 129px;}

.div2 li{padding-left: 22px;}

.bli1{background: url(../images/bi1.png) no-repeat left 8px;}

.bli2{background: url(../images/bi2.png) no-repeat left 8px;}

.bli3{background: url(../images/bi3.png) no-repeat left 8px;}

.bli4{background: url(../images/bi4.png) no-repeat left 8px;}

.bli5{background: url(../images/bi5.png) no-repeat left 8px;}

.bli6{background: url(../images/bi5.png) no-repeat left 8px;}

.div3{width: 358px;}

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

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

.bsjj{padding-top: 2px;}

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

.support{line-height: 30px;}

.reanod{padding-right: 10px;}



.link{line-height: 32px;/*height: 32px;*/margin-top: 20px;color: #fff;}

.link a{padding-right: 20px;display: inline-block;}

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

.link a:hover{color: #0449b1;}



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

    .div1{margin-right: 80px;}

    .div2{width: 390px;}

    .bsjj a{margin-left: 11px;}

    .div3{width: 320px;}

}

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

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

    .div2{width: 65%;}

    .div3{width: 100%;}

}

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

    .link{display: none;}

    .div1,.div2{display: none;}

    .div3>span{display: none;}

    .bsjj{display: none;}

    .copyright{padding-top: 0;}

    .bottom{padding-top: 20px;}

}



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

.bread{color: #666666;line-height: 32px;padding-top: 17px;}

.bread a{color: #666666;}

.bread a:hover{color: #0449b1;}

.bread a.currentbread{color: #0449b1;}

.fymain{padding-top: 21px;padding-bottom: 100px;}



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

.syp{padding-top: 58px;padding-bottom: 46px;background: url(../images/sybg1.jpg) no-repeat center top;}

.sybt{text-align: center;}

.sybt a{font-weight: bold;text-transform: uppercase;font-size: 44px;font-size: 4.4rem;font-family: 'GOTHICB';}

.sybt a span{color: #0449b1;}



@font-face {

    font-family: 'GOTHICB';

    src: url('../fonts/GOTHICB.eot');

    src: url('../fonts/GOTHICB.eot') format('embedded-opentype'),

         url('../fonts/GOTHICB.woff2') format('woff2'),

         url('../fonts/GOTHICB.woff') format('woff'),

         url('../fonts/GOTHICB.ttf') format('truetype'),

         url('../fonts/GOTHICB.svg#GOTHICB') format('svg');

}



.sypbox{width: 270px;float: left;margin-left: 40px;margin-top: 34px;margin-bottom: 20px;}

.sypcon{position: relative;overflow: hidden;height:270px;}

.syptu{display: block;}

.syptu img{width: 100%;max-width: 415px;max-height: 415px;display: block;transition: 0.5s;}

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

.sypcover img{width: 48px;height: 48px;position: absolute;left: 50%;margin-left: -24px;top: 50%;margin-top: -24px;}

.sypp{display: block;text-align: center;line-height: 35px;background: #999999;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;font-size: 1.6rem;padding: 0 10px;}

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

.sypbox:hover .sypp{background: #0449b1;}

.sypbox:hover .syptu img{transform: scale(1.1);}

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

    .sypbox{margin-left: 25px;width: 226px;}

}

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

    .syp{background: #e7e7e7;}

    .sypbox{width: 23%;margin: 0 1%;margin-top: 30px;}

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

    .sypcover{display: none;}

}

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

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

    .syp{padding-top: 30px;}

    .sypbox{width: 31.333%;}

}

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

    .sypbox{width: 48%;}

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

}

/**********************************************  sywhy  ********************************************************/

.sywhy{padding-top: 57px;padding-bottom: 75px;}

.syabox{width: 352px;float: left;margin-left: 72px;text-align: center;margin-top: 52px;}

.syacon{border: 1px solid #0449b1;padding: 0 15px;padding-top: 52px;padding-bottom: 41px;}

.syacon img{max-width: 90%;transition: 1s;}

.syap1{display: block;font-size:16px;font-size:1.6rem;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 16px;}

.syap2{color: #666666;display: block;line-height: 30px;margin-top: 10px;height: 90px;overflow: hidden;}

.syabox:hover{background: url(../images/jiao1.png) no-repeat left top;}

.syabox:hover .syacon{background: url(../images/jiao2.png) no-repeat right bottom;}

.syabox:hover .syacon img{transform: rotate(360deg);}

.syap1:hover{color: #0449b1;}

.syap2:hover{color: #0449b1;}



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

    .syabox{margin-left: 40px;width: 300px;}



}

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

    .syabox{width: 31.333%;margin: 0 1%;margin-top: 40px;}

}

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

    .sywhy{padding-top: 30px;}

}

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

    .syacon{padding-top: 30px;}

}

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

    .syabox{width: 90%;margin: 0 5%;margin-top: 20px;}

    .syacon{padding-bottom: 20px;}

    .syap2{height: auto;}

}



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

.sya{background: url(../images/sybg2.jpg) no-repeat center top;min-height: 625px;}



.syazuo{padding-top: 182px;}

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

.syaxbt{color: #fff;line-height: 30px;display: block;margin-top: 40px;}

.syayou{width: 770px;background: #ffffff;margin-top: 112px;padding-top: 48px;padding-bottom: 47px;}

.syayoun{padding: 0 53px;}



.sygyp1{display: block;color: #666666;line-height: 30px;margin-bottom: 29px;}

.sygyp2{display: block;width: 138px;height: 36px;line-height: 36px;border: 1px solid #0449b1;border-radius: 5px;text-align: center;color: #0449b1;}

.syabt1{display: none;}

.syatu2{display: none;}

.sygyp1:hover{color: #0449b1;}

.sygyp2:hover{background: #0449b1;color: #fff;}



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

    .syayou{width: 600px;margin-top: 90px;}

}

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

    .sya{background: none;}

    .syabt1{display: block;}

    .syabt{display: none;}

    .syazuo{width: 100%;padding-top: 0;}

    .syayou{width: 100%;}

    .syaxbt{text-align: center;color: #333;margin-top: 10px;}

    .syayou{margin-top: 0;}

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

    .syatu2{display: block;margin-top: 20px;}

    .syayoun{padding: 0;}

    .sywhy{padding-bottom: 45px;}

    .syayou{padding-top: 25px;padding-bottom: 30px;}



}

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

    .sygyp1{margin-bottom: 15px;}



}



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

.syn{padding-top: 59px;padding-bottom: 68px;}

.synbox{width: 340px;float: left;margin-left: 90px;margin-top: 41px;}

.syntu{display: block;overflow: hidden;}

.syntu img{width: 100%;max-width: 340px;max-height: 210px;display: block;transition: 0.5s;}

.synp1{display: block;font-size:16px;font-size:1.6rem;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 13px;}

.synp2{display: block;color: #666666;line-height: 30px;margin-top: 3px;margin-bottom: 8px;height: 60px;overflow: hidden;}

.synp3{padding-left: 16px;background: url(../images/sybiao.jpg) no-repeat left center;color: #0449b1;font-size: 12px;font-size: 1.2rem;}

.synp1:hover{color: #0449b1;}

.synp2:hover{color: #0449b1;}

.synbox:hover .syntu img{transform: scale(1.1);}

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

    .synbox{margin-left: 35px;width: 303px;}

}

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

    .synbox{width: 31.333%;margin: 0 1%;margin-top: 30px;}

    .syn{padding-top: 0;}

}

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

    .synbox{width: auto;max-width: 340px;float: none;margin: 0 auto;margin-top: 20px;}

    .syn{padding-top: 0;}

}



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



.pzuo{width: 269px;}

.pyou{width: 895px;}



.title1{text-align: center;font-size: 22px;font-size: 2.2rem;line-height: 60px;background: #333;font-weight: bold;}

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

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

.subNav a{font-size: 16px;font-size: 1.6rem;font-weight: bold;display: block;}

.subNav:hover{background: #0449b1;}

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

.subNav.currentDd{background: #0449b1 ;}

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

.navContent{background: #f3f3f3;padding-top: 8px;padding-bottom: 14px;margin-top: -5px;margin-bottom: 5px;display: none;}

.navContent p{line-height: 34px;padding-left: 33px;}

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

.navContent p.currentp a{color: #0449b1;}

.navContent p:hover a{color: #0449b1;}

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

.navContent ul li:hover a{color: #0449b1;}

.pbox{width: 254px;float: left;margin-left: 42px;margin-bottom: 41px;text-align: center;}

.ptu{display: inline-block;border: 2px solid #e7e7e7;}

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

.pp{display: block;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 6px;}

.pbox:hover .pp{color: #0449b1;}

.pbox:hover .ptu{border: 2px solid #0449b1;}



.fypp{position: relative;margin-top: 18px; }

.fypp input{position: absolute;left: 67px;top: 5px;cursor: pointer;}

.fypp a{display: block;width: 104px;height: 28px;line-height: 28px;border: 1px solid #0449b1;border-radius: 14px;color: #0449b1;text-align: center;margin: 0 auto;position: relative; left: 10px;}

.fypp a:hover{background: #0449b1;color: #fff;}

.pyou .sypbox{margin-top: 0;margin-left: 42px;margin-bottom: 48px;}



/***********************************************************   KM   ************************************************************/

/* KM start */

.f-km .c-fl { float: left; }



.f-km .c-fr { float: right; }



.f-km .c-cb { clear: both; }



.f-km .c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }



.f-km .c-oh { overflow: hidden; }



.f-km .c-wd { width: 1200px; }



.f-km .c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.f-km .c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.f-km .c-pr { position: relative; }



.f-km .c-mt-5 { margin-top: 5px; }



.f-km .c-mt-10 { margin-top: 10px; }



.f-km .c-mt-15 { margin-top: 15px; }



.f-km .c-mt-20 { margin-top: 20px; }



.f-km .c-mt-25 { margin-top: 25px; }



.f-km .c-mt-30 { margin-top: 30px; }



.f-km .c-mt-35 { margin-top: 35px; }



.f-km .c-mt-40 { margin-top: 40px; }



.f-km .c-mt-45 { margin-top: 45px; }



.f-km .c-mt-50 { margin-top: 50px; }



.f-km .c-nomt { margin-top: 0 !important; }



.f-km .c-nomr { margin-right: 0 !important; }



.f-km .c-nomb { margin-bottom: 0 !important; }



.f-km .c-noml { margin-left: 0 !important; }



.f-km .c-nofont { line-height: 0; font-size: 0; }



.f-km .c-nobg { background: none !important; }



.f-km [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }



.f-km [class*="-item"] .item-pic img { max-width: 100%; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }



.f-km [class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }



.f-km [class*="-item"] .item-title { overflow: hidden; }



.f-km [class*="-item"] .item-title a:hover { color: #0449b1; }



.f-km [class*="-item"] .item-desc { overflow: hidden; }



.f-km [class*="-item"] .item-desc a { display: block; }



.f-km [class*="-item"] .item-desc a:hover { color: #0449b1; }



.f-km .m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.f-km .m-desc a { color: #008cd6; }



.f-km .m-desc a:hover { text-decoration: underline; }



.f-km .m-desc p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.f-km .m-desc span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.f-km .m-desc b { font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; }



.f-km .m-desc a { font-size: 14px; font-size: 1.4rem; color: #fb7000; line-height: 30px; }



.f-km .m-desc img { display: block; max-width: 100%; margin: 0 auto; }



.f-km .m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }



.f-km .m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }



.f-km .m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }



/* .m-down start */

.m-down_km{

    overflow: hidden;

}



.m-down_km .list-item{

    margin-top: 65px;

}



.m-down_km .list-item:first-child{

    margin-top: 0;

}



.m-down_km .item-pic{

    float: left;

    margin-right: 11px;

    width: 304px;

    line-height: 0;

    font-size: 0;

}



.m-down_km .item-text{

    padding: 32px 10px 25px 32px;

    overflow: hidden;

    box-sizing: border-box;

    background-color: #f1f1f1;

}



.m-down_km .item-title{

    height: 44px;

    line-height: 44px;

    padding-left: 51px;

    font-size: 24px;

    font-size: 2.4rem;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: url('../images/down2.png') no-repeat left center;

}



.m-down_km .item-title a{

    color: #333;

}



.m-down_km .item-desc{

    margin-top: 10px;

}



.m-down_km .item-desc a{

    display: block;

    height: 60px;

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #666666;

    overflow: hidden;

}



.m-down_km .item-link{

    margin-top: 14px;

    display: block;

    max-width: 152px;

    height: 42px;

    line-height: 42px;

    padding-left: 54px;

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

    color: #ffffff;

    border-radius: 5px;

    box-sizing: border-box;

    background: url('../images/down3.png') no-repeat 13px center;

    background-color: #333;

}



.m-down_km .item-link:hover{

    background-color: #0449b1;

}



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

    .m-down_km .list-item{

        margin-top: 25px;

    }



    .m-down_km .item-pic{

        float: none;

        margin-right: 0;

        width: 100%;

    }



    .m-down_km .item-text{

        margin-top: 20px;

        padding: 15px 10px;

        overflow: hidden;

    }



    .m-down_km .item-title{

        font-size: 16px;

        font-size: 1.6rem;

    }

}

/* .m-down end */

/* .m-htpro start */

.m-htpro_km{

    margin-top: 113px;

}



.m-htpro_km .box-title{

    position: relative;

}



.m-htpro_km .box-title:before{

    content: "";

    position: absolute;

    z-index: 1;

    left: 0;

    top: 50%;

    margin-top: -1px;

    width: 100%;

    height: 1px;

    background-color: #0449b1;

}



.m-htpro_km .box-title a{

    position: relative;

    z-index: 2;

    display: inline-block;

    padding-right: 12px;

    line-height: 1.2;

    font-size: 30px;

    font-size: 3rem;

    color: #0449b1;

    font-weight: bold;

    text-transform: uppercase;

    background-color: #fff;

}



.m-htpro_km .box-list{

    margin-top: 30px;

    overflow: hidden;

}



.m-htpro_km .list-item{

    float: left;

    margin-right: 3.33%;

    width: 22.5%;

    overflow: hidden;

}



.m-htpro_km .list-item:hover .item-modal{

    top: 0;

}



.m-htpro_km .list-item:hover .item-title a{

    background-color: #0449b1;

}



.m-htpro_km .item-top{

    position: relative;

    overflow: hidden;

    height: 270px;

}



.m-htpro_km .item-modal{

    position: absolute;

    left: 0;

    top: 100%;

    display: block;

    width: 100%;

    height: 100%;

    background: url('../images/rm1.png') no-repeat center;

    background-color: rgba(4, 73, 177, .7);

    background-color: #0449b1 \9;

}



.m-htpro_km .item-title a{

    display: block;

    height: 35px;

    line-height: 34px;

    font-size: 16px;

    font-size: 1.6rem;

    color: #ffffff;

    text-align: center;

    padding: 0 5px;

    background-color: #999;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



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

    .m-htpro_km{

        margin-top: 30px;

    }



    .m-htpro_km .box-title a{

        font-size: 24px;

        font-size: 2.4rem;

    }



    .m-htpro_km .box-list{

        margin-top: 25px;

        margin-bottom: -20px;

    }



    .m-htpro_km .list-item{

        margin: 0 1% 20px 1% !important;

        width: 48%;

    }



    .m-htpro_km .item-title a{

        font-size: 14px;

        font-size: 1.4rem;

    }

}

@media screen and (max-width: 500px){
    .m-htpro_km .item-top{height: 228px;}
}

/* .m-htpro end */

/* .m-newsl start */

.m-newsl_km{

    overflow: hidden;

}



.m-newsl_km .list-item{

    float: left;

    margin-right: 7.41%;

    margin-bottom: 64px;

    width: 28.33%;

    overflow: hidden;

}



.m-newsl_km .item-pic{

    overflow: hidden;

}



.m-newsl_km .item-title{

    margin-top: 13px;

    height: 24px;

    line-height: 24px;

    font-size: 16px;

    font-size: 1.6rem;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.m-newsl_km .item-title a{

    color: #333;

}



.m-newsl_km .item-desc{

    margin-top: 0;

}



.m-newsl_km .item-desc a{

    display: block;

    height: 60px;

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #666666;

    overflow: hidden;

}



.m-newsl_km .item-time{

    margin-top: 6px;

    padding-left: 16px;

    line-height: 18px;

    font-size: 12px;

    font-size: 1.2rem;

    color: #0449b1;

    background: url('../images/time1.png') no-repeat left center;

}



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

    .m-newsl_km{

        margin-bottom: -25px;

    }



    .m-newsl_km .list-item{

        margin: 0 1% 25px 1% !important;

        width: 48%;

    }



    .m-newsl_km .item-title{

        font-size: 16px;

        font-size: 1.6rem;

    }



    .m-newsl_km .item-desc a{

        height: 48px;

        line-height: 24px;

    }

}

/* .m-newsl end */



/* .m-page start */

.m-page_km {

    

    letter-spacing: 0;

    font-size: 0;

    text-align: center;

}



.m-page_km a {

    margin: 0 5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 35px;

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    font-size: 1.2rem;

    color: #333;

    text-align: center;

    background-color: #eee;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 350ms;

    -o-transition: all 350ms;

    -moz-transition: all 350ms;

    transition: all 350ms;

}



.m-page_km a.big {

    width: 61px;

}



.m-page_km a:hover {

    color: white;

    background-color: #0449b1;

}



.m-page_km a.active {

    color: white;

    background-color: #0449b1;

}



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

    .m-page_km {

        margin-top: 25px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-flow: row wrap;

        -moz-box-orient: horizontal;

        -moz-box-direction: normal;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -moz-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    .m-page_km a {

        margin-left: 5px;

        margin-right: 5px;

        margin-bottom: 10px;

    }

}

/* .m-page end */



/* .m-news start */

.m-news_km .news-title {

    margin-top: 0;

    line-height: 24px;

    font-size: 22px;

    font-size: 2.2rem;

    color: #333333;

    text-align: center;

    font-weight: normal;

}



.m-news_km .news-info {

    margin-top: 28px;

    text-align: center;

    letter-spacing: 0;

    line-height: 24px;

}



.m-news_km .news-time {

    margin-right: 12px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: middle;

    padding-left: 20px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #666666;

    background: url("../images/time1.png") no-repeat left center;

}



.m-news_km .news-share {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: middle;

}



.m-news_km .share-text {

    float: left;

    margin-right: 5px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #666666;

}



.m-news_km .share-img {

    float: right;

    height: 24px;

}



.m-news_km .news-desc {

    margin-top: 23px;

    padding-bottom: 50px;

    border-bottom: 1px dashed #d1d1d1;

    color: #333;

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

}



.m-news_km .news-desc p {

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #333;

}



.m-news_km .news-desc span {

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #333;

}



.m-news_km .news-desc a {

    color: #0449b1;

}

/* .m-news end */



/* .m-oths start */

.m-oths { margin-top: 18px; }



.m-oths .oths-item { padding-left: 22px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }



.m-oths .oths-item a { color: #666; }



.m-oths .oths-item a:hover { color: #0449b1; }



.m-oths .oths-item-1 { margin-bottom: 12px; background-image: url("../images/oths1.png"); }



.m-oths .oths-item-2 { background-image: url("../images/oths2.png"); }



.m-oths a { color: #666666; }

/* .m-oths end */



/* .m-ctus start */

.m-ctus_km .contact_top {

    background: #f1f1f1;

    border-radius: 8px;

}



/* c_left */



.m-ctus_km .c_left {

    width: 562px;

    padding-top: 33px;

    height: 603px;

    background: url(../images/ctus1.jpg) no-repeat left top;

    border-radius: 8px 0px 0px 8px;

    background-size: cover;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.m-ctus_km .c_left_wrap {

    width: 482px;

    margin: 0 auto;

}



.m-ctus_km .c_left_wrap .c_name {

    margin-top: 7px;

    line-height: 26px;

    color: white;

    font-size: 16px;

    font-size: 1.6rem;

}



.m-ctus_km .c_left_wrap .c_title {

    margin-bottom: 20px;

    font-size: 14px;

    font-size: 2.4rem;

    color: #fff;

    line-height: 30px;

}



.m-ctus_km .c_left_wrap .c_tiyl {

    line-height: 30px;

    padding-left: 22px;

    font-size: 16px;

    font-size: 1.6rem;

    color: white;

    word-break: break-all;

    background-position: left 5px;

    background-repeat: no-repeat;

}



.m-ctus_km .c_left_wrap .c_tiyl a {

    color: white;

}

.m-ctus_km .c_left_wrap .c_tiyl a:hover{color: #0449b1;}



.m-ctus_km .c_left_wrap .c_tiyl1 {

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

}



.m-ctus_km .c_left_wrap .c_tiyl2 {

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

}



.m-ctus_km .c_left_wrap .c_tiyl3 {

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

}



.m-ctus_km .c_left_wrap .c_tiyl5 {

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

}



.m-ctus_km .c_left_wrap .c_tiyl4 {

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

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 30px;
    margin-top: 30px;

}



/* c_right */



.m-ctus_km .c_right {

    float: right;

    width: 47%;

    margin-right: 35px;

}



.m-ctus_km .c_title2 {

    padding-top: 23px;

    padding-left: 14px;

    line-height: 30px;

    font-weight: bold;

    font-size: 24px;

    font-size: 2.4rem;

    color: #0449b1;

    text-transform: uppercase;

    padding-bottom: 3px;

}



.m-ctus_km .c_xp {

    padding-top: 13px;

}



.m-ctus_km .c_bt {

    width: 14px;

    float: left;

    color: #ff0000;

    font-family: Verdana;

    line-height: 36px;

    height: 36px;

    font-size: 14px;

    font-size: 1.4rem;

}



.m-ctus_km .c_div1 {

    padding-bottom: 18px;

}



.m-ctus_km .c_div2 {

    padding-bottom: 20px;

}



.m-ctus_km .c_div3 {

    padding-bottom: 20px;

}



.m-ctus_km .c_div4 {

    padding-top: 2px;

    margin-bottom: 5px;

}



.m-ctus_km .c_input1 {

    float: left;

    line-height: 33px;

    height: 33px;

    font-size: 12px;

    font-size: 1.2rem;

    text-indent: 14px;

    color: #666666;

    width: 546px;

    border: solid 1px #cccccc;

    background: #fff;

}



.m-ctus_km .c_textarea {

    font-family: Arial;

    float: left;

    font-size: 12px;

    font-size: 1.2rem;

    text-indent: 14px;

    color: #666666;

    width: 544px;

    border: solid 1px #cccccc;

    line-height: 26px;

    padding-top: 1px;

    height: 209px;

    background: #fff;

}



.m-ctus_km .c_captcha {

    font-size: 12px;

    font-size: 1.2rem;

    background: #fff;

    width: 154px;

    float: left;

    line-height: 35px;

    height: 35px;

    text-indent: 9px;

    color: #666666;

    border: solid 1px #cccccc;

}



.m-ctus_km .yanzheng {

    float: left;

    margin-left: 19px;

    cursor: pointer;

    border: solid 1px #cccccc;

    width: 118px;

}



.m-ctus_km .c_send {

    float: right;

    text-align: center;

    color: #fff;

    background: #0449b1;

    width: 181px;

    height: 37px;

    line-height: 35px;

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

    cursor: pointer;

}



.m-ctus_km .map {

    margin: 50px auto 0;

}



.m-ctus_km .map img {

    display: block;

    max-width: 100%;

}



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

    .m-ctus_km .c_left {

        width: 480px;

    }

    .m-ctus_km .c_left_wrap{

        width: 460px;

    }

    .m-ctus_km .c_left_wrap .c_tiyl4{

        line-height: 26px;

    }

    .m-ctus_km .c_div1,

    .m-ctus_km .c_div2,

    .m-ctus_km .c_div3 {

        padding-bottom: 16px;

    }

    .m-ctus_km .c_input1 {

        width: 95%;

    }

    .m-ctus_km .c_textarea {

        width: 95%;

    }

    .m-ctus_km .c_send {

        width: 116px;

    }

}



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

    .m-ctus_km .contact_top {

        background: #e5e5e5;

        margin-top: 20px;

    }

    .m-ctus_km .map {

        margin: 20px auto 20px;

    }

    .m-ctus_km .c_left {

        float: none;

        width: 95%;

        height: auto;

        margin: 0 auto;

        max-width: 399px;

        border-radius: 10px;

        margin-top: 20px;

        padding-bottom: 40px;

        padding-top: 40px;

    }

    .m-ctus_km .c_right {

        float: none;

        width: 95%;

        margin: 0 auto;

        margin-top: 20px;

    }

    .m-ctus_km .c_title2 {

        padding-top: 0px;

    }

    .m-ctus_km .c_left_wrap {

        width: 90%;

    }

    .m-ctus_km .c_send {

        width: 95%;

        margin-left: 14px;

        margin-top: 15px;

        float: left;

    }

    .m-ctus_km .c_left_wrap .c_title {

        margin-bottom: 40px;

    }

    .m-ctus_km .c_left_wrap .c_tiyl {

        font-size: 14px;

        font-size: 1.4rem;

    }

}



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

    .m-ctus_km .c_left_wrap .c_tiyl {

        margin-bottom: 15px;

    }

    .m-ctus_km .c_input1 {

        width: 90%;

    }

    .m-ctus_km .c_textarea {

        width: 90%;

    }

    .m-ctus_km .c_send {

        width: 90%;

    }

    .m-ctus_km .c_captcha {

        width: 90%;

        margin-bottom: 20px;

    }

    .m-ctus_km .c_yzm {

        margin-left: 12px;

    }

}

/* .m-ctus end */



/* KM end */



/**********************************************************************************************************************/

.ms_ye{text-align: right;position: relative;}

.xiangshang{position: absolute;left: 0;bottom: 0;padding-left: 20px;background: url(../images/xs.jpg) no-repeat left 7px;}

.xiangshang input{width: 168px;height: 30px;line-height: 30px;background: #0449b1;color: #fff;text-align: center; cursor: pointer;}

.synfy{padding-top: 75px;padding-bottom: 0;}

.title1 p{display: none;}



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

    .pyou{width: 675px;}

    .pyou .sypbox{margin-left: 21px;width: 211px;}

    .pyou .sypcon{ height:211px;}

    .fypp input{left: 28px;}

}

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

    .pyou{width: 100%;}

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

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

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

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

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

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

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

    .fypp input{left: 0;}

    .synfy{padding-top: 35px;}

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

    .ms_ye{text-align: center;}

}

@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: block;}

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

}

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

    .pyou .sypbox{width: 48%;}

}





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

.p2you{width: 446px;}

.p2zuo{width: 417px;}

.p2zuo img{max-width: 100%;border: 1px solid #c9c9c9;}

.p2you h1{font-size:18px;font-size:1.8rem;line-height: 28px;padding-bottom: 14px;border-bottom: 1px solid #43464d;margin-bottom: 10px;}

.cpxx{line-height: 30px;}

.cpxx a{color: #0449b1;}

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

.twobtn a{display: inline-block;width: 150px;height: 38px;line-height: 38px;background: #333333;text-align: center;border-radius: 19px;color: #fff;font-weight: bold;text-transform: uppercase;}

.twobtn span{display: inline-block;width: 150px;height: 38px;line-height: 38px;background: #333333;text-align: center;border-radius: 19px;color: #fff;font-weight: bold;text-transform: uppercase;}

.btn1{margin-right: 45px;}

.twobtn{padding-top: 70px;padding-bottom: 28px;}

.twobtn a:hover{background: #0449b1;}

.share1{color: #0449b1;line-height: 26px;padding-right: 5px;}



.des{border-bottom: 1px solid #0449b1;margin-top: 34px;}

.des span{display: inline-block;line-height: 39px;padding: 0 14px;background: #0449b1;text-align: center;color: #fff;font-size: 24px;font-size: 2.4rem;font-weight: bold;text-transform: uppercase;}

.downlist{padding-top: 24px;}

.downlist li{float: left;margin-right: 98px;}

.downlist li a{text-decoration: underline;color: rgb(235,96,1); padding-left: 37px;display: block;background: url(../images/down.jpg) no-repeat left center;line-height: 28px;}



.chanpinx{padding-top: 31px;line-height: 30px;}

.chanpinx a{color: #0449b1;}

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

.cubt{font-size:16px;font-size:1.6rem;display: block;line-height: 30px;}



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

    .p2zuo{float: none;margin: 0 auto;}

    .p2you{width: 100%;float: none;margin-top: 20px;}

}

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

    .p2zuo{width: 48%;}

    .p2you{width: 50%;}

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

    .downlist li{margin-right: 60px;}

}

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

    .twobtn{padding-top: 40px;}

    .btn1{margin-right: 10px;}

}

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

    .p2zuo{width: auto;float: none;margin: 0 auto;max-width: 417px;}

    .p2you{width: 100%;}

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

}



.yiji{position: absolute;width: 163px;background: #fff;background: rgba(255,255,255,0.95);z-index: 999;padding-top: 3px;padding-bottom: 8px;left: 0;top: -99999px;}

.yiji li{line-height: 38px;padding-left: 19px;position: relative;}

.yiji li a{display: block;}

.yiji li:hover{background: rgba(4,73,177,0.7);}

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

.sanji{width: 163px;background: #fff;background: rgba(255,255,255,0.95);padding-top: 3px;padding-bottom: 8px;left: 100%;position: absolute;top: -9999px;}

.erji{width: 163px;background: #fff;background: rgba(255,255,255,0.95);padding-top: 3px;padding-bottom: 8px;left: 100%;position: absolute;top: -9999px;}

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

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

.erji>li:hover .sanji{top: -3px;}



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

    .yiji{display: none;}

}



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

.ce{position: fixed;right: 1px;top: 15%;width: 53px;z-index: 9999999999;}

.ce li{height: 53px;margin-bottom: 1px;transition: 0.5s;}

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



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

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

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

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



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

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

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

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



.ce3{position: relative;}

.ce3 a{position: absolute;right: 100%;bottom: -99999px;display: block;}

.ce3 a img{width: 100px;}

.ce3:hover a{bottom: 100%;}



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

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

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

    .bottom{padding-bottom: 80px;}

    .ce3 a{right: auto;left: 0;}

    .ce3:hover a{bottom: 200%;}

}



.hdtop{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 99999999;border-radius: 50%;}

.hdtop img{display: block;}



/****************************************************  DAN DAN  ******************************************************/

.fix { *zoom: 1; }



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



/**************************************************about****************************************************/



.about{    }

.about .title { font-size:36px;font-size:3.6rem; color: #333; text-align: center; }

 

.about .se_top { margin-top: 42px; }

 

.about .se_top p { font-size:14px;font-size:1.4rem;  line-height: 30px; margin-top:0px;   }

.about .se_top p.p1 { margin-top: 26px;} 

.about .se_top p strong { margin-top: 30px; font-size:16px;font-size:1.6rem; line-height: 30px; display: block;}

.about .se_top img {  margin: 0 auto; margin-left: 58px; display: block; max-width: 384px; max-height: 384px; border-radius: 50%; box-sizing: border-box; border: 11px solid #dfe7f5;  width: 100%;  }



.about .se_top2 { margin-top: 35px; }



.about .se_top2 img {  margin: 0 auto; margin-right: 58px;   display: block; max-width: 384px; max-height: 384px; border-radius: 50%; box-sizing: border-box; border: 11px solid #dfe7f5; width: 100%;   }



.about .se_top_img { display: block; margin: 97px auto; max-width: 1203px; width: 100%; }











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

.about .se_top img { float: none; margin: 0 auto; }



.about .se_top p b { margin-top: 10px;}



}





/* abmain2 */

.abmain2{ background:url(../images/ab2bei.jpg) no-repeat center top; margin-top: 85px; }

.abmain2n{ display: table; margin: 0 auto; }

.abmain2n p{ height:526px; display:table-cell; vertical-align:middle;   color:#fff; text-align:center;}

.abmain2n p span{ display: block; text-align: center; line-height: 48px; font-size:30px;font-size:3rem; font-weight: bold; color:#fff;}





@media screen and (max-width:999px) { .abmain2 { margin-top: 50px;}}

@media screen and (max-width:768px) { .abmain2 { margin-top: 30px;} }













/* ab1main2 */

.ab1main2{ }

.ab1main2 .img-scroll3 { position:relative; z-index:9}

.ab1main2 .ab1nav{ width:65px; height:29px; position:absolute; right:9px; top:4px; z-index:999}

.ab1main2 .img-scroll3 .prev3,.ab1main2 .img-scroll3 .next3{position:absolute;display:block;width:29px;height:28px; z-index:9999}

.ab1main2 .img-scroll3 .prev3 { left:0;cursor:pointer; background:url(../images/ableft.png)}

.ab1main2 .img-scroll3 .next3 { right:0;cursor:pointer; background:url(../images/abright.png)}

.ab1main2 .img-scroll3 .prev3:hover { left:0;cursor:pointer; background:url(../images/ablefth.png)}

.ab1main2 .img-scroll3 .next3:hover { right:0;cursor:pointer; background:url(../images/abrighth.png)}

.ab1main2 .img-list3 { position:relative; width:auto; overflow:hidden; z-index:99}

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

.ab1main2 .img-list3 li { float:left;  width:246px; margin-right:72px; margin-top:54px;}

.ab1main2 .zhengshu{  max-width: 246px; width: 100%; position:relative; overflow:hidden; z-index:9}　

.ab1main2 .zhengtu img{ display: block; width:100%; max-width:246px; max-height:334px;}

.ab1main2 .zhengfu{  position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;}

.ab1main2  li img{ display: block; width:100%; max-width:246px; max-height:334px;}

.ab1main2 .wenzi { text-align: center; line-height: 30px; margin-top: 5px;}

.ab1main2 .img-list3 li:hover .zhengfu{ top:0px; }



.ab1biao2{ margin-top: 49px; display:block; font-weight: bold; color: #0449b1; font-size:30px; font-size:3rem; text-transform:uppercase;}

.ab1boapo5 { font-size:14px;font-size:1.4rem; line-height: 30px; margin-top: 24px; }

.ab1boapo5 span { display: block;}







.ab1main3 .img-scroll3 { position:relative; z-index:9}

.ab1main3 .ab1nav{ width:65px; height:29px; position:absolute; right:9px; top:4px; z-index:999}

.ab1main3 .img-scroll3 .prev3,.ab1main3 .img-scroll3 .next3{position:absolute;display:block;width:29px;height:28px; z-index:9999}

.ab1main3 .img-scroll3 .prev3 { left:0;cursor:pointer; background:url(../images/ableft.png)}

.ab1main3 .img-scroll3 .next3 { right:0;cursor:pointer; background:url(../images/abright.png)}

.ab1main3 .img-scroll3 .prev3:hover { left:0;cursor:pointer; background:url(../images/ablefth.png)}

.ab1main3 .img-scroll3 .next3:hover { right:0;cursor:pointer; background:url(../images/abrighth.png)}

.ab1main3 .img-list3 { position:relative; width:auto; overflow:hidden; z-index:99}

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

.ab1main3 .img-list3 li { float:left;  width:259px; margin-right:50px; margin-top:54px;}

.ab1main3 .zhengshu{  max-width: 259px; width: 100%; position:relative; overflow:hidden; z-index:9}　

.ab1main3 .zhengtu img{ display: block; width:100%; max-width:259px; max-height:186px;}

.ab1main3 .zhengfu{  position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;}

.ab1main3 li img{ display: block; width:100%; max-width:259px; max-height:186px;}

.ab1main3 .wenzi { text-align: center; line-height: 30px; }

.ab1main3 .img-list3 li:hover .zhengfu{ top:0px; }



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

    .ab1main2 .img-list3 li { margin-right: 113px; }

    .ab1main3 .img-list3 li { margin-right: 95px;}



}

 



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

    .ab1main2 .zhengfu{ top: 0px; opacity: 0;}

    .ab1main3 .zhengfu{ top: 0px; opacity: 0;}

    .ab1main2 .img-list3 li { width: .3%; margin-right: .05%; }

    .ab1main3 .img-list3 li { width: .3%; margin-right: .05%; }

}

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

    .ab1main2 .img-list3 li{ margin-top: 30px;}

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

    .abmain2n p span { font-size:26px;font-size:2.6rem;}

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

}

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

    .ab1main2 .img-list3 li { width: .45%; margin-right: .1%; }

    .ab1main3 .img-list3 li { width: .45%; margin-right: .1%; }   

}







/* m-gall */

.m-gall { margin-top: 32px; margin-bottom: 97px; }



.m-gall .box-title { line-height: 1.2; font-size: 30px; font-size: 3rem; color: #008cd6; font-family: "OpenSansBold"; }



.m-gall .box-ct { margin-top: 41px; padding-top: 37px; padding-bottom: 34px; background-color: #f7f7f7; }



.m-gall #box { position: relative; height: 440px; }



.m-gall #box ul { position: relative; margin: 0 auto; width: 1040px; height: 440px; }



.m-gall #box li { position: absolute; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; border-radius: 3px; }



.m-gall #box li img { width: 100%; height: 100%; vertical-align: top; }



.m-gall #box li div { margin-top: 15px; width: 100%; filter: alpha(opacity=70); color: #333; text-align: center; font-size: 18px; font-size: 1.8rem; color: #333333; line-height: 30px; height: 30px; text-align: center; }



.m-gall #box li div a { font-size: 18px; font-size: 1.8rem; color: #333333; }



.m-gall #box li div h4 { margin: 0 10px; font: 12px/24px arial; border-bottom: 1px #333 solid; }



.m-gall #box li div h4 span { color: red; margin-left: 10px; }



.m-gall #box li div p { margin: 5px 10px 0; text-indent: 2em; }



.m-gall #box .prev, .m-gall #box .next { position: absolute; top: 50%; width: 40px; height: 104px; margin-top: -52px; overflow: hidden; text-indent: -999px; cursor: pointer; border-radius: 0; }



.m-gall #box .prev { left: 0; background: url(../images/jtl3.png) no-repeat center; background-color: #c5c5c3; }



.m-gall #box .next { right: 0; background: url(../images/jtr3.png) no-repeat center; background-color: #c5c5c3; }



.m-gall .box-list { display: none; }



@media screen and (max-width: 1219px) { .m-gall #box { display: none; }

  .m-gall .box-list { display: block; margin-bottom: -25px; overflow: hidden; }

  .m-gall .list-item { float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 31%; } 

  .m-gall .list-item img{ display: block; max-width: 100%; margin: 0 auto;}

  .m-gall .list-item p{line-height: 30px;text-align: center;}

}

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

    .m-htpro_km .item-modal{display: none;}

}



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

    .m-gall { margin-top: 30px; margin-bottom: 30px; }

  .m-gall .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-gall .box-ct { margin-top: 25px; }

  .m-gall .list-item { width: 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)}}



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

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

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

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



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

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

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

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



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

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

    .img-list6 li{width: 0.313333%;margin: 0 0.01%;}

.relate{margin-bottom: 20px;}

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

.share{margin-bottom: 30px;}



.left-pro{display: none;}

.img980{display: block;}

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

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



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



.chanpinx table,.nex table{ width:800px;}

.chanpinx .table,.nex .table{ overflow:scroll}

}



.shuxp_c{ clear:both; width:100%; margin-top:10px;font-size:14px; font-size:1.4rem; line-height:25px }

.shuxp_c a{ color:#0449b1}



.listcart{ width:100%; margin-top:1rem;font-family: Tahoma, Geneva, Arial, sans-serif; margin-bottom:1rem}

.listcart a{ display:inline-block;height: 30px; width:150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #0449b1;

	cursor: pointer; border:#0449b1 solid 1px;   padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}

	@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:1rem ; margin-bottom:1rem}

	}

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

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



}

/*.bli2 a:hover{

    color:rgb(5,74,174);

}

.bli4 a:hover{

    color:rgb(5,74,174);

}*/



.leftnav a{

    color: #0449b1;

}
.m-page_km span{margin: 0 5px;

display: inline-block;

*display: inline;

*zoom: 1;

width: 35px;

height: 30px;

line-height: 30px;

font-size: 12px;

font-size: 1.2rem;

color:
#333;

text-align: center;

background-color:
#eee;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-transition: all 350ms;

-o-transition: all 350ms;

-moz-transition: all 350ms;

transition: all 350ms;}


.m-page_km a.no:hover{color:
#333;

text-align: center;

background-color:
#eee;}


body{font-family:"Microsoft Yahei","微软雅黑"!important;}
body a{font-family:"Microsoft Yahei","微软雅黑"!important;}
body p{font-family:"Microsoft Yahei","微软雅黑"!important;}
body div{font-family:"Microsoft Yahei","微软雅黑"!important;}

.syap2,.ab1boapo5 span,.sygyp1,.synp2,.about .se_top p.p1,.about .se_top p,.m-newsl_km .item-desc,.m-news_km .news-desc{text-indent: 2em;}


@media screen and (max-width: 1200px) { 
  .map{width:100%;overflow:scroll;}
}

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


.sypcon {
    position: relative;
    overflow: hidden;
    height: 169px;
}}



.gq{
    margin-top: 5px;
    display: block;
    float: right;
    margin-left: 21px;
  }
@media screen and (max-width: 1100px){
  .gq{
     margin-top:0px;
    display: block;
    float: right;
    margin-left: 21px;
  }
}

@media screen and (max-width: 983px){
.sou {
    width: 146px;}
}