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

*{margin: 0;padding: 0;}

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

body {max-width:1920px; margin:0 auto; font-family: arial;font-size: 14px;font-size: 1.4rem;}
-moz-placeholder {color: #333; font-size:12px;font-size:1.2rem; opacity: 1}
img {border: none;}
@media screen and (max-width:767px) {
		body{padding-bottom: 70px}
	}
ul li {list-style-type: none;}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}

a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}

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

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea { font-family: arial;font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

.pull-left{ float:left;}

.pull-right{ float:right;}

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



::-webkit-input-placeholder {color:#FFFFFF;}/* WebKit browsers */

:-o-placeholder {color:#FFFFFF;}/* Mozilla Firefox 4 to 18 */

::-moz-placeholder {color:#FFFFFF;}/* Mozilla Firefox 19+ */

:-ms-input-placeholder {color:#FFFFFF}/* Internet Explorer 10+ */



.self-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;}

.self-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical}

.self-ellipsis-3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical}

.self-ellipsis-4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical}

.relative{position: relative;}

.absolute{position: absolute;}

.common-vc{position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}

.common-hc{position: absolute;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}

.common-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}



/**/

[class*="-item"] .item-pic { position: relative; display: block;  text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

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

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

[class*="-item"] .item-title a:hover { color: #FFCC01!important; }

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

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

[class*="-item"] .item-desc a:hover { color: #FFCC01!important; }



@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*/



.search-box ::-webkit-input-placeholder {color:#999;}/* WebKit browsers */

.search-box :-o-placeholder {color:#999;}/* Mozilla Firefox 4 to 18 */

.search-box ::-moz-placeholder {color:#999;}/* Mozilla Firefox 19+ */

.search-box :-ms-input-placeholder {color:#999;}/* Internet Explorer 10+ */



.search-box{

	width: 250px;

	height: 32px;

	border-radius:16px;

	border: solid 1px #f9f9f9;

	background-color: transparent;

	box-sizing: border-box;

	cursor: pointer;

	overflow: hidden;

	z-index: 999;

	float: right;

	display: inline-block;

	position: relative;

	margin-right: 0;

	margin-top: 10px;

}



.search-input{

	width: 100%;

	height: 32px;

	line-height: 32px;

	background-color: transparent;

	padding: 0 30px 0 14px;

	color: #FFFFFF;

	box-sizing: border-box;

	cursor: pointer;

	font-style: italic;

}

.search-submit{

	position: absolute;

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

	background-size: contain;

	width: 14px;

	height: 14px;

	top:50%;

	margin-top: -7px;

	right:12px;

	cursor: pointer;

}



/*-------------page-start--------------------------------------------------------------------*/

.page{text-align: center;}

.page a{

	/*float: left;*/

	width: 35px;

	height: 30px;

	line-height: 30px;

	box-sizing: border-box;

	display: inline-block;

	font-size: 14px;

	font-size: 1.4rem;

	margin: 0 2.25px 10px;

	border: solid 1px #FFFFFF;

	color: #FFFFFF;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	font-size: 12px;

	font-size: 1.2rem;

}

.page a.prev,.page a.next{width:61px!important;margin: 0 2.5px 10px;background-color: transparent;}

.page a.next{width: 61px!important;}

.page a.prev:hover,.page a.next:hover{background-color: #FFCC01!important;color: #333!important;border-color: #FFCC01;}

.page a:hover,.page-active{background-color: #FFCC01!important;color: #333!important;border-color: #FFCC01!important;}

.fl{float: left;padding: 5px 0 0;}



.page a.no:hover{     background-color: transparent !important;   border: solid 1px #FFFFFF !important;; color:#fff !important;}

.add-btn{

	width: 180px;

	height: 30px;

	line-height: 30px;

	text-align:center;

	background-color: #FFCC01;

	color: #333;

	cursor:pointer;

	font-size: 12px;

	font-size: 1.2rem;

}

.add-form{

	padding-top: 3px;

	padding-right: 20px;

	background: url(../images/addf-bg.png) no-repeat right center;

	float: right;

	

}



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

	.page{margin: ;}

	.fl{float: none;}

	.add-form{float:none;display: inline-block;}

	.page a{font-size: 12px;font-size: 1.2rem;}

}

/*-------------page-end--------------------------------------------------------------------*/

/*-------------contact start---------------------------------------------------------------*/

.contact-pc{right: 0;width: 50px;z-index: 999;position: fixed;}

.contact-pc li{width: 50px;height: 50px;}

.contact-pc li a{display: block;height: 50px;}

.c1{background: #1672D5 ;}

.c2{background: #00AFF0 ;}

.c3{background: #3AC34C ;}



.contact-phone{position: fixed;bottom: 0;height: 50px;left: 0;right: 0;display: none;z-index: 999;}

.contact-phone li{width: 33.33%;height: 50px;float: left;}

.contact-phone li a{display: block;height: 50px;}



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

	.contact-pc{display: none;}

	.contact-phone{display: block;}

}

/*back-top*/

.back-top{

	width: 73px;

	height: 74px;

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

	background-size: contain;

	position: fixed;

    right: 0;

    bottom: -100px;

    transition: 1s;

    cursor: pointer;

    z-index: 998;

}

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

  	.back-top{width:50px;height:51px;}

}

/*-------------contact end-----------------------------------------------------------------*/



/*-------------bread start-----------------------------------------------------------------*/

.bread {

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

	background-size: auto 100%;

	padding-left: 12px;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	position: relative;

	margin-top: 29px;

}

.bread:after{position: absolute;content: '';right: 0;left: 12px;height: 2px;background-color: #FFCC01;top: 50%;margin-top: -1px;}

.bread span,.bread a{color: #FFFFFF;}

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

.bread .current {

	font-size: 26px;

	font-size: 2.6rem;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 47px;

	background-color: #1A1A1A;

	position: relative;

	z-index: 3;

	padding-right: 20px;

}

.bread-active{color: #FFCC01!important;}

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

	.bread{margin-top: 15px;}

	.bread .current{font-size: 20px;font-size: 2rem;line-height: 36px;}

	.bread:after{height: 1px;}

}



/*-------------bread end-------------------------------------------------------------------*/



/*-------------header start----------------------------------------------------------------*/

.header{position: absolute;top: 0;left: 0;right: 0;z-index: 999;background-color: #333333;background-color: rgba(51,51,51,0.7);}

.logo{position: absolute;top: 0;left: 0;margin: 23px 0; z-index:99;}



.header-right{padding-left: 249px;position: relative;}

.h-top{text-align: right;border-bottom: solid 1px #BFBFBF;border-bottom: solid 1px RGBA(191, 191, 191, 0.4); padding: 9px 0 14px;}

.h-top span{color: #FFFFFF;line-height: 24px;padding-left: 30px;}

.h-top span a{color: #FFFFFF;}

.h-top span a:hover{color: #FFCC01;}

.h-top .htop-mail{background: url(../images/nav1.png) no-repeat left center;padding-right: 15px;}

.h-top .htop-tel{background: url(../images/nav2.png) no-repeat left center;padding-right: 8px;}



/*  */

.h-bot{padding: 17px 0 4px 14px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.navlist{float: left;}

.navlist>li{float: left;margin-left: 54px;font-size: 16px;font-size: 1.6rem;line-height: 54px;font-weight: bold;position: relative;}

.navlist>li>a{color: #FFFFFF;display: block;}

.nav-active,.navlist>li:hover{ border-bottom: solid 2px #FFCC01;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.nav-active>a,.navlist>li:hover>a{color: #FFCC01!Important;}



.navlist>li:hover .yiji{top: 56px;}

.yiji{position: absolute;left: 0;top: -9999999px;width: 320px;background: #333;background: RGBA(51,51,51, 0.7);z-index: 99999;padding: 10px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.yiji li{float: left;width: 100%;font-size: 16px;font-size: 1.6rem;line-height: 44px;color: #FFFFFF;position: relative;margin: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.yiji li:hover>.erji,.yiji li:hover>.sanji{left: 320px;}

.yiji>li>a,.erji>li>a,.sanji>li>a{display: block;color: #FFFFFF;padding: 0 10px 0 33px;}

.yiji>li>a:hover,.erji>li>a:hover,.sanji>li>a:hover{background-color: #FFCC01;color: #333333;}



.erji,.sanji{position: absolute;left:-9999999px;top:0;width: 279px;background: #333;background: RGBA(51,51,51, 0.7);z-index: 99;padding: 10px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.yiji li:hover>.erji, .yiji li:hover>.sanji {
    left: 100%;
}



.navlist1{display: none;width: 100%;}

.navlist1>li{float: left;width: 25%;text-align: center;line-height: 36px;}

.navlist1>li>a{color: #FFFFFF;display: block;}

.navlist1>li:hover>a{display: block; color: #FFCC01!important;border-bottom: solid 2px #FFCC01;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}



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

	.header-right{padding-left: 170px;}

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

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

	.logo{width: 149px;}}
@media screen and (max-width:999px) {

	.logo{width: 121px;}

	

	.h-top .htop-mail{padding-right: 10px;}

	.search-box{position: absolute;top: -5px;left: 150px;width: 296px;}

	.yiji{left:-200px;}

	.header-right{padding-left: 150px;}

	.h-bot{padding: 0 0 4px;}

	.navlist{width: 100%;}

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

	

}

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

	.header{position: relative;}

	.yiji{display: none}

	.header-right{display: none;}

	.navlist1{display: block;}

	

	.logo{position:relative;top: auto;left: auto;height: 55px;width:220px;}

}

/*-------------header end------------------------------------------------------------------*/



/*-------------footer start----------------------------------------------------------------*/

.footer{background: url(../images/footer-bg.png) no-repeat center top;padding-top: 113px;}

.footer-title{font-size: 24px;font-size: 2.4rem;text-transform: uppercase;font-weight: bold;margin-bottom: 23px;}

.footer-title a:hover{color: #FFFFFF;}

.f-top{margin-bottom: 51px;}

.f-left{float: left;margin-right: 20px;width: 250px;}

.f-left ul li{font-size: 14px;font-size: 1.4rem;line-height: 30px;}

.f-top a:hover{color: #FFFFFF;}

@media screen and (max-width:1219px) {
    .f-left{
    width: 160px!important;
        
    }
    .f-add{
        width:250px!important;
    }
}
@media screen and (max-width:999px) {
    .f-left{
    width: 230px!important;
        
    }
    .f-add{
        width:260px!important;
    }
}
.f-middle{float: left;}

.f-middle{font-size: 14px;font-size: 1.4rem;line-height: 30px;}

.f-middle ul{float: left;}

.f-middle ul li{padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.f-add{float: left;width: 305px;margin-left: 10px;background: url(../images/f6.png) no-repeat left 8px;padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

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

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

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

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

.f-web{background: url(../images/f5.png) no-repeat left center;}
.f-whatsapp{background: url(../images/whatsapp.png) no-repeat left center;}
.f-skype{background: url(../images/skype.png) no-repeat left center;}



.f-right{float: right; width: 310px;font-size: 14px;font-size: 1.4rem;line-height: 30px;}

.f-right .f-follow img{margin-right: 13px;float: left;}

.f-right .f-follow{padding-top: 9px; margin-bottom: 12px;width: 100%;}

.sitemap{display: block;}



.f-nav{border-bottom: 1px solid #3F3F3F;line-height: 30px;padding-bottom: 7px;}

.f-nav a{margin-right: 54.5px;}

.f-nav a:hover{color: #FFFFFF;}



.links{line-height: 30px;margin-top: 7px;}

.links a{margin-right: 25px;}

.links a:hover{color: #FFFFFF;}



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

	.f-left{margin-right: 30px;}

}

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

	.f-middle{margin-bottom: 30px;}

	.f-right{float: left;}

	.f-top{margin-bottom: 30px;}

	.footer-title{margin-bottom: 15px;}

	.f-right .f-follow{padding-top: 0;}

	.f-left{margin-right: 10px;}

}

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

	.f-left,.f-middle,.f-follow,.f-nav,.links,.footer-title{display: none;}

	.f-right{width: 100%;}

	.f-right .sitemap{display: inline;}

	.f-top{margin-bottom: 0;}

	.footer{background-image: none;background-color: #FFCC01;padding: 10px 0 0;}

	.copyright{line-height: 24px;}

}

/*-------------footer end------------------------------------------------------------------*/



/*-------------index start-----------------------------------------------------------------*/

body{background-color: #1a1a1a;}

/* Door Handle start*/

.handle-scroll.scroll-box{position: relative;overflow: hidden;padding-top: 7px;}

.handle-scroll .scroll-btns{text-align: center;margin-top: 43px;}

.handle-scroll .scroll-btn{width: 92px;height: 46px;display: inline-block;cursor: pointer;}

.handle-scroll .scroll-btn.prev{background: url(../images/prev1.png) no-repeat center;background-size: contain;margin-right: 10px;}

.handle-scroll .scroll-btn.prev:hover{background-image: url(../images/prev1_1.png);}

.handle-scroll .scroll-btn.next{background: url(../images/next1.png) no-repeat center;background-size: contain;}

.handle-scroll .scroll-btn.next:hover{background-image: url(../images/next1_1.png);}





.handle-scroll .scroll-list-box{width: 100%;overflow: hidden;}

.handle-scroll .scroll-list{width: 1000%;}

.handle-scroll .scroll-list li{float: left;width: 2.472%;margin-right: 0.036%;position: relative;}

.handle-scroll .scroll-list li .item-pic{box-sizing: border-box;position: relative;}

.handle-scroll .scroll-list li .item-pic img{width: 100%;display: block;margin: 0 auto;}

.handle-scroll .scroll-list .item-backdrop {

	position: absolute;

	left: 0;

	width: 100%;

	height: 100%;

	top: -100%;

	background: url(../images/web2.png) repeat;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	padding-left: 10px;

	padding-right: 10px;

	

	transition: all .35s;

	-webkit-transition: all .35s;

}

.handle-scroll .scroll-list li:hover .item-backdrop{top: 0;}

.handle-scroll .scroll-list .item-backdrop a{color: #FFFFFF;}

.handle-scroll .scroll-list .item-backdrop p{max-width: 220px;margin: 0 auto;width:100% }

.handle-scroll .scroll-list .item-title{line-height: 36px;font-weight: bold;}

.handle-scroll .scroll-list .item-desc{line-height: 28px;height: 56px;}

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

	.handle-scroll .scroll-list .item-backdrop{padding-top: 57px;}

	.handle-scroll .scroll-list .item-title{margin: 25px auto 6px!!important;}

}

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

	.handle-scroll .scroll-list .item-backdrop{padding-top: 35px;}

}

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

	.handle-scroll .scroll-list .item-backdrop{padding-top: 25px;}

	.handle-scroll .scroll-list .item-title{margin: 10px auto 5px!!important;}

}

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

	.handle-scroll .scroll-list .item-backdrop{padding-top: 15px;}

	.handle-scroll .scroll-list .item-backdrop img{width: 50px;}

	.handle-scroll .scroll-list .item-title{margin: 10px auto 0px!!important;}

}

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

	.handle-scroll .scroll-list .item-backdrop{padding-top: 15px;}

	.handle-scroll .scroll-list .item-backdrop img{width: 40px;}

	.handle-scroll .scroll-list .item-title{line-height: 30px;font-weight: bold;}

	.handle-scroll .scroll-list .item-desc{line-height: 24px;font-size: 14px;font-size: 1.4rem;height: 48px;}

}

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

	.handle-scroll .scroll-list li{width: 2.425%;margin-right: 0.1%;}

	.handle-scroll .scroll-list .item-desc{line-height: 20px;height: 40px;}

	.handle-scroll .scroll-btns{margin-top: 30px;}

	.handle-scroll .scroll-btn{width: 80px;}

}

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

	.handle-scroll .scroll-list li{width:3.26%;margin-right: 0.1%;}

	

	.handle-scroll .scroll-list .item-backdrop{position: relative;padding: 10px;top: 0;}

	.handle-scroll .scroll-list .item-backdrop img{display: none;}

	.handle-scroll .scroll-list .item-title{font-size: 14px;font-size: 1.4rem;line-height: 30px;}

	.handle-scroll .scroll-list .item-desc{font-size: 12px;font-size: 1.2rem;}

	

	.handle-scroll .scroll-btns{margin-top: 15px;}

	.handle-scroll .scroll-btn{width:70px;}

}



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

	.handle-scroll .scroll-list li{width:4.8%;margin: 0 0.1%;}

}

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

	.handle-scroll .scroll-list li{width:9.8;margin: 0 0.1%;}

}

/* Door Handle end */

/* main-pro start */

.main-pro{background: url(../images/web4.png) no-repeat center bottom;margin: 163px 0 165px;}

.mainpro-title{font-size: 40px;font-size: 4rem;font-weight: bold;text-align: center;text-transform: uppercase;position: relative;}

.mainpro-title a {

	color: #FFFFFF;

	position: relative;

	background-color: #1A1A1A;

	background:#1A1A1A url(../images/web15.png) no-repeat left center;

	background-size: auto 100%;

	display: inline-block;

	line-height: 66px;

	padding-left: 12px;

	padding-right: 20px;

	z-index: 4;

}

.mainpro-title a:hover{color: #FFCC01;}

.mainpro-title:after{

	position: absolute;

	content: '';

	right: 0;

	height: 2px;

	width: 50%;

	top: 50%;

	margin-top: -1px;

	background-color: #FFCC01;

}

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

	.main-pro{margin: 100px 0;}

}

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

	.main-pro{margin:50px 0;background-image: none;}

}

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

	.main-pro{margin:20px 0;}

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

	.mainpro-title a {line-height: 40px;}

}

.index-small.pic-small { position: relative; float: left; width: 230px;margin-top: -66px; }

.index-small .pic-btns{position: absolute;right: -280px;bottom: -6px;}

.index-small .pic-btn {display: inline-block; width: 92px; height: 46px; background-repeat: no-repeat; background-position: center; }

.index-small .pic-btn.prev {  background-image: url(../images/prev1.png);margin-right: 10px; }

.index-small .pic-btn.prev:hover { background-image: url(../images/prev1_1.png); }

.index-small .pic-btn.next {  background-image: url(../images/next1.png); }

.index-small .pic-btn.next:hover { background-image: url(../images/next1_1.png); }

.index-small .pic-list { height:750px; overflow: hidden; }

.index-small .pic-list ul { height: 2000px; }

.index-small .list-item { margin-bottom:50px; }

.index-small .item-pic { display: block; border: 2px solid #FFCC01;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }

.index-small .item-pic img { width: 100%;display: block; }

.main-pro .m-propic{display:none}



.m-middle{float: left;width: 453px;margin-top: 5px;margin-left: 88px;background: url(../images/web16.png) no-repeat top center;padding: 93px 0 122px 52px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.m-middle .item-title{font-size: 26px;font-size: 2.6rem;line-height: 28px;width: 225px;font-weight: bold;}

.m-middle .item-title a,.m-middle .item-desc a{color: #FFFFFF;display: block;}

.m-middle .item-desc{font-size: 16px;font-size: 1.6rem;line-height: 30px;width: 205px;margin: 20px 0 20px;}

.m-middle .item-title a:hover,.m-middle .item-desc a:hover{color: #FFCC01;}

.m-middle .item-btn {

	width: 210px;

	height: 40px;

	line-height: 40px;

	background-color: #FFCC01;

	display: inline-block;

	font-size: 18px;

	font-size: 1.8rem;

	font-style: italic;

	color: #FFFFFF;

	position: relative;

	padding-left: 46px;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

.m-middle .item-btn:after{

	position: absolute;

	content: '';

	width: 11px;

	height: 18px;

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

	top: 50%;

	margin-top: -9px;

	right: 27px;

}

/*  */

.m-right{float: left;margin-left: -132px;margin-top: 41px;width: 560px;}

.m-right img{width: 100%;max-width: 560px;display: block;margin: 0 auto;}



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

	.m-middle{width: 393px;margin-left: 30px;}

	.m-right{width: 459px;}

}

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

	.main-pro .m-propic{display: block;margin-top: 30px;}

	.index-small{display: none;}

	.m-middle{padding: 90px 0 50px 50px;}

	.m-right{width: 350px;margin-top: 80px;}

	.m-middle .item-desc{margin: 30px 0;}

}

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

	.m-middle{background-image: none;background-color: #0B0B0B;padding: 10px 10px 20px;width: 100%;margin-left:0;margin-top: 30px;}

	.m-middle .item-title{width: 100%;font-size: 24px;font-size: 2.4rem;line-height: 30px;}

	.m-middle .item-desc{width: 100%;margin: 15px 0;font-size: 14px;font-size: 1.4rem;line-height: 24px;}

	.m-middle .item-btn{font-size: 14px;font-size: 1.4rem;height: 36px;line-height: 36px;}

	.m-right{width: 100%;margin-left: 0;margin-top: 20px;padding: 0 20%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

}



/* main-pro end */

/* welcome video start */

.welcome-video{position: relative;}

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

.wvideo {position: relative;overflow: hidden;padding-bottom: 31.09%;/*宽除以高*/height: 0;}

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

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



.video-backdrop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/web5.png) repeat\0;background: RGBA(11, 11, 11, 0.6);}

.wvideo-content{text-align: center;position: absolute;left: 0;width: 100%;/* height: 250px; */top: 50%;margin-top: -125px;}

.wvideo-content .wv-btn{cursor: pointer;}

.wvideo-content .wv-title{font-size: 33px;font-size: 3.3rem;font-weight: bold;text-transform: uppercase; line-height: 56px;margin: 40px 0 25px;}

.wvideo-content .wv-title a{color: #FFFFFF;}

.wvideo-content .wv-title a:hover{color: #FFCC01;}

.wvideo-content .wv-title span{color: #FFCC01;}

.wvideo-content .wv-word{font-size: 16px;font-size: 1.6rem;line-height: 30px;height: 60px;}

.wvideo-content .wv-word a{color: #FFFFFF;display: block;}

.wvideo-content .wv-word a:hover{color: #FFCC01;}



.video-backdrop2 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background:#0B0B0B url(../images/web6.png) no-repeat center;

	background: RGBA(11, 11, 11, 0.6) url(../images/web6.png) no-repeat center;

	background-size: 45px;

	display: none;

}



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

	.wvideo-content{margin-top: -100px;}

	.wvideo-content .wv-title{margin: 20px 0 10px;line-height: 40px;}
	
	.wvideo video{ max-width:100%; height:200px;}

}

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

	.video-backdrop{background: transparent;padding-bottom: 30px;}

	.wvideo-content .wv-title{font-size: 24px;font-size: 2.4rem;line-height: 30px;margin: 20px 0 10px;}

	.wvideo-content .wv-word{font-size: 14px;font-size: 1.4rem;line-height: 24px;height: 48px;}

	

	.video-backdrop,.wvideo-content{position: relative;top:auto;left: auto;margin-top: auto;}

	.wv-btn{display: none;}

	.video-backdrop2{display: none;}

}

/* welcome video end */

.bg-box{background: url(../images/web14.png) no-repeat bottom right;padding-bottom: 45px;}

.bg-box .cer-scroll.scroll-box{margin-bottom: 0;}

/* cn-box start */

/* cinbox */

.cn-box{padding: 156px 0 0;margin-bottom: -15px;}

.cin-box.scroll-box{position: relative;overflow: hidden}

.cin-box .scroll-btns{position: absolute;bottom:16px;left: 16px;}

.cin-box .scroll-btn{width: 37px;height: 37px;display: inline-block;cursor: pointer;}

.cin-box .scroll-btn.prev{background: url(../images/prev2.png) no-repeat center;background-size: contain;left: 0;}

.cin-box .scroll-btn.prev:hover{background-image: url(../images/prev2_1.png);}

.cin-box .scroll-btn.next{background: url(../images/next2.png) no-repeat center;background-size: contain;right: 0;}

.cin-box .scroll-btn.next:hover{background-image: url(../images/next2_1.png);}





.cin-box .scroll-list-box{width: 100%;overflow: hidden;}

.cin-box .scroll-list{width: 1000%;}

.cin-box .scroll-list li{float: left;width: 10%;margin-right: 0%;position: relative;}





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

	.cin-box .scroll-btns{position: absolute;bottom:10px;left: 10px;}

}



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

	.cin-box .scroll-btns{position: absolute;bottom:5px;left: 5px;}

	.cin-box .scroll-btn{width: 30px;height: 30px;}

}

.cin-box{width: 671px;}

.cin-title{

	font-size: 36px;

	font-size: 3.6rem;

	font-weight: bold;

	line-height: 45px;

	position: relative;

	text-transform: uppercase;

	margin-bottom: 26px;

}

.cin-title a{color: #FFFFFF;}

.cin-title a:hover{color: #FFCC01;}

.cin-title:after,.cnews-box .pslide-ntitle:after {

	position: absolute;

	content: '';

	width: 50px;

	height: 2px;

	background-color: #FFCC01;

	left: 0;

	bottom: -5px;

}

.cin-box .item-pic{width: 100%;position: relative;}

.cin-box .itme-pic{width: 100%;max-width: 671px;max-height: 349px;display: block;margin: 0 auto;}

.cin-box .item-desc{line-height: 24px;height: 72px;	margin: 16px 0 30px;}

.cin-box .item-desc a{color: #FFFFFF;}

.cin-box .item-btn {

	width: 170px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	background-color: #FFFFFF;

	display: inline-block;

	font-size: 12px;

	font-size: 1.2rem;

	color: #FFCC01;

	text-transform: uppercase;

	font-weight: bold;

}



.cnews-box{width: 430px;}

.cnews-box .pslide-ntitle{font-size: 36px;font-size: 3.6rem;margin: 0 0 26px;}

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

	.cin-box{width:520px;}

	.cnews-box{width: 430px;}

	.cn-box{padding: 70px 0 0;}

}

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

	.cin-box{width:52%;}

	.cnews-box{width: 43%;}

	.cn-box{padding: 50px 0 0;}

}

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

	.bg-box{padding-bottom: 30px;}

	.cn-box{padding:0;margin-bottom: 0;}

	.cin-title,.cnews-box .pslide-ntitle{font-size: 24px;font-size: 2.4rem;line-height: 36px;}

	.cin-box{width:100%;}

	.cin-box .item-desc{line-height: 20px;height: 60px;	margin: 15px 0;}

	.cin-box .item-btn{margin: 0 auto;display: block;}

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

	

	.bg-box .cer-scroll.scroll-box{margin-bottom: 0;}

}

/* cn-box end */

/*-------------index end-------------------------------------------------------------------*/



/*-------------1-1-products start----------------------------------------------------------*/

.page_pro1{padding: 0 0 53px;}

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

	.page_pro1{padding: 0 0 50px;}

}

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

	.page_pro1{padding: 0 0 30px;}

}

.main{overflow: hidden;}

.pro-main{width: 894px;margin: 45px 0 0;}

.pro1-list{}

.pro1-list li{float: left;width: 208px;margin-left: 20px;margin-bottom: 37px;}

.pro1-list .item-pic{position: relative;border: solid 1px #FFCC01;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.pro1-list .item-pic img{width: 100%;max-width: 800px;max-height: 670px;display: block;margin: 0 auto;}

.pro1-list .item-backdrop {

	position: absolute;

	top: -100%;

	left: 0;

	width: 100%;

	height: 100%;

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

	transition: all .5s;

	-webkit-transition: all .5s;

}

.pro1-list .item-pic:hover .item-backdrop{top: 0;}

.pro1-list .item-title{line-height:30px; height:30px; text-align: center;font-size: 16px;font-size: 1.6rem;}

.pro1-list .item-title a{color: #FFFFFF;  display: block;    /*white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;*/
   }

.pro1-list .item-btnbox{text-align: center;padding: 5px 0 0;}

.pro1-list .item-btnbox input{margin-right: 10px;position: relative;top:3px;width: 12px;}

.pro1-list .item-btn {

	width:150px;

	height: 31px;

	line-height: 30px;

	color: #FFFFFF;

	text-align: center;

	border: solid 1px #FFCC01;

	border-radius: 16px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: inline-block;

	font-size: 16px;

	font-size: 1.6rem;

}

.pro1-list .item-btn:hover{background-color: #FFCC01;color: #333;}



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

	.pro-main{width: 694px;}

	.pro1-list li{width: 166px;margin-left: 10px;}

}

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

	.pro-main{width: 100%;}

	.pro1-list li{width: 23%;margin:0 1% 30px;}

}

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

	.pro-main{margin: 30px 0 0;}

	.pro1-list li{width: 31.33%;margin:0 1% 20px;}

	.pro1-list .item-title{font-size: 14px;font-size: 1.4rem;line-height: 24px; height:72px;}

	.pro1-list .item-btn{font-size: 14px;font-size: 1.4rem;height: 30px;line-height: 30px;}

}

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

	.pro1-list li{width: 48%;margin:0 1% 15px;}

	.pro1-list .item-btnbox input{margin-right: 5px;}

}





/*slide left*/

/* slide nav start */

.pro-slide{width: 270px;margin: 45px 0 0;}

.slidenav-list>li{border-bottom: solid 1px #E4E5E6;margin-bottom: 3px;}

.slidenav-list>li>a{

	width: 100%;

	line-height: 30px;

	padding: 4px 14px 7px;

	box-sizing: border-box;

	background: transparent;

	color: #FFFFFF;

	display: block;

	position: relative;

	font-size: 16px;

	font-size: 1.6rem;

}

.slidenav-list>li>a:after{

	position: absolute;

	content: '';

	width: 16px;

	height: 16px;

	right: 7px;

	top: 50%;

	margin-top: -8px;

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

}

.slidenav-list>li:hover>a,.snav-active>a{background-color: #FFCC01!important;color: #333!important;}

.slidenav-list>li:hover>a:after,.snav-active>a:after{background: url(../images/snav1_1.png) no-repeat center!important;}

.snav-yiji{padding: 9px 0 14px;background-color: #FFFFFF; background: RGBA(255, 255, 255, 0.2); display:none;}

.snav-yiji>li>a{

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #FFFFFF;

	padding: 0 14px 0 40px;

	background: url(../images/snav2.png) no-repeat 17px center;

	

}

.snav-yiji>li>a:hover,.snav-active2 > a:first-of-type,.snav-active3 > a:first-of-type{color: #FFCC01!important;background-image: url(../images/snav2_1.png)!Important;}



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

	.pro-slide{width: 100%;}
	.slidenav-list>li>a{padding: 4px 0px 7px;}

}

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

	.pro-slide{margin: 30px 0 0;}

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

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

	.snav-yiji>li>a{font-size: 12px;font-size: 1.2rem;line-height: 24px;}

}

/* slide nav end */

/* slide news start */

.pslide-ntitle{

	font-size:30px;

	font-size: 3rem;

	color: #FFFFFF;

	line-height: 46px;

	text-transform: uppercase;

	font-weight: bold;

	margin-top: 72px;

	position: relative;

	margin-bottom: 22px;

}

.pslide-ntitle:after{

	position: absolute;

	content: '';

	width: 50px;

	height: 2px;

	background-color: #FFCC01;

	left: 0;

	bottom: -3px;

}

.pslide-ntitle a{color: #FFFFFF;}

.pslide-ntitle a:hover{color: #FFCC01;}

.ps-img{width: 100%;}

.ps-img img{width: 100%;max-width: 430px;max-height: 235px;display: block;margin: 0 auto;}

.pslide-nlist{padding: 0 0 18px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.pslide-nlist li{border-bottom: solid 1px #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.4);padding: 18px 0 16px;}

.pslide-nlist .item-title{font-weight: bold;line-height: 24px;color: #FFFFFF;font-size: 16px;font-size: 1.6rem;margin-top: 1px;}

.pslide-nlist .item-title a{color: #FFFFFF;}

.pslide-nlist .item-date{color: #FFFFFF;line-height: 24px;}

.pslide-nlist .item-desc{color: #FFCC01;line-height: 24px;height: 48px;margin: 6px 0 0;}

.pslide-nlist .item-desc a{color: #FFFFFF;}

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

	.pslide-ntitle{margin-top: 50px;}

}

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

	.pslide-ntitle{font-size: 24px;font-size:2.4rem;margin-top: 15px;}

	.pslide-nlist{padding:0 15px 0;}

	.pslide-nlist li{padding: 10px 0;}

	.pslide-nlist .item-title{font-size: 14px;font-size: 1.4rem;}

	.pslide-nlist .item-desc{margin: 0;line-height: 20px;height: 40px;font-size: 12px;font-size: 1.2rem;}

}

/* slide news end */

/*-------------1-1-products end------------------------------------------------------------*/



/*-------------1-2-products start----------------------------------------------------------*/



.m-propic { margin: 0 auto; width: 650px;    display: flex
;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between; }

.m-propic .pic-big {    margin-right: 10px; position: relative; float: left; width: 500px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-propic .big-img { display: block; line-height: 0; font-size: 0; border: 1px solid #FFCC01; }

.m-propic .big-img .zoomPad { float: none; z-index: 8; }

.m-propic .zoomWrapperImage img { max-width: 1200px; }

.m-propic .pic-small { position: relative; float: right; width: 140px; padding-top: 31px; padding-bottom: 31px; overflow: hidden; }

.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; height: 17px; background-repeat: no-repeat; background-position: center; }

.m-propic .pic-btn.prev { top: 0; background-image: url(../images/prev3.png); }

.m-propic .pic-btn.prev:hover { background-image: url(../images/prev3_1.png); }

.m-propic .pic-btn.next { bottom: 0; background-image: url(../images/next3.png); }

.m-propic .pic-btn.next:hover { background-image: url(../images/next3_1.png); }

.m-propic .pic-list { height:337px; overflow: hidden; }

.m-propic .pic-list ul { height: 2000px; }

.m-propic .list-item { margin-bottom:25px; margin-top: 2px;}

.m-propic .item-pic { display: block; border: 1px solid #FFCC01; }

.m-propic .item-pic img { width: 100%; display: block;}

.m-propic .item-pic:hover { border-color: #FFCC01; }

.m-propic .item-pic.zoomThumbActive { border-color: #FFCC01; }

.m-propic2 { display: none; }

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

	.zoomPad { cursor: default !important; }

  .zoomPup { display: none !important; }

  .zoomWindow { display: none !important; }

  .zoomPreload { display: none !important; }

  .m-propic { max-width: 100%; }

  .m-propic .pic-big { height: auto; }

}

.m-propic2 { position: relative;  overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -10px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-propic2 .box-btn.prev { left: 0; background-image: url(../images/prev4.png); }

.m-propic2 .box-btn.next { right: 0; background-image: url(../images/next4.png); }

.m-propic2 .box-list { overflow: hidden; }

.m-propic2 .box-list ul { width: 1000%; }

.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.1%; }

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

	.m-propic1 { display: none; }

	.m-propic2 { display: block; }

  

}



@media screen and (max-width: 640px) { .m-propic2 .list-item { width: 4.8%; } }

@media screen and (max-width: 400px) { .m-propic2 .list-item { width: 9.7%; } }



.m-proinfo { margin-top: 23px; }

.m-proinfo .pro-title { margin-bottom: 19px; line-height: 40px; padding-left: 26px; font-size: 18px; font-size: 1.8rem; color: #FFFFFF; font-weight: bold; background: url(../images/web9.png) no-repeat left center; }

.m-proinfo .pro-link { float: left; padding-bottom: 8px; }

.m-proinfo .link-item { float: left; display: block; width: 146px; height: 42px; line-height: 40px; font-size: 16px; font-size: 1.6rem; color: #FFCC01; text-align: center; border: 1px solid #FFCC01;border-radius: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }

.m-proinfo .link-item1 { margin-right: 40px;background-color: #FFCC01;color: #333333; }

.m-proinfo .link-item1:hover{background-color: transparent!Important;color: #FFCC01!important;}

.m-proinfo a.link-item:hover {background-color: #FFCC01;color: #333333;}

.m-proinfo .pro-share { float: right; margin-top: 7px; height: 26px; font-size: 0; letter-spacing: 0; }

.m-proinfo .share-title { margin-right: 11px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #FFFFFF; }

.m-proinfo .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }



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

	.m-proinfo { margin-top: 20px; }

  .m-proinfo .pro-title { margin-bottom: 15px; }

  .m-proinfo .pro-link { float: none; }

  .m-proinfo .link-item { width: 135px; height: 36px; line-height: 34px;font-size: 12px;font-size: 1.2rem; }

  .m-proinfo .link-item:first-child { margin-right: 10px; }

  .m-proinfo .pro-share { float: none; margin-bottom: 15px; } 

}



.m-proct { margin-top: 40px; }

.m-proct .pbox-title { position: relative; }

.m-proct .pbox-title span { position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; padding-right: 26px; line-height: 1.2; font-size: 30px; font-size: 3rem;  text-transform: uppercase; color: #FFFFFF; background-color: #1A1A1A;font-weight: bold;}

.m-proct .pbox-title span:before { content: ""; position: absolute; left: 100%; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-color: #FFCC01; border-radius: 50%; }

.m-proct .pbox-title:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; background-color: #FFCC01; }

.m-proct .box-desc { margin-top:17px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #FFFFFF;}

.m-proct .box-desc p,.m-proct .box-desc span,.m-proct .box-desc a,.m-proct .box-desc li,.m-proct .box-desc b{color: #FFFFFF;}





.m-proct .box-desc table{ 
    width:100%; 
    border-collapse:collapse;
    line-height:22px;
    border:1px solid #ccc;
    background:transparent;
    
}

.m-proct .box-desc table tr td{ padding:3px; border:1px solid #fff; color:#fff !important;}

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

.m-proct .box-desc .table{ width:100%;  overflow:scroll;}

.m-proct .box-desc  table{ width:885px;}	

}

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

	.m-proct { margin-top: 30px; }

  .m-proct .pbox-title span { font-size: 24px; font-size: 2.4rem; } 

	.m-proct .box-desc{font-size: 14px;font-size: 1.4rem;line-height: 24px;}

	.m-proct .pbox-title span:before,.m-proct .pbox-title:before{display: none;}

}



.m-mpro { margin-top: 54px; }

.m-mpro .box-hd { position: relative; }

.m-mpro .pbox-title { position: relative; overflow: hidden; }

.m-mpro .pbox-title a { position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; padding-right: 26px; line-height: 1.2; font-size: 30px; font-size: 3rem; text-transform: uppercase; color: #FFFFFF; background-color: #1A1A1A;font-weight: bold; }

.m-mpro .pbox-title a:hover { color: #FFCC01; }

.m-mpro .pbox-title a:before { content: ""; position: absolute; left: 100%; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-color: #FFCC01; border-radius: 50%; }

.m-mpro .pbox-title:before { content: ""; position: absolute; right: 68px; top: 50%; margin-top: -1px; width: 100%; height: 2px; background-color: #FFCC01; }



.m-mpro .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-mpro .box-btn.prev { right: 34px; background-image: url(../images/prev4.png); }

.m-mpro .box-btn.prev:hover { background-image: url(../images/prev4_1.png); }

.m-mpro .box-btn.next { right: 0; background-image: url(../images/next4.png); }

.m-mpro .box-btn.next:hover { background-image: url(../images/next4_1.png); }

.m-mpro .box-bd { margin-top: 40px; overflow: hidden; }

.m-mpro .box-list { width: 1000%; overflow: hidden; }

.m-mpro .list-item { float: left; margin-right: 0.785%;width: 2.8077%; }

.m-mpro .item-top { position: relative; overflow: hidden;border: solid 1px #FFCC01;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }

.m-mpro .item-top:hover .item-backdrop { top: 0; }

.m-mpro .item-backdrop { position: absolute; top: -100%;left: 0; width: 100%; height: 100%; background: url(../images/web8_1.png) no-repeat  center; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-mpro .item-font { margin-top: 17px; padding: 0 19px; text-align: center; }

.m-mpro .item-title { height: 24px; line-height: 24px; font-size: 19px; font-size: 1.9rem; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; }

.m-mpro .item-title a { color: #FFFFFF; }

.m-mpro .item-title a:hover { color: #FFCC01; }



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

	.m-mpro .pbox-title:before,.m-mpro .pbox-title a:before{display: none;}

	.m-mpro { margin-top: 30px; }

  .m-mpro .pbox-title a { font-size: 24px; font-size: 2.4rem; }

  .m-mpro .box-bd { margin-top: 25px; } 

	.m-mpro .item-font{padding: 0 10px;margin-top: 10px;}

	.m-mpro .item-title{font-size: 14px;font-size: 1.4rem;}

}

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

	.m-mpro { margin-top: 30px; }

  .m-mpro .box-hd { padding-bottom: 30px; }

  .m-mpro .box-btn { top: auto; margin-top: 0; bottom: 0; }

  .m-mpro .box-btn.prev { right: auto; left: 0; }

  .m-mpro .list-item { margin-left: .1%; margin-right: .1% !important; width: 4.8%; } }



/*-------------1-2-products end------------------------------------------------------------*/



/*-------------2-1-about start-------------------------------------------------------------*/

.about .ab1_wrap { margin-top: 49px; }

.about .ab_l { width: 516px; }

.about .ab_l .title {

	font-family: 'GothamBold';

	font-size: 24px;

	font-size: 2.4rem;

	color: #FFFFFF;

	text-transform: uppercase;

	font-weight: bold;

	line-height: 46px;

	margin-bottom: 17px;

	margin-top: -5px;

}

.about .ab_l .title strong {color: #FFCC01;font-size: 40px;font-size: 4rem;}

.about .ab_l p { line-height: 30px; font-size: 14px; font-size: 1.4rem;color: #FFFFFF; }



.about .litop { position: relative; width: 600px; padding-bottom:32.584%; height: 0; overflow: hidden; }

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

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



.about .ab2_wrap{padding-bottom: 92px;margin-top:10px;}

.about .ab2_wrap img { display: block; max-width: 629px; max-height: 377px; width: 100%; margin: 0 auto; margin-right: 55px; margin-bottom:10px;}

.ab2-title{font-size: 18px;font-size: 1.8rem;font-weight: bold;color: #FFCC01!important;margin: 52px 0 27px;text-transform: uppercase; }

.about .ab2_wrap p { line-height: 30px;color: #FFFFFF; }



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

	.about .ab2_wrap{padding-bottom: 50px;}

  .about .ab_l { width: 49%; }

  .about .litop { width: 49%; }

}

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

  .about .ab_l { width: 100%; float: none; }

  .about .litop { float: none; width: 600px; margin: 20px auto; }
  
  .about .litop{ height:300px;}

  .about .ab2_wrap img { width: 100%; float: none; margin: 0 auto; }

}

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

	.about .litop{width: 100%;}

}

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

	.about .ab1_wrap { margin-top: 20px; }

	.about .ab_l .title{font-size: 20px;font-size: 2rem;line-height: 36px;margin: 0 0 15px;}

	.about .ab_l .title span{font-size: 24px;font-size: 2.4rem;}

	.about .ab_l p{font-size: 12px;font-size: 1.2rem;line-height: 24px;}

	.about .ab2_wrap{padding-bottom: 20px;}

	.ab2-title{margin: 20px 0 10px;font-size: 16px!important;font-size: 1.6rem!important;}

	.about .ab2_wrap p{font-size: 12px;font-size: 1.2rem;line-height: 24px;}

} 



.box-title{position: relative;font-size: 30px;font-size: 3rem;font-weight: bold;text-align: center;text-transform: uppercase;}

.box-title a{color: #FFCC01;padding: 0 40px;line-height: 44px;position: relative;z-index: 4;background-color: #1a1a1a;}

.ab4-box .box-title a{padding: 0 30px;}

.box-title a:before,.box-title a:after{

	position: absolute;

	content: '';

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background-color: #FFCC01;

	left:-10px;

	top: 50%;

	margin-top: -5px;

}

.box-title a:after{left: auto;right: -10px;}

.box-title:before{

	position: absolute;

	content: '';

	left: 0;

	width: 100%;

	height: 2px;

	background-color: #FFCC01;

	top:50%;

	margin-top: -1px;

}

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

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

	.box-title a,.ab4-box .box-title a{padding: 0 30px;}{line-height: 36px;padding: 0 20px;}

}

/*lunbo*/

.factory-scroll.scroll-box{position: relative;overflow: hidden;padding: 0 57px;margin: 45px 0 51px;}

.factory-scroll.scroll-box .scroll-btns{}

.factory-scroll.scroll-box .scroll-btn{width: 37px;height: 34px;display: inline-block;top: 40%;margin-top: -17px;position: absolute;cursor: pointer;}

.factory-scroll.scroll-box .scroll-btn.prev{background: url(../images/prev2.png) no-repeat center;background-size: contain;left: 0;}

.factory-scroll.scroll-box .scroll-btn.prev:hover{background-image: url(../images/prev2_1.png);}

.factory-scroll.scroll-box .scroll-btn.next{background: url(../images/next2.png) no-repeat center;background-size: contain;right: 0;}

.factory-scroll.scroll-box .scroll-btn.next:hover{background-image: url(../images/next2_1.png);}





.factory-scroll .scroll-list-box{width: 100%;overflow: hidden;box-sizing: border-box;}

.factory-scroll.scroll-box .scroll-list{width: 1000%;}

.factory-scroll.scroll-box .scroll-list li{float: left;width: 2.229%;margin-right: 0.36%;}

.factory-scroll.scroll-box .scroll-list li .item-pic{box-sizing: border-box;position: relative;cursor: pointer;}

.factory-scroll.scroll-box .scroll-list li .item-pic img{width: 100%;display: block;max-width: 242px;max-height: 188px;margin: 0 auto;}

.factory-scroll.scroll-box .scroll-list li .item-title{text-align: center;line-height: 36px;color: #FFFFFF;}

.factory-scroll.scroll-box .scroll-backdrop{position: absolute;bottom:-999px;left: 0;width: 100%;height:100%;transition: all .5s;-webkit-transition: all .5s;background: url(../images/about6.png) no-repeat center;}

.factory-scroll.scroll-box .scroll-list li:hover .scroll-backdrop{bottom: 0;}

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

	.factory-scroll.scroll-box{padding: 0 40px;margin:20px 0;}

	.factory-scroll.scroll-box .scroll-list li{width: 3.2%;margin-right: 0.2%;}

	.factory-scroll.scroll-box .scroll-list li .item-title{font-size: 12px;font-size: 1.2rem;line-height: 24px;margin:5px 0 0!important;}

	.factory-scroll.scroll-box .scroll-btn{width: 30px;}

}

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

	.factory-scroll.scroll-box .scroll-list li{width: 4.9%;margin-right: 0.2%;}

}

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

	.factory-scroll.scroll-box .scroll-list li{width: 10%;margin-right: 0;}

}



/* cer */

.cer-scroll.scroll-box{position: relative;overflow: hidden;padding: 0 84px;margin: 47px 0 51px;}

.cer-scroll.scroll-box .scroll-btns{}

.cer-scroll.scroll-box .scroll-btn{width: 37px;height: 34px;display: inline-block;top: 50%;margin-top: -17px;position: absolute;cursor: pointer;}

.cer-scroll.scroll-box .scroll-btn.prev{background: url(../images/prev2.png) no-repeat center;background-size: contain;left: 0;}

.cer-scroll.scroll-box .scroll-btn.prev:hover{background-image: url(../images/prev2_1.png);}

.cer-scroll.scroll-box .scroll-btn.next{background: url(../images/next2.png) no-repeat center;background-size: contain;right: 0;}

.cer-scroll.scroll-box .scroll-btn.next:hover{background-image: url(../images/next2_1.png);}



.cer-scroll .scroll-list-box{width: 100%;overflow: hidden;box-sizing: border-box;}

.cer-scroll.scroll-box .scroll-list{width: 1000%;}

.cer-scroll.scroll-box .scroll-list li{float: left;width: 1.3955%;margin-right: 0.7534%;}

.cer-scroll.scroll-box .scroll-list li .item-pic{box-sizing: border-box;position: relative;}

.cer-scroll.scroll-box .scroll-list li .item-pic img{width: 100%;display: block;max-width: 144px;max-height: 201px;margin: 0 auto;}

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

	.cer-scroll.scroll-box .scroll-list li{width: 1.7735%;margin-right: 0.2787%;}

}

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

	.cer-scroll.scroll-box{padding: 0 50px;}

	.cer-scroll.scroll-box .scroll-list li{width: 2.35%;margin-right: 0.2%;}

}

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

	.cer-scroll.scroll-box{padding: 0 40px;margin: 30px 0;}

	.cer-scroll.scroll-box .scroll-btn{width: 30px;}

}

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

	.cer-scroll.scroll-box .scroll-list li{width: 3.2%;margin-right: 0.2%;}

}

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

	.cer-scroll.scroll-box .scroll-list li{width: 4.9%;margin-right: 0.2%;}

}

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

	.cer-scroll.scroll-box .scroll-list li{width: 10%;margin-right: 0;}

}

/*-------------2-1-about end---------------------------------------------------------------*/



/*-------------3-1-news start--------------------------------------------------------------*/

.page_news1{padding: 43px 0 50px}

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

	.page_news1{padding: 30px 0 50px}

}

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

	.page_news1{padding: 30px 0 20px}

}

.news1-list{margin-bottom: -26px;}

.news1-list li{width: 100%;position: relative;margin-bottom: 80px;}

.news1-list .item-pic{width: 330px;position: absolute;top: 0;left: 0;}

.news1-list .item-pic img{width: 100%;max-width: 330px;max-height: 178px;display: block;margin: 0 auto;}

.news1-list .item-info{padding-left: 370px;}

.news1-list .item-info .item-title{font-size: 16px;font-size: 1.6rem;font-weight: bold;line-height: 18px;margin-bottom: 5px;}

.news1-list .item-info .item-date{line-height: 40px;color: #FFFFFF;}

.news1-list .item-info .item-title a,.news1-list .item-info .item-desc a{color: #FFFFFF;}

.news1-list .item-info .item-desc{color: #FFFFFF;line-height: 28px;margin: 14px 0 17px;height: 56px;}

.news1-list .item-info .item-btn {

	width: 113px;

	height: 34px;

	line-height: 30px;

	border-radius: 17px;

	border: solid 1px #FFCC01;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	color: #FFFFFF;

	text-align: center;

	display: inline-block;

}

.news1-list .item-info .item-btn:hover{background-color: #FFCC01;color: #333333;}

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

	.news1-list li{margin-bottom: 50px;}

}

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

	.news1-list{margin-bottom: 0;}

	.news1-list li{margin-bottom: 30px;}

	.news1-list .item-pic{position: relative;top: auto;left: auto;margin-bottom: 20px;}

	.news1-list .item-info{padding-left: 0;}

	.news1-list .item-info .item-title{font-size: 14px;font-size: 1.4rem;}

	.news1-list .item-info .item-date{line-height: 30px;font-size: 12px;font-size:1.2rem}

	.news1-list .item-info .item-desc{font-size: 12px;font-size: 1.2rem;margin: 5px 0 10px;line-height: 20px;height: 40px;}

	.news1-list .item-info .item-btn{font-size: 12px;font-size: 1.2rem;}

}

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

	.news1-list .item-pic{width: 100%;}

}

/*-------------3-1-news end----------------------------------------------------------------*/



/*-------------3-2-news start--------------------------------------------------------------*/

.page_news2{padding: 0 0 50px;}

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

	.page_news2{padding: 0 0 50px;}

}

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

	.page_news2{padding: 0 0 30px;}

}

.news2_left{ width: 796px;margin-top: 45px;}

.news2-banner{width: 100%;}

.news2-banner img{width: 100%;max-width: 796px;max-height: 437px;display: block;margin: 0 auto;}



.news2-main{margin-top: 17px;}

.news2-main h1{font-size: 16px;font-size:1.6rem;color: #FFCC01;font-weight: bold; line-height: 40px;}

.news2-main .news2-time{margin-bottom: 20px;line-height: 28px;color: #FFFFFF;}

.news2-main .news2-content{line-height: 28px;font-size:14px;font-size:1.4rem;color: #FFFFFF;margin-bottom: 37px;}

.news2-main .news2-content p,.news2-main .news2-content li,.news2-main .news2-content b,.news2-main .news2-content span{color: #FFFFFF;}
.news2-main .news2-content a{color:#FFCC01;}
.news2-main .news2-content img,.news2-main .news2-content iframe{max-width: 100%;margin-top:10px;}



.updown{ border-top: 1px solid #FFFFFF;}

.updown .up{margin-top: 34px;margin-bottom: 5px;}

.updown p{ display: inline-block; line-height: 26px;font-size: 14px;font-size:1.4rem;color: #FFFFFF;}

.updown .span{text-transform: uppercase;color: #FFFFFF;}

.updown span{ color:#fff;}



.updown p .img{ display: inline-block; }

.updown p .img img{ display: inline-block; position: relative;  top:7px;  padding-right: 5px; }



.updown p .on{color:#FFFFFF; }

.updown p a{ font-size: 14px;font-size:1.4rem;color: #FFFFFF;  }

.updown p:hover a{color: #FFCC01;}

.updown p:hover{ color: #FFCC01;  } 





.news2_right{margin-top:45px; }

.back-btn {

	width: 222px;

	height: 51px;

	line-height: 52px;

	background-color: #FFCC01;

	border-radius: 10px;

	text-align: center;

	color: #333;

	font-size: 18px;

	font-size: 1.8rem;

	display:block;

	margin: 0 auto 0;

	font-weight: bold;

}

.page_news2 .pro-share{text-align: center;margin: 34px 0 39px;}

.page_news2 .pro-share .font{font-size: 16px;font-size: 1.6rem;color: #FFCC01;float: none;display: inline-block;line-height: 26px;position: relative;top: 8px;margin-right: 5px;}

.page_news2 .pro-share .img{float: none;display: inline-block;}

/*LATEST POST*/

.news2_right .title{ padding-top: 7px;  margin-bottom: 6px; display: block; font-size:24px;font-size:2.4rem;color:#FFCC01; line-height: 40px; font-weight: bold; }

.top_imgtd{ display: block; width: 8px; height: 20px; margin-bottom: 30px; }



.news2_right .ex_wrap{width: 355px;  margin: 0 auto;}

.news2_right .ex-top{ border: 1px solid #FFCC01;box-sizing: border-box; padding: 0 18px 0; }

.news2_right .ex-top dl{ max-width: 319px; width: 100%; margin: 0 auto; }

.news2_right .ex-top dl dd a{ display: block;  }

.news2_right .ex-top li{margin-bottom: 34px;}

.news2_right .ex-top .item-pic{width: 100%;}

.news2_right .ex-top .item-pic img{width: 100%;max-width: 319px;max-height: 175px;display: block;margin: 0 auto;}

.news2_right .ex-top .item-title{margin: 13px 0 0px; font-size:16px;font-size:1.6rem; font-weight: bold; color:#FFFFFF; line-height: 24px;height: 48px;  }

.news2_right .ex-top .item-title a{color: #FFFFFF;}

.news2_right .ex-top .item-date{ line-height: 28px;color: #FFFFFF;}



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

    .news2_left{ width:590px;}

}



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

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

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

}





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

	.news2_left{margin-top: 30px;}

	.news2-main h1{line-height: 30px;}

	.news2-main .news2-time{line-height: 20px;margin-bottom: 15px;}

	.news2-main .news2-content{margin-bottom: 20px;line-height: 20px;font-size: 12px;font-size: 1.2rem;}

	

	.updown .up{margin: 15px 0 0;}

	

	.news2_right{margin-top: 30px;}

	.back-btn{height: 40px;line-height: 40px;font-size: 16px;font-size: 1.6rem;}

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

	.news2_right .top_imgtd{margin-bottom: 15px;}

	

	.page_news2 .pro-share{text-align: center;margin: 15px 0;}

	.page_news2 .pro-share .font{font-size: 14px;font-size: 1.4rem;}

	.news2_right .ex-top .item-title{font-size: 14px;font-size: 1.4rem;line-height: 22px;height: 44px;}

	.news2_right .ex-top .item-date{font-size: 12px;font-size: 1.2rem;line-height: 20px;}

	

}

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

	.news2_right .ex_wrap{max-width: 100%;}

}

/*-------------3-2-news end----------------------------------------------------------------*/



/*-------------4-1-download start----------------------------------------------------------*/

.page_download{padding: 0 0 40px;margin: -5px auto 0;}

.page_download .page{margin-top: 35px;}

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

	.page_download{padding: 0 0 40px;margin: 0 auto;}

}

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

	.page_download{padding: 0 0 20px;margin: 0 auto;}

	.page_download .page{margin-top: 30px;}

}

.software{padding: 50px 0 30px;border-bottom: dashed 1px #C6C6C6;overflow: hidden;min-height: 179px;box-sizing: border-box;}

.s-left{width: 59px;margin-top: 1px;}

.s-left img{width: 100%;max-width: 59px;max-height: 72px;display: block;margin: 0 auto;}

.s-middle{width: 894px;margin-left: 24px;}

.s-middle .s-m-title{font-size: 18px;font-size: 1.8rem;line-height: 36px;margin: -9px 0 0;font-weight: bold;}

.s-middle .s-m-word{line-height: 30px;font-size: 16px;font-size: 1.6rem;}

.s-middle .s-m-title a,.s-middle .s-m-word a{display: block;color: #FFFFFF;}

.s-middle .s-m-title a:hover,

.s-middle .s-m-word a:hover{color: #FFCC01;}

.s-btn{

	width:142px;

	height:42px;

	border: solid 1px #FFCC01;

	box-sizing: border-box;

	/*text-align: center;*/

	color: #FFCC01;

	margin: 23px auto 0;

	display: block;

}

.s-btn span{

	display:inline-block;

	width: 100%;

	height: 42px;

	line-height: 42px;

	background: url(../images/d3.png) no-repeat 21px center;

	padding-left: 51px;

	color: #FFCC01;

}

.s-btn:hover{background-color: #FFCC01;}

.s-btn:hover span{

	background: url(../images/d2.png) no-repeat 21px center;

	color: #333;

}

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

	.s-middle{width: 710px;}

}

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

	.s-middle{width: 640px;}

	.s-right{width: 100%;}

}

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

	.software{padding:20px 0 ;}

	.s-left{width: 100%;margin-bottom: 20px;}

	.s-middle{width: 100%;margin:0 0 20px 0;}

	.s-middle .s-m-title{font-size:16px;font-size: 1.6rem;text-align: center;line-height: 30px;}

	.s-middle .s-m-word{line-height: 20px;font-size: 14px;font-size: 1.4rem;}

	.s-btn{margin: 0 auto;height: 36px;line-height: 36px;}

	.s-btn span{height: 36px;line-height: 36px;}



}

/*-------------4-1-download end------------------------------------------------------------*/



/*-------------5-1-contact us start--------------------------------------------------------*/

/**/

.cf-title{font-size: 30px;font-size: 3rem;margin: 39px 0 27px;text-transform: uppercase;color: #FFCC01;}

.cf-title span{color: #FFFFFF;font-size: 16px;font-size: 1.6rem;text-transform: none;}



.cf-box{float: left;}

.xing{position: relative;}

.xing:before{

	position: absolute;

	content:' ';

	width: 7px;

	height:7px;

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

	left: -18px;

	top: 50%;

	margin-top: -3.5px;

}

.cf-left{width: 505px;padding-left: 20px;box-sizing:border-box;}

.cf-left input {

	width: 100%;

	height: 55px;

	line-height: 52px;

	border: #FFCC01 solid 1px;

	box-sizing: border-box;

	margin-bottom: 20px;

	padding: 0 10px 0 41px;

	background-color: transparent;

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

}





.cf-left .name-input{background: url(../images/c1.png) no-repeat 12px center;}

.cf-left .mail-input{background: url(../images/c2.png) no-repeat 12px center;}

.cf-left .tel-input{background: url(../images/c3.png) no-repeat 12px center;}

.cf-left .country-input{background: url(../images/c4.png) no-repeat 12px center;}

.xing-input:before{margin-top: -13px;}





.cf-right{width: 694px;padding-left: 54px;box-sizing: border-box;}

.cf-right .textarea:before{top: 19px;}

.cf-right textarea {

	width: 100%;

	height: 187px;

	line-height: 20px;

	resize: none;

	border: solid 1px #FFCC01;

	box-sizing: border-box;

	padding: 15px 10px 10px 39px;

	background: url(../images/c5.png) no-repeat 12px 13px;

	margin-bottom: 19px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

}

.cf-code .code-input {

	width: 266px;

	box-sizing: border-box;

	height: 55px;

	line-height: 52px;

	border: solid 1px #FFCC01;

	padding: 0 12px;

	float: left;color: #fff;

}

.cf-code .btn {

	width: 185px;

	height: 55px;

	text-align: center;

	line-height: 52px;

	background-color: #FFCC01;

	color: #333;

	font-size: 17px;

	font-size: 1.7rem;

	text-transform: uppercase;

	font-weight: bold;

	float: right;

	cursor: pointer;

}



.cf-code img{line-height: 0;font-size: 0;display:block;float: left;margin: 0 0 0 6px!important;cursor: pointer;} 



.c-form ::-webkit-input-placeholder {color:#fff;}/* WebKit browsers */

.c-form :-o-placeholder {color:#fff;}/* Mozilla Firefox 4 to 18 */

.c-form ::-moz-placeholder {color:#fff;}/* Mozilla Firefox 19+ */

.c-form :-ms-input-placeholder {color:#fff;}/* Internet Explorer 10+ */



.iptc::-webkit-input-placeholder {color:#333;}/* WebKit browsers */

.iptc:-o-placeholder {color:#333;}/* Mozilla Firefox 4 to 18 */

.iptc::-moz-placeholder {color:#333;}/* Mozilla Firefox 19+ */

.iptc:-ms-input-placeholder {color:#333;}/* Internet Explorer 10+ */


.c-map{margin:54px 0 50px;}

.c-map img{width: 100%;display: block;}

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

	.cf-left{width: 450px;}

	.cf-right{width: 530px;padding-left: 30px;}

	.cf-right .code-input,.cf-right .btn{width: 153px;}

}

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

	.cf-left,.cf-right{width: 100%;padding-left: 20px;padding-right: 20px;}

	.cf-right .btn{float: left;margin-left: 8px;}

	.cf-code .code-input{width: 42%;}

	.cf-code .btn{width: 30%;}

	

	.c-map{margin:30px 0 50px;}

}

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

	.cf-left input{height: 40px;line-height: 38px;margin-bottom: 15px;font-size: 1.4rem;font-size: 14px;}

	.cf-right textarea{height: 150px;font-size: 1.4rem;font-size: 14px;}

	.cf-code:before{top: 19px;}

	.cf-code .code-input{height: 40px;line-height: 38px;}

	.cf-code .btn{height: 40px;line-height: 40px;width: 100%;margin-left: 0;margin-top: 15px;font-size: 14px;font-size: 1.4rem;}

	.cf-code img{height: 40px;}

	

	.cf-title{font-size: 24px;font-size: 2.4rem;text-align: center;margin: 20px 0 20px;}

	.cf-title span{font-size: 14px;font-size: 1.4rem;}

	.c-map{margin: 10px 0 30px;}

}

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

	.cf-title span{display: block;}

}

/*  */

.contact-list{padding: 22px 0 0;}

.contact-list li {

	float: left;

	width: 352px;
/*width: 290px;*/
	/*height: 480px;*/
	height: 350px;
	margin-left: 70px;
	/*margin-left: 10px;*/
	border-radius: 5px;

	border: solid 1px #FFCC01;

	padding: 27px 25px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.contact-list .clist-title {

	font-size: 20px;

	font-size: 2rem;

	font-weight: bold;

	color: #FFCC01;

	line-height: 30px;

	margin-bottom: 9px;

}

.contact-list dd {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #FFFFFF;

	background: url(../images/c6.png) no-repeat left 9.5px;

	padding-left: 17px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.contact-list dd a{font-weight: bold;color: #FFFFFF;}

.contact-list .ca:hover{color: #FFCC01;}

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

	.contact-list li {

		/*width: 306px;*/

		/*margin-left: 30px;*/

		/*padding: 28px 20px;*/
		width:222px;
margin-left: 10px;
padding:10px;
height:auto;
word-break: break-all;
	}

}

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

	.contact-list li {

		width: 100%;

		margin: 0 1% 20px;

		height: auto;

		padding: 28px 20px;
word-break: initial;
	}

}

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

	.contact-list li {padding: 15px;}

	.contact-list .clist-title{font-size: 18px;font-size: 1.8rem;}

	.contact-list dd{font-size: 14px;font-size: 1.4rem;line-height: 24px;}

}

/*-------------5-1-contact us end----------------------------------------------------------*/



.juse{color: #FFCC01!Important;}

.zanwu{ color:#fff;line-height: 60px;}
.zanwu1{ color:#fff;line-height: 20px;}



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

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

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

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
@media screen and (max-width:767px) {

	.bread{margin-top: 15px;background-image:none;}

	.bread .current{font-size: 20px;font-size: 2rem;line-height: 36px;}

	.bread:after{display:none}
	 
	.bread span.pull-right{float:none;display:block;}

}


.m-kf { position: fixed; z-index: 9998; right: 0px; top: 30%; }

.m-kf .kf-item { display: block; line-height: 0; font-size: 0; margin-bottom: 1px; background-color: #f2f2f2; -moz-border-radius: 5px; border-radius: 5px; position: relative; }

.m-kf .kf-item:hover { background-color: #ffcc01; }

.m-kf .kf-item.active { background-color: #ffcc01; }

.m-kf .kf-item .img-responsive { position: absolute; top: 0px; right: 100%; max-width: 200px; width: 500%; }

.m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 90px; }

.m-kf .ewm3 { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }

.m-kf .ewm2 { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }

.m-kf .kf-item2:hover .ewm2 { bottom: 0; display: block !important; }

@media screen and (max-width: 767px) { .m-kf .kf-item .img-responsive { top: -151%; right: 0px; width: 80px; height: 80px; }
  .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #ffcc01; }
  .m-kf .kf-item { width: 20%; text-align: center; background-color: #ffcc01; }
  .m-kf .kf-wx { bottom: 100%; left: 0; }
  .ewm3 { right: 0px; left: 0; top: -150%; bottom: 100%; width: 64px; height: 64px; }
  .ewm3.active { display: block; }
  .ewm2 { display: none !important; }
  .kf-item2:hover .ewm2 img { display: none !important; }}


@media screen and (max-width: 1000px) {
    .navlist>li {
        margin-left: 15px;
    }
}
@media screen and (max-width: 895px) {
    .navlist>li>a {
    	font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 819px) {
    .navlist>li {
    	margin-left: 5px;
    }
}
@media screen and (max-width: 1220px) {
	.cin-title{
		font-size:30px;
		font-size: 3rem;
	}
	.cnews-box .pslide-ntitle{
		font-size:30px;
		font-size: 3rem;
	}
}


.r{float:right;}
.yy li{float: left;padding-left: 29px;text-transform: uppercase;margin-left: 10px;line-height: 24px;color:#fff;}
.yy li a:hover{color: #ae5628;}
.yyli1{background: url(../images/gq1.jpg) no-repeat left center;}
.yyli2{background: url(../images/it.png) no-repeat left center;}
.yy {}