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

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%; background:url(../images/beijing.jpg); background-attachment:fixed;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;}

 

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

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

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



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

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



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

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

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

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

.search_1000{}

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

.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#fff; border-radius:4px; background:none;}

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



.sb-search.sb-search-open,

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

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

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







/*.container*/

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



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



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



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



.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../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("../images/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: #0062a6; }



@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: 17px;width: 100%;left: 0;

}

.slide .dotList ul li{

	display: inline-block;

    width: 16px;

    height: 16px;

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

    margin-left: 14px;

    cursor:pointer;

}

.slide .dotList ul li.active{

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

}

.slide .carousel-control{

	position: absolute;

    top: 50%;

    margin-top: -30px;

    width: 60px;

    height: 60px;

    z-index:999;

}

.slide .carousel-control.left{

	left:7%;

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

	cursor:pointer;

}

.slide .carousel-control.right{

	right:7%;

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

	cursor:pointer;

}

.slide .slidedetail{display:none;}





.imgtoVideo img{width:100%;}

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

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

.imgtoVideo .imgtoVideoDetail{

	width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding:1px;

    display:none

}

.imgtoVideo .imgtoVideoDetail >div{

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

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

	 width: 100%;

     height: 100%;

     text-align:center;

}

.imgtoVideo .tovideo .imgtoVideoDetail{

	display:block;

}

.imgtoVideo .tovideo .imgtoVideoDetail >div{

	    background: #0C2D47;

    width: 60px;

    height: 60px;

    color: #fff;

    line-height: 60px;

    vertical-align: middle;

    margin: 0 auto;

    margin-top: 17%;

}

.imgtoVideo .imgtoVideoDetail .fa-search{

	color: #fff;

    font-size: 25px;

    margin-top: 21%;

}

.contentIV{

	position: fixed;

    top: 0;

    left: 0;

    right:0;

    width: 100%;

    height: 100%;

    display: table;

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

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

    margin:0 auto;

    z-index:-999;

    max-width:1024px;

    display:none;

}



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

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

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

.closeContentIV{

	    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 25px;

    color: #fff;

    font-weight: bold;

    cursor:pointer;

    z-index: 999;

}



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

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

.slide .dotList{bottom: 5px;}

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

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

}



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

.logo{padding-top: 15px;margin-right: 77px;}

.toplx{padding-top: 27px;}

.toplx li{padding-left: 46px;float: left;margin-right: px;}

.lx1{background: url(../images/topi1.jpg) no-repeat left center;}

.lx2{background: url(../images/topi2.jpg) no-repeat left center; margin-left:40px}

.toplx li span{display: block;font-weight: bold;line-height: 18px;}

.toplx li p{line-height: 18px;}

.toplx li p a:hover{color: #e77511;}

.bsjj{padding-top: 31px;}

.bsjj a{margin-left: 10px;position: relative;top: 0;}

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

.head{padding-bottom: 11px;}



.navss{background: #0062a6;}

.navlist2{display: none;}

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

.navlist>li>a{display: block;font-family: 'GothamBold';color: #fff;padding: 0 20px;line-height: 50px;text-transform: uppercase;}

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

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



@font-face {

    font-family: 'GothamBold';

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

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

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

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

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

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

}





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

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

}

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

    .navlist>li{margin-right: 0px;}

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

    .logo{margin-right: 30px;}
	.lx2{background: url(../images/topi2.jpg) no-repeat left center; margin-left:0px}


}

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

    .toplx li{margin-right: 10px;}

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

}

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

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

    .toplx li{font-size: 12px;font-size: 1.2rem;}

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

}

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

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

    .navlist{width: 100%;}

    .navlist>li{width: 25%;text-align: center;}

    .search{display: none;}

    .navlist1{display: none;}

    .navlist2{display: block;}

    .bsjj{display: none;}

    .toplx{display: none;}

}

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

    .navlist>li>a{line-height: 40px;font-size: 12px;font-size: 1.2rem; text-transform:none !important}
	

}





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

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

.sya1{padding-top: 107px;padding-bottom: 97px;}

.sya1zuo{width: 530px;padding-left: 70px;background: url(../images/luomu.png) no-repeat left 7px;}

.sya1zuo a{display: block;}

.sya1p1{font-size: 28px;font-size: 2.8rem;font-family: 'GothamBold';text-transform: uppercase;}

.sya1p1:hover{color: #e77511;}

.sya1p2{font-size: 16px;font-size: 1.6rem;font-weight: bold;color: #e77511;line-height: 24px;margin-top: 4px;}

.sya1p3{line-height: 24px;margin-top: 26px;max-width: 485px;}

.sya1p3:hover{color: #e77511;}

.sya1p4{width: 180px;height: 50px;line-height: 50px;text-align: center;font-family: 'GothamBold';text-transform: uppercase;background: url(../images/btnbg1.jpg) no-repeat center center;color: #fff;margin-top: 41px;transition: 2s;}

.sya1p4:hover{background: #0062a6;}

.sya1you{padding-top: 20px;padding-right: 20px;background: url(../images/syatubg.png) no-repeat top right;}

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



.sya2{padding-top: 100px;padding-bottom: 72px;}

.sybt{text-align: center;}

.sybt a{display: inline-block;line-height: 52px;background: url(../images/luomu2.png) no-repeat left center;padding-left: 70px;font-size: 28px;font-size: 2.8rem;color: #fff;font-family: 'GothamBold';text-transform: uppercase;}

.sybt a:hover{color: #e77511;}



.kbox{position: relative;margin-top: 80px;}

.lunbo{width: 323px;height: 323px;margin: 0 auto;padding-top: 42px;}

.lunbon{background: url(../images/yuanbg.png) no-repeat center center;padding: 30px;width: 263px;height: 263px;border-radius: 50%;overflow: hidden;}

.k{position: absolute;max-width: 495px;}

.kzuo{position: absolute;cursor: pointer;}

.k1 .kzuo,.k2 .kzuo{left: 0;top: -25px;}

.k3 .kzuo,.k4 .kzuo{right: 0;top: -25px;}

.kzuo .biao{position: absolute;left: 50%;width: 88px;height: 88px;border-radius: 50%;margin-left: -45px;top: 50%;margin-top: -46px;box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.3); }

.kzuo .biaobg{transition: 1s;}

.k:hover .biaobg{transform: rotate(360deg);}

.k1 .kyou,.k2 .kyou{padding-left: 160px;}

.k3 .kyou,.k4 .kyou{padding-right: 160px;text-align: right;}

.kp1{display: block;color: #fff;font-size: 18px;font-size: 1.8rem;line-height: 24px;font-family: 'GothamBold';margin-bottom: 17px;}

.kp2{display: block;font-size: 12px;font-size: 1.2rem;line-height: 18px;color: #fff;}

.kp1:hover{color: #e77511;}

.kp2:hover{color: #e77511;}

.k1{left: 0;top: 0;}

.k2{left: 0;top: 288px;}

.k3{right: 0;top: 0;}

.k4{right: 0;top: 288px;}

.k1 .kp2{max-width: 268px;}



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

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

.img-scroll8 .prev8 {left: 7px;margin-right:36px;cursor: pointer;background: url("../images/ps.png") no-repeat;}

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

.img-list8 {position:relative;width:100%;overflow: hidden;margin: 0 auto;border-radius: 50%;overflow: hidden;}

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

.img-list8 li {float: left;display: inline;width: 1%;position: relative;position: relative;border-radius: 50%;overflow: hidden;}

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



.abtn{display: block;width: 180px;height: 50px;line-height: 50px;margin: 0 auto;text-align: center;color: #fff;background: url(../images/btnbg2.jpg) no-repeat center center;text-transform: uppercase;font-family: 'GothamBold';margin-top: 66px;transition: 2s;}

.abtn:hover{background: #e77511;}



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

    .sya1you{width: 450px;}

    .sya1zuo{width: 415px;}



    .k{max-width: 340px;}

    .k1 .kyou, .k2 .kyou{padding-left: 150px;}

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

    .k3 .kyou, .k4 .kyou{padding-right: 150px;}

}

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

    .sya{background: none;}

    .sya1{background: #fff;padding-top: 60px;padding-bottom: 40px;}

    .sya1zuo{float: none;width: auto;}

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

    .sya1p3{max-width: 100%;}

    .sya2{background: url(../images/sybg2.jpg) no-repeat center top;padding-top: 35px;}



    .k{position: relative;max-width: 100%;top: 0;}

    .k3 .kzuo, .k4 .kzuo{right: auto;left: 0;top: 0;}

    .k3 .kyou, .k4 .kyou{padding-right: 0;padding-left: 160px;text-align: left;}

    .kyou{min-height: 142px;}

    .kzuo .biaobg{display: none;}

    .kzuo .biao{position: static;margin-left: 0;margin-top: 0;}

    .k1 .kzuo, .k2 .kzuo{top: 0;}

    .kbox{margin-top: 0;}

    .lunbo{margin-bottom: 20px;padding-top: 30px;}

    .abtn{margin-top: 0;}

    .sya2{padding-bottom: 25px;}

}

@media screen and (max-width:767px) {
	.kp1{display: block;color: #fff;font-size: 18px;font-size: 1.8rem;line-height: 24px;font-family: 'GothamBold';margin-bottom: 17px; margin-top:20px}


    .sya1p1{font-size: 24px;font-size: 2.2rem;}

    .k1 .kyou, .k2 .kyou{padding-left: 115px;}

    .k3 .kyou, .k4 .kyou{padding-left: 115px;}

    .sya1you{background-size: 95%;}

}

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

    .sya1zuo{padding-left: 0;background: none;}

    .sya1{padding-top: 30px;}

    .sya1you{padding-top: 15px;padding-bottom: 15px;}

    .sybt a{font-size: 22px;font-size: 2.2rem;padding-left: 0;background: none;}

    .lunbo{padding-top: 18px;}

}

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

    .lunbo{width: 270px;height: 270px;}

    .lunbon{padding: 20px;width: 230px;height: 230px;background-size:100%; }

    .k1 .kyou, .k2 .kyou{padding-left: 100px;}

    .k3 .kyou, .k4 .kyou{padding-left: 100px;}

    .sya1{padding-bottom: 20px;}

    .sya2{padding-top: 20px;}

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

}



/****************************  sysnlx  ***************************/

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

.sybt2 a{color: #333333;background: url(../images/luomu.png) no-repeat left center;}

.sybt2{margin-bottom: 60px;}

.sys{padding-top: 99px;padding-bottom: 127px;}



.suppbox{width: 345px;float: left;margin-left: 82px;text-align: center;}

.supptu{display: inline-block;padding-top: 3px;padding-right: 15px;padding-bottom: 33px;padding-left: 15px;background: url(../images/supportbg1.png) no-repeat;}

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

.suppp1{display: block;font-size: 18px;font-size: 1.8rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.suppp2{display: block;line-height: 24px;margin-top: 15px;height: 72px;overflow: hidden;}



.suppbox:hover .supptu{background: url(../images/supportbg2.png) no-repeat;}

.suppbox:hover .suppp1{color: #0062a6;}

.suppbox:hover .suppp2{color: #0062a6;}



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

.syn{padding-top: 70px;padding-bottom: 90px;}

.synbox{width: 570px;position: relative;}

.syntu{position: absolute;left: 0;top: 0;overflow: hidden;}

.syntu img{width: 100%;max-width: 220px;max-height: 220px;transition: 0.5s;}

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

.synnr{padding-left: 257px;}

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

.synnr span{display: block;padding-left: 21px;background: url(../images/synbiao.png) no-repeat left center;color: #666666;margin-top: 8px;margin-bottom: 16px;}

.synp2{display: block;color: #666666;line-height: 24px;height: 72px;overflow: hidden;}

.synp3{display: block;width: 150px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: url(../images/btnbg1.jpg) no-repeat center center;margin-top: 30px;text-transform: uppercase;font-weight: bold;}

.synp1:hover{color: #0062a6;}

.synp2:hover{color: #0062a6;}

.synp3:hover{background: #0062a6;}



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

    .synbox{width: 480px;}

}

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

    .synbox{width: 100%;margin-bottom: 50px;}

}

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

    .syntu{position: static;display: block;text-align: center;}

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

    .synp2{height: auto;}

}



/*******************  sylx  **********************/

.sylx{padding-top: 81px;padding-bottom: 45px;}

.sylx span,.sylx p,.sylx a{color: #fff;}

.sylx ul li{float: left;margin-left: 140px;}

.sylx ul li div{padding-left: 80px;}

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

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

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



.sylx ul li div span{display: block;font-size: 22px;font-size: 2.2rem;font-weight: bold;}

.sylx ul li div p{font-size: 25px;font-size: 2.5rem;line-height: 36px;}

.sylx ul li div p a:hover{color: #e77511;}



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

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

    .sylx ul li{margin-left: 30px;}

}

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

    .sysnlx{background: none;}

    .sys{background: #fff;padding-top: 40px;padding-bottom: 70px;}

    .syn{background: #f5f5f5;padding-top: 40px;padding-bottom: 20px;}

    .sylx{background: #0062a6;}

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

    .supptu{background-size: 100%;}

    .suppbox:hover .supptu{background-size: 100%;}



    .sylx ul li{width: 31.333%;margin: 0 1%;min-height: 62px;}

    .sylx ul li div span{font-size: 18px;font-size: 1.8rem;}

    .sylx ul li div p{font-size: 14px;font-size: 1.4rem;}



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

}

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

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

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

}

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

    .sylx ul li div{padding-left: 70px;}

}

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

    .suppbox{width: 98%;margin-bottom: 20px;}

    .suppp2{height: auto;}

    .sybt2{margin-bottom: 25px;}

    .sys{padding-bottom: 30px;}

    .sylx ul li{width: 98%;margin-bottom: 10px;}

}

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

    .sybt2 a{background: none;}

}





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

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

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

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

.div>span,.div>a{display: block;font-size: 24px;font-size: 2.4rem;color: #fff;text-transform: uppercase;padding-left: 34px;background: url(../images/luomu3.png) no-repeat left center;font-family: 'GothamBold';margin-bottom: 25px;}

.div1 ul{padding-left: 34px;}

.div1 ul li{line-height: 30px;padding-left: 0px;transition: 0.5s;background: url(../images/bjt.png) no-repeat -20px center;}

.div1 ul li:hover{padding-left: 19px;background: url(../images/bjt.png) no-repeat left center;}

.div1 ul li:hover a{color: #fff;}

.div1{margin-right: 119px;}

.bsjj2{padding-top: 11px;padding-bottom: 20px;}

.bsjj2 a{margin-left: 0;margin-right: 8px;}



.div2{width: 270px;}

.div2 li{line-height: 30px;padding-left: 20px;}

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

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

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

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

.div2n{padding-left: 34px;}



.div3{width: 484px;}



.fxp_div1{ margin-bottom:10px; }

.fxp_div2{ margin-bottom:14px; }

.fxp_nr{}



.fxp_bt{ float:left; width:11px; height:36px; line-height:36px; font-family:Verdana, Geneva, sans-serif; color:#ff4f53;background: url("../images/syxing.png") no-repeat left center; }



.fxp_input,.fxp_textarea{ text-indent:33px; font-size:14px; font-size:1.4rem; color:#999999; }

.fxp_input,.fxp_captcha{ height:34px; line-height:34px; float:left; }



.fxp_input{ width:225px;}

.fxp_textarea{ width:469px; background:#fff url(../images/fxp-icon5.jpg) no-repeat 8px 12px; line-height:26px; padding-top:7px; height:87px; }



.fxp_input1{ background:#fff url(../images/fxp-icon1.jpg) no-repeat 11px center; }

.fxp_input2{ background:#fff url(../images/fxp-icon2.jpg) no-repeat 8px center; }

.fxp_input3{ background:#fff url(../images/fxp-icon3.jpg) no-repeat 8px 12px; }



.fxp_captcha{ text-indent:11px; background:#fff; font-size:14px; font-size:1.4rem; color:#999999; width:170px; }



.div3 .yanzheng {cursor:pointer; float:left; margin-left:11px; }

.fxp_send{ float:right; cursor:pointer; text-align:center; font-size:14px; font-size:1.4rem; color:#fff; background:#0062a6; width:160px; height:36px; line-height:36px; text-transform:uppercase; font-weight: bold;}

.fxp_send:hover{ background:#e77511;  transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; color: #fff;}



.div3 form{padding-top: 12px;}

.dibu{line-height: 24px;padding-top: 10px;border-top: 1px solid #505050;margin-top: 33px;}

.copyright,.link{display: inline-block;}

.copyright{margin-right: 56px;}

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

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



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

    .div1{margin-right: 30px;}

    .div>span, .div>a{font-size: 20px;font-size: 2rem;}

    .bottom{background: #3c3c3c url(../images/bottombg.jpg) no-repeat center top;padding-top: 40px;}

}

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

    .bottom{background: #3c3c3c;padding-top: 40px;}

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

    .div2{width: 65%;margin-bottom: 40px;}

    .div3{float: left;margin-top: 20px;}

}

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

    .div{display: none;}

    .dibu{padding-top: 0;margin-top: 0;border: none;}

    .link{display: none;}

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

}



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

.bread{line-height: 50px;background: #f0f0f0;text-align: center;color: #0062a6;font-family: 'GothamBold';text-transform: uppercase;}

.bread a{color: #0062a6;}

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

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



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

.fymain{padding-top: 60px;padding-bottom: 120px;}

.pzuo{width: 270px;}

.pyou{width: 847px;}



.title1{text-align: center;font-size: 20px;font-size: 2rem;font-family: 'GothamBold';line-height: 46px;background: url(../images/cebtbg.jpg) no-repeat center center;}

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

.subNav{line-height: 40px;background: #f4f4f4 url(../images/cejt1.png) no-repeat 97% center;padding-left: 20px;margin-top: 8px;}

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

.subNav:hover{background: #0062a6 url(../images/cejt2.png) no-repeat 97% center;}

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

.subNav.currentDd{background: #0062a6 url(../images/cejt2.png) no-repeat 97% center;}

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

.navContent{background: #f4f4f4;padding-top: 12px;padding-bottom: 12px; display:none}

.navContent li{line-height: 30px;padding-left: 20px;}

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

.navContent li:hover a{color: #0062a6;}

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

.pbox:hover .ptu{border: 2px solid #0062a6;}



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

.ms_ye a,.ms_ye span{display: inline-block;width: 33px;line-height: 28px;text-align: center;margin: 0 2.4px;font-size: 12px;font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;background: #fff;border: 1px solid #e5e5e5;}

.ms_sx{width: 59px!important;}

.ms_ye .ms_current_ye{background: #0062a6;border: 1px solid #0062a6;color: #fff;}

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

.title1 p{display: none;}



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

    .pyou{width: 675px;}

    .pbox{margin-left: 20px;width: 211px;}

}

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

    .pyou{width: 100%;}

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

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

    .title1{background: #0062a6;position: relative;}

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

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

}

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

}

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

    .pbox{width: 48%;}
	.bread{line-height: 25px; padding-top:0.5rem; padding-bottom:0.5rem}

.bread a{color: #0062a6; font-size:14px; font-size:1.4rem}


}



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

.daptu{width: 442px;margin: 0 auto;}

.daptu img{width: 100%;display: block;max-width: 438px;max-height: 438px;border: 2px solid #e7e7e7;}

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

.cpxx span{font-weight: bold;color: #0062a6;}
.cpxx h1{ font-size:14px; font-size:1.4rem}

.cpxx{padding-top: 38px;}







.p2form img{width: 100%;display: block;}

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

.p2form span{font-weight: bold;color: #0062a6;}



 

.p2form{padding-top: 40px;}

.p2form table{border-collapse: collapse;width: 100%;}

.p2form table td{border: 1px solid #dad7d7;text-align: center;height: 40px;}

.p2form table td input{cursor: pointer;}

.twobtn{padding-top: 5px;padding-bottom: 5px;padding-right: 5px;}

.twobtn input{display: inline-block;width: 150px;height: 30px;line-height: 30px;text-align: center;background: #999999;color: #fff; cursor:pointer}

.twobtn input:hover{background: #0062a6; cursor:pointer}



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

    

}

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

.p2form .table,.nex2 .table{ width:800px}

.p2form .table,.nex2 .table{ overflow:scroll}

}





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

    .daptu{max-width: 442px;width: auto;}

    .p2form{width: 100%;overflow: scroll;}

    .p2form table{width: 800px;}

}





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

.a1you{width: 600px;margin-left: 94px;margin-top: 118px;}

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

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





.a1p1{font-size: 30px;font-size: 3rem;color: #0062a6;text-transform: uppercase;font-family: 'GothamBold';padding-bottom: 25px;background: url(../images/a1xian.jpg) no-repeat left bottom;}

.a1p2{font-size: 40px;font-size: 4rem;font-family: 'GothamBold';text-transform: uppercase;margin-top: 56px;}

.a1p2 span{color: #0062a6;}

.a1p3{font-size: 16px;font-size: 1.6rem;color: #666666;font-family:Arial;margin-top: 16px;margin-bottom: 38px;}

.a1p4{line-height: 24px;margin-bottom: 25px;}



.a1zuo2{margin-right: 48px;margin-top: 15px;}

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

.a1you2{padding-top: 66px;}

.a1p5{padding-top: 53px;}



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

    .a1you{width: 500px;margin-left: 40px;}

    .a1p2{font-size: 30px;font-size: 3rem;margin-top: 28px;}

    .a1p3{margin-bottom: 20px;}

    .a1zuo2{width: 500px;}

    .a1p5{padding-top: 0;}

}

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

    .a1you{float: none;margin: 0 auto;margin-bottom: 20px;}

    .a1p2{font-size: 30px;font-size: 3rem;margin-top: 25px;}

    .a1p3{margin-bottom: 20px;}

    .a1zuo2{float: none;margin-bottom: 20px;margin-right: 0;text-align: center;}

    .a1you2{padding-top: 0;}

    .a1p5{padding-top: 0;}

}

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

    .a1you{max-width: 600px;width: auto;}

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

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

    .a1p4{margin-bottom: 15px;}

}



/***********************  a2  *************************/

.a2box{background: #f5f5f5;margin-top: 31px;border-radius: 5px;}

.a2boxn{position: relative;padding-top: 21px;padding-right: 34px;padding-bottom: 24px;padding-left: 32px;}

.a2tu{position: absolute;top: 27px;}

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

.a2box1 .a2tu{right: 34px;}

.a2box2 .a2tu{left: 34px;}

.a2nr{min-height: 229px;}

.a2box1 .a2nr{padding-right: 640px;}

.a2box2 .a2nr{padding-left: 645px;}



.a2p1{font-size: 18px;font-size: 1.8rem;line-height: 24px;margin-bottom: 16px;}

.a2p2{color: #666666;padding-left: 19px;background: url(../images/lingxing.png) no-repeat left 8px;line-height: 24px;}

.a1p11{margin-bottom: 70px;}

.a1p11 a{ color:#0062a6}



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

    .a2box1 .a2nr{padding-right: 565px;}

    .a2box2 .a2nr{padding-left: 565px;}

}

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

    .a2tu{position: static;}

    .a2box1 .a2nr{padding-right: 0;padding-top: 15px;}

    .a2box2 .a2nr{padding-left: 0;padding-top: 15px;}

    .a2nr{min-height: 0;}

}

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

    .a2boxn{padding-left: 15px;padding-right: 15px;}

    .a1p11{margin-bottom: 30px;}

    .a2box{margin-top: 15px;}

}



/*********************  advantage1  *********************/

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



#outer{padding-top: 62px;}

#tab li{float: left;}

#tab li a{padding-bottom: 40px;display: block;}

#tab li div{display: block;padding-left: 13px;background: url(../images/qhdian.jpg) no-repeat left 17px;margin-left: 5px;}

#tab li a span{display: block;width: 180px;height: 45px;line-height: 45px;color: #fff;text-align: center;background: url(../images/qhbg1.jpg) no-repeat center center;font-size:16px;font-size:1.6rem;cursor: pointer;}

#tab li#nomargin div{padding-left: 0;background: none;margin-left: 0;}



#tab li:hover a span{background: url(../images/qhbg2.jpg) no-repeat center center;}

#tab li.current a span{background: url(../images/qhbg2.jpg) no-repeat center center;}

#tab li.current a{background: url(../images/qhjiao.jpg) no-repeat center bottom;}



#content{background: #efefef;border-radius: 5px;}

.ul{display: none;padding-left: 27px;padding-right: 27px;padding-top: 22px;}

.ulp1{font-size: 22px;font-size: 2.2rem;font-weight: bold;color: #0062a6;line-height: 30px;border-bottom: 1px solid #c9c9c9;padding-bottom: 6px;}

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

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



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

    #tab li a span{width: 143px;height: 38px;line-height: 38px;font-size: 14px;font-size: 1.4rem;}

}

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

    #tab li div{padding-left: 0;background: none;margin-left: 0;}

    #tab li a span{background: #0082dc;width: auto;font-size: 14px;font-size: 1.4rem;}

    #tab li.current a span,#tab li:hover a span{background: #fea65a;background: url(../images/qhbg2.jpg) no-repeat center center;}

    #tab li{width: 16.66%;}

}

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

    #tab li{width: 33.33%;padding-bottom: 0;background: none;}

    #tab li a{padding-bottom: 0;}

    #tab li.current a{background: none;}

    #content{margin-top: 20px;}

    #outer{padding-top: 40px;}

}

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

    #tab li{width: 50%;}

}



/**************************  advantage2  ***************************/

/*************  瀑布流样式  ************/

#lxf-box{ position: relative;height: auto;letter-spacing:0;}

/*#lxf-box li { position: absolute; background: #fff; text-align: center;left: 0px; top: 0; }*/

#lxf-box li { font-size: 0; display: inline-block; width:32.1%; margin-bottom: 10px; vertical-align: top; position: relative; background: #fff; text-align: center;left: 0px; top: 0; text-align: center; margin-right:1%}

#lxf-box li>img { max-width: 100%; height: auto;border: 0 }

/*css3动画*/

li { 

-webkit-transition: all .7s ease-out .1s; 

-moz-transition: all .7s ease-out; 

-o-transition: all .7s ease-out .1s; 

transition: all .7s ease-out .1s }



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

    #lxf-box li{width: 33%;}

}

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

    #lxf-box li{width: 32%;}

}





/*

（1)-webkit-transition-timing-function   可以定义动画的变化时间

曲线:  -webkit-transition-timing-function: ease-out ,cubic-bezier(x1,y1,x2,y2);

（2）-webkit-transition-property指定发生变化的属性

-webkit-transition-property: opacity;渐变

（3）-webkit-transition-duration制定发生变化的时间

-webkit-transition-duration: 2s;

-webkit-transition-delay 指定在变换开始之前的时间延迟

 -webkit-transition: opacity 500ms ease-out 100ms;*/



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



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



.fangda{position: absolute;left: 10px;top: 10px;display: none;}



#lxf-box li:hover .fangda{display: block;}



.a1p22{margin-bottom: 38px;}

.fymainpb{padding-bottom: 0;}



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

    #lxf-box li>img{width: 316px;}

}

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

    

}





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

.newbox{position: relative;padding-bottom: 71px;background: url("../images/xwxu.png") repeat-x left bottom;margin-bottom: 44px;}

.newbox .riqi{background: #e77511;width: 86px;height: 110px;position: absolute;top: 0; left: 0;text-align: center;}

.newbox .riqi .ri{font-size: 41px;font-size: 4.1rem;margin-top: 14px;padding: 0;text-align: center;color: #fff;font-family: 'GothamBold';display: block;}

.newbox .riqi .yue{font-size: 24px;font-size: 2.4rem;text-transform: uppercase;margin-top: 7px;font-family: 'GothamBold';color: #fff;display: block;}

.newbox .riqi .sanjiao{top: 41px;right: -14px;position: absolute;}



.newtu img{width: 100%;max-width: 234px;max-height: 234px;border: 2px solid #b7b7b7;}

.newtu{position: absolute;top: 0;left: 136px;display: block;}

.newbox .fynp3{font-size: 16px;font-size: 1.6rem;font-weight: bold;line-height: 24px;display: block;padding-top: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.newbox .fynp4{display: block;line-height: 24px;height: 72px;overflow: hidden;margin-top: 8px;color: #666666;}

.newbox .rm{display: block;width: 150px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-weight: bold; text-transform: uppercase;margin-top: 30px;background: url(../images/btnbg1.jpg) no-repeat center center;}

.newbox .rm:hover{background: #0062a6;}

.newbox .fynp3:hover{color: #0062a6;}

.newbox .fynp4:hover{color: #0062a6;}

.newbox .nlnr{padding-left: 412px;}



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

.newtu{left: 115px;}

.newbox .nlnr{padding-left: 360px;}

.newtu{width: 210px;}

}

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

    .newbox .fynp3{padding-top: 0;}

    .newtu{width: 170px;}

    .newbox .nlnr{padding-left: 310px;}

}



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

.newbox .nlnr{padding-left: 0;padding-top: 180px;}

.newbox{padding-bottom: 25px;margin-bottom: 35px;}

}



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

.nzuo{width: 772px;}

.nyou{width: 271px;margin-right: 40px;}

.xwh1{font-size: 20px;font-size: 2.0rem;font-weight: bold;color: #0062a6;}

.nxsj{margin-top: 14px;color: #666666;padding-bottom: 24px;padding-left: 21px;background: url(../images/xwxsj.png) no-repeat left top;}



.nex2{line-height: 24px; color: #666666;padding-top: 1px;padding-bottom: 45px;margin-bottom: 16px;background: url(../images/xwxxu.png) repeat-x center bottom;}

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

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



.back{width: 237px;height: 60px;line-height: 60px;text-align: center;background: #b55930;border-radius: 5px;font-size: 18px;font-size: 1.8rem;display: block;margin-top: 5px;text-transform: uppercase;color: #fff;}

.back:hover{background: #333;color: #fff;}

.share3{padding-right: 10px;position: relative;top: 3px; color: #666666; font-size:14px;font-size:1.4rem; }

.share22{padding-top: 56px;margin-bottom: 52px;}

.cenlist li{margin-bottom: 37px;padding-bottom: 14px;background: url(../images/cenxu.png) repeat-x center bottom;}

.centu img{width: 100%;max-width: 267px;max-height: 267px;display: block;border: 2px solid #b7b7b7;}

.centu{display: block;}

.cenlist li a.cewen{display: block;line-height: 24px;margin-top: 19px;color: #666666;margin-bottom: 19px;}

.cenlist li a.cewen:hover{color: #e77511;}

.cenlist li span{font-size: 12px;font-size: 1.2rem;color: #666666;padding-left: 18px;background: url(../images/xwxsj2.png) no-repeat left center;}

.zjn{font-size: 20px;font-size: 2.0rem;text-transform: uppercase;display: block;margin-bottom: 36px; color: #e77511;font-weight: 900;border-bottom: 3px solid #e4e4e4; padding-bottom: 8px;}

.zjn:hover{color: #0062a6;}



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

.xwsx span{display: inline-block;padding-left: 29px;font-weight: bold;color: #666666;}

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

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

.xwsx a{color: #666666;}

.xwsx:hover a{color: #0062a6;}

/*.xwsx:hover span{color: #0062a6;}*/



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

    .nzuo{width: 580px;}

}

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

    .xwh1{font-size: 18px;font-size: 1.8rem;}

    .nzuo{width: 58%;padding-right: 2%;}

    .nyou{width: 38%;margin-right: 0;}

}

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

    .nzuo{width: 100%;padding-right: 0;border-right: none;}

    .nyou{width: 100%;padding-right: 0;margin-top: 30px;}

    .cenlist li{width: 100%;text-align: center;}

    .centu img{display: inline-block;}

}



/**************************  news3  *************************/

.zhanshi_tp2{position:relative; width:887px; margin:auto; margin-top:39px; margin-bottom:4px;}

.zhanshi_tp2 .ulBigPic{width:715px; margin-left:81px; overflow:hidden;}

.zhanshi_tp2 .ulBigPic li{width:715px;display:none; position:relative;}

.abfu{ position:absolute; width:100%; font-size:16px; font-size:1.6rem; color:#fff; text-align:center; line-height:46px; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.5);}

.zhanshi_tp2 .ulBigPic .liSelected{display:block;}

.zhanshi_tp2 .ulBigPic img{ display:block; width:100%; max-width:715px; max-height:525px;}



.zhanshi_tp2 .dSmallPicBox{width:887px; height:106px; position:relative; margin-top:32px;  }

.zhanshi_tp2 .dSmallPic{width:715px;height:106px; position:absolute; left:81px; top:0px;overflow:hidden;}

.zhanshi_tp2 .dSmallPic ul{position:absolute;}

.zhanshi_tp2 .dSmallPic li{width:190px; height:106px;float:left; display:inline;cursor:pointer;overflow:hidden;}

.zhanshi_tp2 .dSmallPic .sPic{width:190px; height:106px; display:block;}

.zhanshi_tp2 .dSmallPic .sPic img{width:145px;height:106px;}

.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan,.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan{width:39px; height:39px;display:block;position:absolute;top:34px; border-radius:50%;}

.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel{cursor:pointer;}

.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan{right:0px; background:url(../images/qubright.png) no-repeat center;}

.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan:hover{right:0px; background:url(../images/qubrighth.png) no-repeat center;}

.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan{left:0px; background:url(../images/qubleft.png) no-repeat center;}

.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan:hover{left:0px; background:url(../images/qublefth.png) no-repeat center;}



.fymain2{background:#fff url(../images/n3bg.jpg) no-repeat center bottom;}



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

.gongchang2{ display: none}

}

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

.zhanshi_tp2{width:715px;}

.zhanshi_tp2 .ulBigPic{ margin-left:0px;}

.zhanshi_tp2 .dSmallPicBox{width:715px;}

.zhanshi_tp2 .dSmallPic{ left:0px;}

}

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

.zhanshi_tp2{ display:none}

.gongchang2{ width:100%}

.gonglie2{ display:block; width:45%; float:left; margin-left:2.5%; margin-right:2.5%; margin-top:30px;}

.gongtu2 img{ width:100%; max-width:715px; max-height:525px;}

.gongzi2{ display:block; text-align:center; line-height:24px; height:48px; margin-top:5px;}

.abmain4{ padding-bottom:38px;}

}

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

.gonglie2{width:95%;}

}





/**************************  support1  *************************/

.supphang1{background: #fbfbfb;padding-top: 60px;padding-bottom: 60px;}



.suppyou{width: 530px;padding-left: 50px;padding-bottom: 40px;background: url(../images/jiaobg.png) no-repeat left bottom;padding-top: 50px;}

.supphang1 .suppzuo{padding-right: 10px;padding-bottom: 10px;background: url(../images/supptubg.jpg) no-repeat right bottom;}

.supphang2 .suppzuo{padding-left: 10px;padding-bottom: 10px;background: url(../images/supptubg.jpg) no-repeat left bottom;}

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

.zcp1{font-size: 18px;font-size: 1.8rem;color: #0062a6;line-height: 30px;font-family: 'GothamBold';}

.zcp2{line-height: 24px;margin-top: 18px;}



.supphang2{background: #f4f4f4;padding-top: 60px;padding-bottom: 60px;}



.supphang2 .suppyou{padding-top: 115px;}

.oemp1{font-size: 18px;font-size: 1.8rem;color: #0062a6;font-family: 'GothamBold';line-height: 30px;padding-top: 53px;padding-left: 65px;}

.oemp2{line-height: 24px;padding-left: 65px;}

.oemp2 strong{color: #e77511;font-family: 'GothamBold';}



.oemlist{padding-top: 42px;}

.oemlist li{width: 500px;margin-left: 65px;float: left;}

.oemlist li>p{display: inline-block;color: #fff;text-transform: uppercase;padding: 0 17px;line-height: 34px;background: #0062a6;font-family: 'GothamBold';border-top-left-radius: 5px;border-top-right-radius: 5px;}

.oemlist li>div{background: #e77511;min-height: 230px;}

.oemlist li>div div{padding-top: 15px;padding-bottom: 10px;padding-left: 19px;padding-right: 15px;}

.oemlist li>div div p{line-height: 24px;color: #fff;}



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

    .suppyou{width: 428px;}

    .oemlist li{margin-left: 25px;width: 450px;}

    .oemp1,.oemp2{padding-left: 25px;}

}

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

    .suppzuo{width: 40%;background-size: 98%!important;}

    .supphang1 .suppyou{width: 50%;padding-top: 0px;}

    .supphang2 .suppyou{width: 50%;padding-top: 0;}

    .oemlist li{margin-left: 0;width: 100%;margin-bottom: 20px;}

    .oemlist li>div{min-height: 0;}

    .oemp1,.oemp2{padding-left: 0px;}

}

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

    .a1p11{margin-bottom: 30px;}

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

    .supphang1 .suppyou{float: none;width: auto;margin-top: 20px;}

    .supphang2 .suppyou{float: none;width: auto;margin-top: 20px;}

    .supphang1,.supphang2{padding-top: 30px;padding-bottom: 30px;}

    .oemp1{padding-top: 20px;} 

}

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

    .suppyou{padding-left: 0;padding-bottom: 0;background: none;}

    .suppzuo{width: 80%;}

}





/***************************  support  ***************************/

.dbox{background: #f2f2f2;position: relative;padding-top: 40px;min-height: 132px;margin-bottom: 29px;}

.wenben{position: absolute;left: 25px;top: 31px;}

.downnr{padding-left: 145px;padding-right: 250px;}

.dp1{display: block;font-size:16px;font-size:1.6rem;color: #0062a6;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 33px;}

.dp2{display: block;line-height: 24px;height: 48px;overflow: hidden;margin-top: 8px;}

.dbtn{width: 125px;height: 40px;line-height: 40px;padding-left: 15px;position: absolute;right: 30px;top: 66px; background: url(../images/downbtn1.png) no-repeat;color: #fff;font-weight: bold; text-transform: uppercase;}

.dbtn:hover{background: url(../images/downbtn2.png) no-repeat;}

.dp1:hover,.dp2:hover{color: #e77511;}



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

    

}

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

    .downnr{padding-right: 185px;}

}

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

    .dbox{padding-bottom: 60px;}

    .dbtn{top: auto;bottom: 10px;}

    .downnr{padding-right: 10px;}

    .dp2{height: auto;}

    

}

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

    .wenben{left: 10px;}

    .downnr{padding-left: 65px;}

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

    .wenben{width: 40px;}

    .dbox{padding-top: 20px;}

}





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

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



/* c_left */

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



.c_left_wrap { width: 339px; 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: 10px; }



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



.c_left_wrap .c_tiyl4 { padding-left: 29px; font-weight: bold; color: #fff; background: url(../images/c_xin1.png) no-repeat 4px 3px; }



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



.c_left_wrap .c_tiyl a:hover { color: #e77511; }



.c_left_wrap .c_tiyl41 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/c_xin2.png) no-repeat left 1px; }



.c_left_wrap .c_tiyl42 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/c_xin3.png) no-repeat left 1px; }



.c_left_wrap .c_tiyl43 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/c_xin4.png) no-repeat left 3px; line-height: 24px; }



/* c_right */

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



.c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-family: 'GothamBold'; font-size: 24px; font-size: 2.4rem; color: #e77511; text-transform: uppercase; padding-bottom: 3px; }



.c_xp { padding-top: 13px; }



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



.c_div1 { padding-bottom: 16px; }



.c_div2 { padding-bottom: 18px; }



.c_div3 { padding-bottom: 18px; }



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



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



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



.c_captcha { font-size: 12px; font-size: 1.2rem; background: #fff; width: 154px; float: left; line-height: 33px; height: 33px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }



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



.c_send { float: right; text-align: center; color: #fff; background: url(../images/subbg.jpg) repeat-x center center; width: 181px; height: 37px; line-height: 35px; font-size: 16px; font-size: 1.6rem; cursor: pointer; font-family: 'GothamBold'; }

.c_send:hover{background: #0062a6;}

.map { margin: 50px auto 0; }



.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: 96%; margin-left: 0px; 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_right .yanzheng{ margin-left: 12px; } }



.yiji{position: absolute;left: 0;top: -9999px;z-index: 999999;width: 196px;background: #ffffff;padding-top: 5px;padding-bottom: 5px;}

.yiji li{font-family: 'GothamBold';line-height: 30px;padding-left: 13px;position: relative;}

.erji{padding-left: 1px;position: absolute;left: 100%;top: -999px;}

.erji ul{width: 178px;background: #fff;padding-top: 5px;padding-bottom: 5px;}

.yiji li a{display: block;padding-left: 6px;background: url(../images/xlbg.png) no-repeat -30px center;}

.yiji li:hover>a{color: #e77511;background: url(../images/xlbg.png) no-repeat left center;padding-left: 16px;}

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

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



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

    .yiji{display: none;}

}





.hdtop{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 99999999;border-radius: 50%;box-shadow: 0px 2px 10px 0px rgba(0,98,166,0.4);}

.hdtop img{display: block;}



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

.ce{position: fixed;top: 40%;z-index: 99999;right: 0;}

.ce img{display: block;}

.ce .guanbi{cursor: pointer;position: absolute;right: 5px;top: 5px;}



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

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

    .ce img{display: inline-block;}

    .ce li{border: none;float: left;width: 50%;margin: 0;text-align: center;}

    .celi1{background: #1672d5;}

    .celi2{background: #00aff0;}

    .bottom{padding-bottom: 70px;}

}







.active2{ color:#0062a6}



.xgchanpbt{ font-size:16px; font-size:1.6rem; line-height:25px; margin-top:50px; margin-bottom:10px; font-weight:bold}

.xgchanpbt a{ color:#0062a6}

.active2{color:#0062a6 !important}

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



.listcart a{ display:inline-block;height: 26px; width:220px;



	line-height: 25px;



	



	cursor: pointer;



	



	border: none;



	overflow: hidden;



	color: #fff;



	cursor: pointer; background:#0062a6; 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 ;  }



		



	}



	



	@media screen and (max-width:420px){
		.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-bottom:1rem}
        }
    /*******************  xiugai  *****************/
.lunbon{background: none;position: relative;}
.lunbon>img{position: absolute;left: 0;top: 0;transition: 2s;}
.lunbon:hover>img{transform: rotate(360deg);}
@media screen and (max-width:400px) {
    .lunbon>img{display: none;}
}