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

*{margin: 0;padding: 0;}

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

body {margin: 0 auto;font-family: 'FuturaStdBook';font-size: 14px;font-size: 1.4rem;height: 100%;}

img {border: none;}

ul li {list-style-type: none;}

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

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

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

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea {font-family: 'FuturaStdBook';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; }

/* html5 */

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



ul, form, p, a, img, table, tr, td,ul, li, dd, dt, dl, span,div{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

input,textarea{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}



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

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

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

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



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

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

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

.self-ellipsis-6 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 6;-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: #333!important; }

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

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

[class*="-item"] .item-desc a:hover { color: #333!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_marginr{margin-right: auto!important;}.no_marginl{margin-left: auto!important;}}

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







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

.page{text-align: center;}

.page a{

	/*float: left;*/

	width: 35px;

	height: 30px;

	line-height: 28px;

	box-sizing: border-box;

	display: inline-block;

	font-size: 12px;

	font-size: 1.2rem;

	margin: 0 2.25px 10px;

	border: solid 1px #E5E5E5;

	background-color: #EEEEEE;

	color: #333;

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

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

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

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

.fl{float: right;}

.add-btn{

	width: 168px;

	height: 30px;

	line-height: 28px;

	text-align:center;

	background-color: #333;

	color: #FFFFFF;

	cursor:pointer;

	font-size: 12px;

	font-size: 1.2rem;

}

.add-btn:hover{background-color: #333;}

.add-form{

	

	padding-left: 20px;

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

	float: left;

}



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

	.page{margin: ;}

	.fl{float: none;}

	.add-form{float:none;display: inline-block;    margin-bottom: 20px;}

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

}

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

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

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

.contact-pc li{width: 69px;height: 69px;background-color: #0267D2;border-radius: 5px;margin-bottom: 1px;}

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

.contact-pc li:hover{background-color: #13C1F3;}

.c1{background: #0267D2 url(../images/skype.png) no-repeat center;}

.c2{background: #0267D2 url(../images/whatsapp.png) no-repeat center;}

.c3{background: #0267D2 url(../images/facebook.png) no-repeat center;}

.c1:hover{background: #13C1F3 url(../images/skype.png) no-repeat center;}

.c2:hover{background: #13C1F3 url(../images/whatsapp.png) no-repeat center;}

.c3:hover{background: #13C1F3 url(../images/facebook.png) no-repeat center;}



.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: 69px;

	height: 69px;

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

	background-size: contain;

	position: fixed;

    right: 0px;

    bottom: -100px;

    transition: 1s;

    cursor: pointer;

    z-index: 998;

}

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

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

}

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

/* pro-share start */

.pro-share {height: 26px; font-size: 0; letter-spacing: 0;font-family: arial; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #0093e3; }

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

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

	.pro-share .share-title{font-size: 12px;font-size: 1.2rem;}

}

/* pro-share end */

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

.wrap{overflow: hidden;}

.bread {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	padding: 17px 0 17px;

	/* border-bottom: solid 1px #BFBFBF; */

	text-transform: uppercase;

	color: #999;

	overflow: hidden;

}

.bread a{color: #999;}

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

.bread .bread-active {color: #000;}

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

	.bread{padding: 10px 0;}

}

/* foot bread */

.foot-bread{text-align: right;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;padding:90px 0 100px;overflow: hidden;}

.foot-bread a:first-child{margin-right: 40px;}

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

	.foot-bread{padding: 60px 0 70px;}

}

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

	.foot-bread{padding: 40px 0 50px;font-size: 16px;font-size: 1.6rem;}

}

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

	.foot-bread{padding: 20px 0 30px;font-size: 14px;font-size: 1.4rem;}

	.foot-bread a:first-child{margin-right: 30px;}

}

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

/*-------------search-------------------------------------------------------------------*/

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

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

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

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



.search-box{

	width: 337px;

	height: 34px;

	line-height: 32px;

	border-radius: 17px;

	position: relative;

	border: solid 1px #C9C9C9;

	background-color: transparent;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: block;

	cursor: pointer;

	overflow: hidden;

	z-index: 999;

	margin-right: 18px;

}

.search-icon{cursor: pointer;}

.search-input{width: 100%;height: 32px;line-height: 32px;background-color: transparent;padding: 0 52px 0 15px;color: #FFFFFF;box-sizing: border-box;cursor: pointer;}

.search-submit{position: absolute;background: url(../images/search.png) no-repeat center center;width: 52px;height: 32px;top: 0;right: 0;cursor: pointer;}

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

.header{background-color: #1F2121;}

.h-top{background-color: #000000;text-align: right;padding: 7px 0;}

.h-top .ge{padding-top: 10px;}



.biglogo{display: none;}

.navlist>li{float: left;position: relative;margin-left: 25px;padding:21px 9.5px 9px;line-height: 70px;}

.navlist>li>a{color: #FFFFFF;font-size: 16px;font-size: 1.6rem;display: block;}

.navlist>li:hover,.nav-active{background-color: #DCDCDC;}

.navlist>li:hover>a,.nav-active>a{color: #000!Important;}

.logo img{position: relative;top: 25px;}

.navlist>li.logo{padding: 0 9.5px;}

.navlist>li.logo:hover,.navlist>li.logo.nav-active{background-color:transparent;}

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

	.navlist>li{margin-left: 0;padding: 21px 8px 9px;}

}

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

	.biglogo{margin:10px auto;display: block;}

	.logo{display: none;}

	.navlist>li{padding: 0 9px;line-height: 50px;}

}

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

	.h-top,.navlist{display: none}

	.biglogo{margin: 0 auto 15px;height: 40px;}

}



/* yijierji */

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

.yiji{position: absolute;z-index: 99;top: -99999px;    left: -109px;width: 312px;background-color: #FFFFFF;padding-top: 10px;}

.yiji li{font-size: 16px;font-size: 1.6rem;position: relative;text-transform: uppercase;line-height: 36px;padding: 0 16px 0 34px;}

.yiji li:hover{background:#1F2121 url(../images/nav1.png) no-repeat 16px center;}

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



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

.erji{position: absolute;z-index: 99;top: 0;left:-99999px;width: 261px;background-color: #FFFFFF;padding: 10px 0 10px;}

.erji>li{text-transform: none;line-height: 36px;}

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

	.yiji{display: none;}

}



/* 767 navlist1 */

.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{background-color: #DCDCDC;}

.navlist1>li:hover>a{color: #000!Important;}

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

	.navlist1{display: block;}

}



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



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

.footer{background:#1F2121;overflow: hidden;color: #999;line-height: 28px;}

.footer a,.footer li,.footer p,.footer span{color: #999;}

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

.footer-title{font-size: 24px;font-size: 2.4rem;line-height: 60px;color: #FFFFFF!Important;margin-bottom: 5px;}

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



.f-top{padding: 43px 0 26px;}

.flist1{float: left;margin-right: 112px;}

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

.flist2 ul{padding-top:4px;}

.flist3{float: left;width: 369px;}

.flist3 ul{padding-top: 24px;}

.flist3 li{margin-bottom: 10px;}

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

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

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

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

.flist3 input{width: 100%;height: 34px;border-radius: 5px;background-color: #FFFFFF;padding: 0 8px;font-size: 16px;font-size: 1.6rem;}

.flist3 textarea{width: 100%;height: 100px;border-radius: 5px;background-color: #FFFFFF;padding: 8px 8px;font-size: 16px;font-size: 1.6rem;margin-bottom: 11px;}

.flist3 .codeli{position: relative;}

.codeli:before{position: absolute;content: '';width: 7px;height: 34px;background: url(../images/star.png) no-repeat center;left: -15px;}

.codeli .f-codeinput{width: 120px;float: left;text-align: center;font-size: 14px;font-size: 1.4rem;}

.codeli .f-codeimg{float: left;margin-left: 14px;cursor: pointer;}

.codeli .f-btn{float: right;width: 106px;background: transparent;border: solid 1px #FFFFFF;font-size: 16px;font-size: 1.6rem;color: #fff;text-transform: uppercase;}





.flist4{float: right;line-height: 24px;width: 311px;word-break: break-all;}

.flist4 ul{padding:7px 0 18px;}

.f4-li{margin-bottom:24px ;}

.f-follow{margin: -1px 0 0;}

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



.copyright{line-height: 24px;padding: 10px 0;}

.copyright span{float: right;line-height: 24px;}

.copyright img{margin-left: 10px;}



.f-bot{background: #0B0C0B;margin-top: 18px;}

.links{height: 50px;line-height: 52px;font-size: 24px;font-size: 2.4rem; font-family: 'FuturaStdMedium';color: #FFFFFF!Important;}

.links a{margin-right: 25px;color: #FFFFFF!Important;}



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

	.flist1,.flist2,.flist3,.flist4{margin-right: 22px;}

	.flist4{width: 270px;}

}

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

	.flist1,.flist2,.flist3{margin-right:37px;min-height: 429px;}

	.flist4{float: left;width: 100%;}

}

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

	.footer{padding-bottom: 50px;}

	.f-top,.f-bot{display: none;}

	.copyright span{display: block;float: none;}

}

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



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

/* three-box start */

.three-box{padding: 75px 0 81px;}

.three-box li{float: left;width: 375px;margin-left: 37px;border: solid 1px #BFBFBF;padding: 15px 17px;text-align: center;}

.three-box li:hover{box-shadow:0px 2px 8px 0px rgba(0,0,0,0.28)}

.three-box .item-pic{width: 100%;}

.three-box .item-pic img{width: 100%;display: block;max-width: 341px;max-height: 247px;margin: 0 auto;}

.three-box .item-title{text-transform: uppercase;font-size: 18px;font-size: 1.8rem;line-height: 32px;margin-top:11px;}

.three-box .item-desc{font-size: 16px;font-size: 1.6rem;line-height: 24px;height: 48px;margin-top: 4px;}

.three-box .item-desc>a{color: #555555;}

.three-box .item-btn{display: block;margin:11px auto 4px;width: 130px;height: 40px;line-height: 38px;border: solid 1px #A0A0A0;}

.three-box .item-btn:hover{background-color: #4D4D4D;color: #FFFFFF;}

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

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

	.three-box li{width: 306px;margin-left: 30px;}

}

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

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

	.three-box li{width: 31.33%;margin: 0 1%;padding: 10px;}

}

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

	.three-box{padding:30px 0;}

	.three-box .item-title{font-size: 16px;font-size: 1.6rem;line-height: 30px;margin-top: 5px;}

	.three-box .item-desc{font-size: 14px;font-size: 1.4rem;line-height: 20px;height: 40px;margin-top: 0;}

	.three-box .item-btn{height: 34px;line-height: 32px;font-size: 12px;font-size: 1.2rem;margin: 10px auto 0;}

}	

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

	.three-box{padding:30px 0 0;}

	.three-box li{width: 48%;margin: 0 1% 30px;}	

}

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

	.three-box li{width: 98%;margin: 0 1% 30px;}	

}

/* three-box end */

/* welcome-box start */

.welcome-box{background: url(../images/web3.png) no-repeat top center;padding: 73px 0 103px;}

.welcome-list{width: 970px;text-align: center;margin: 0 auto;}

.welcome-list .item-title{font-size: 60px;font-family: 6rem;line-height: 146px;text-transform: uppercase;position: relative;}

.welcome-list .item-title>a{color: #555;}

.welcome-list .item-title:after{position: absolute;content: '';width: 35.36%;left: 50%;margin-left: -17.68%;bottom: 1px;height: 1px;background-color: #333333;}

.welcome-list .item-desc{font-size: 16px;font-size: 1.6rem;line-height: 28px;max-height: 112px;margin: 41px 0 43px;}

.welcome-list .item-btn{width: 258px;height: 40px;line-height: 38px;border: solid 1px transparent;background-color: #4D4D4D;text-align: center;display: block;margin: 0 auto;color: #FFFFFF;}

.welcome-list .item-btn:hover{background-color: transparent;color: #333333;border-color: #4d4d4d;}

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

	.welcome-box{padding: 40px 0 70px;}

	.welcome-list{width: 100%;}

	.welcome-list .item-title{font-size: 40px;font-size: 4rem;line-height: 100px;}

}

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

	.welcome-box{padding: 10px 0 30px;}

	.welcome-list .item-title{font-size: 24px;font-size: 2.4rem;line-height: 60px;}

	.welcome-list .item-desc{font-size: 14px;font-size: 1.4rem;line-height: 24px;height: 96px;margin: 20px 0;}

	.welcome-list .item-btn{height: 34px;line-height: 34px;font-size: 12px;font-size: 1.2rem;}

}

/* welcome-box end */

/* project-list start */

.project-box{padding: 37px 0 45px;}

.project-list{/*padding: 63px 0;*/border-bottom: solid 1px #BFBFBF;}

.project-list:last-child{border-bottom: 0;}

.project-list .item-pic{width: 574px;margin-right: 71px;}

.project-list .item-pic.pull-right{margin-right: 0;margin-left: 71px;}

.project-list .item-pic img{width: 100%;display: block;margin: 0 auto;max-width: 574px;max-height: 396px;}

.project-list .item-body{width: 1000px;height: 396px;display: table-cell;vertical-align: middle;text-align: center; }

.project-list .item-body .item-title{font-size: 30px;font-size: 3rem;position: relative;padding-bottom: 25px;width: 550px;}

.project-list .item-body .item-title:after{position: absolute;content: '';width: 145px;left: 50%;margin-left: -72.5px;bottom:0px;height: 1px;background-color: #4D4D4D;}

.project-list .item-body .item-desc{font-size: 16px;font-size: 1.6rem;line-height: 28px;max-height: 84px;margin: 38px 0 30px;}

.project-list .item-body .item-btn{width: 130px;height: 40px;line-height: 38px;border: solid 1px transparent;background-color: #4D4D4D;display: inline-block;color: #fff;}

.project-list .item-body .item-btn:hover{background-color: transparent;color: #333333;border-color: #4d4d4d;}

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

	.project-list .item-pic{width: 574px;margin-right: 31px;}

	.project-list .item-pic.pull-right{margin-right: 0;margin-left: 31px;}

	.project-list .item-body .item-title{width: 370px;}

}

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

	.project-box{padding:0;}

	.project-list{/*padding: 50px 0;*/}

	.project-list .item-pic{width: 100%;margin-right: 0;float: none!important}

	.project-list .item-pic.pull-right{margin-right: 0;margin-left: 0;}

	.project-list .item-body .item-title{width: 100%;}

	.project-list .item-body{display: block;height: auto;width: 100%;padding-top: 20px;}

	.project-list .item-body .item-desc{margin: 20px 0;}

}

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

	.project-list{/*padding: 30px 0;*/}

	.project-list .item-body .item-title{font-size: 24px;font-size: 2.4rem;padding-bottom: 10px;}

	.project-list .item-body .item-desc{font-size: 14px;font-size: 1.4rem;line-height: 24px;max-height: 72px;margin: 10px 0;}

	.project-list .item-body .item-btn{height: 34px;line-height: 32px;font-size: 12px;font-size: 1.2rem;}

}

/* project-list end */

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

/* page_banenr start */

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

/* page_banner end */

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

.about-top{padding-bottom: 90px;}

.about-top .item-pic{width: 606px;margin-left: 39px;}

.about-top .item-pic img{width: 100%;max-width: 606px;max-height: 548px;display: block;margin: 0 auto;}



.at-body{}

.at-title{font-size: 36px;font-size: 3.6rem;position: relative;text-transform: uppercase;margin-bottom: 53px;margin-top: 15px;}

.at-title:after{position: absolute;content: '';left: 0;width: 181px;height: 3px;bottom: -13px;background-color: #333333;}

.at-word{width: 100%;}

.at-word p{font-size: 16px;font-size: 1.6rem;line-height: 28px;margin-bottom:28px;}





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

	.about-top{padding-bottom: 70px;}

	.about-top .item-pic{width: 550px;margin-left: 30px;margin-bottom: 10px;}

}

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

	.about-top{padding-bottom: 40px;}

	.about-top .item-pic{width: 100%;margin-left: 0;margin-bottom: 0;float: none!important}

	.at-title{font-size: 30px;font-size: 3rem;margin-bottom: 40px;margin-top: 30px;}

}

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

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

	.at-title{font-size: 24px;font-size: 2.4rem;margin-bottom: 10px;}

	.at-title:after{display: none;}

	.at-word p{font-size: 14px;font-size: 1.4rem;line-height: 24px;margin-bottom: 15px;}

}

/**/

.about1-middle{background: url(../images/about3.png) no-repeat center top;padding: 125px 0 89px;}

.am-body{width: 762px;}

.am-img{display: block;}

.am-title{ font-family: verdana;font-weight: bold;font-size: 20px;font-size: 2rem;line-height: 30px;color: #fff;text-transform: uppercase;margin:34px 0 39px;}

.am-word{color: #FFFFFF;font-size: 16px;font-size: 1.6rem;line-height: 28px;}

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

	.about1-middle{padding: 100px 0 70px;}

}

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

	.about1-middle{padding: 30px 0 ;}

	.am-body{width: 100%;}

	.am-title{font-size: 18px;font-size: 1.8rem;margin: 20px 0;}

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

}

/**/

.about1-bottom{padding: 43px 0 90px;}

.ab-word{font-size: 16px;font-size: 1.6rem;line-height: 28px;margin-bottom: 24px;}

.ab-list li{float: left;width: 292px;margin-left: 10px;}

.ab-list li img{width: 100%;max-width:294px;max-height: 237px;display: block;margin: 0 auto;}

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

	.ab-list li{width: 237px;}

}

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

	.ab-list li{width: 23%;margin: 0 1%;}

	.about1-bottom{padding: 40px 0 50px;}

}

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

	.about1-bottom{padding: 30px 0 30px;}

	.ab-word{margin-bottom: 20px;font-size: 14px;font-size: 1.4rem;line-height: 24px;}

	.ab-list li{width: 48%;margin: 0 1% 10px ;}

}

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

	.ab-list li{width: 98%;}

}



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

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



.page_pro1{    padding: 0 0 290px;position: relative;}

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

	.page_pro1{padding-bottom: 70px;}

}

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

	.page_pro1{padding-bottom: 50px;}

}

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

	.page_pro1{padding-bottom: 30px;}

}



.pro1-list{padding-top: 122px;padding-bottom: 10px;}

.pro1-list li{float: left;width: 280px;margin-left: 26px;text-align: center;padding-bottom: 62px;}

.pro1-list .item-pic{width: 100%;position: relative;}

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

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

.pro1-list .item-backdrop{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: url(../images/web4.png) repeat;transition: all .5s;-webkit-transition: all .5s;}

.pro1-list .item-backdrop img{width: 48px;height: 48px;position: absolute;left: 50%;margin-left:-24px;top: 50%;margin-top: -24px;   

 -webkit-transform: scale(1)!important;

    -moz-transform: scale(1)!important;

    -ms-transform: scale(1)!important;

    -o-transform: scale(1)!important;

   transform: scale(1)!important;}

.pro1-list .item-title{font-size: 14px;font-size: 1.4rem;line-height: 32px;margin: 5px 0 8px;}

.pro1-list .item-check{position: absolute;top: 10px;width: 11px;height: 11px;left: 37px;}

.pro1-list .item-btn-box{position: relative;}

.pro1-list .item-btn{display: inline-block; width: 115px;height: 30px;line-height: 28px;border-radius: 15px;border: solid 1px #333;box-sizing: border-box;color: #333;font-size: 12px;font-size: 1.2rem;}

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

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

	.pro1-list li{width: 233px;margin-left: 15px;}

	.pro1-list .item-check{left: 5px;}

}

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

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

	.pro1-list .item-backdrop{display: none;}

}

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

	.page_pro1{padding:0;}

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

	.pro1-list .item-title{font-size: 12px;font-size: 1.2rem;margin: 5px 0;line-height: 24px;}

	

}

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

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

}

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

	.pro1-list li{width: 98%;margin: 0 1%;}

}



.prnav{ position:absolute; top:18px; left:0px; width:100%; z-index:20}

.prnav .scroll-box { position:relative; z-index:21}

.prnav .scroll-box .prev,.prnav .scroll-box .next{position:absolute;display:block;width:14px;height:24px; z-index:22;top: 26px;}

.prnav .scroll-box .prev { left:0;cursor:pointer; background:url(../images/arrowl.png) no-repeat center;}

.prnav .scroll-box .next { right:0;cursor:pointer; background:url(../images/arrowr.png) no-repeat center;}

.prnav .scroll-box .prev:hover { background:url(../images/arrowl_1.png) no-repeat center;}

.prnav .scroll-box .next:hover { background:url(../images/arrowr_1.png) no-repeat center;}

.prnav .img-list { position:relative; margin-right:28px; margin-left:31px;  z-index:22;overflow: hidden;padding-top: 11px;margin-top: -11px;}

.prnav .img-list ul { width:9999px;}

.prnav .img-list li { float:left; display:inline; width:338px; margin-right:61px; height:74px; position:relative; z-index:99}

.prnav .img-list li>a{ display:block;line-height:52px; text-align:center; border-radius:5px; font-size:20px; font-size:2rem;color: #333;border: solid 1px #1F2121;}

.pryiji{ position:absolute; width:100%; top:-9999px; z-index:99999;}

.pryijin{     max-height: 285px; overflow:auto;text-align: center;padding: 10px 0;}

.pryiji a{ display:block; line-height:38px; background:#fff; background:rgba(255,255,255,0.95);color: #333;text-align: left;padding: 0 15px 0 46px;}

.pryiji a:hover{background: #1F2121 url(../images/nav1.png) no-repeat 23px center;color: #FFFFFF;}







.prnav .img-list li:hover>a,.prnav-active>a{ background:#1F2121; color:#fff!Important;line-height: 74px!important;margin-top: -11px;}

.prnav .img-list li:hover .pryiji,.prnav-active .pryiji{ top:74px;}





.prnav .scroll-box:hover .img-list{ height:363px;} 

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

	.prnav .img-list li {width: 287px;margin-right: 30px;}

}

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

	.prnav{display: none;}

	.pro1-list{padding-top: 0;}

}



.smallkinds-list{margin:20px auto 20px;display: none;}

.smallkinds-list li a:hover{background-color:#333;color: #FFFFFF;}

.smallkinds-list li{width: 100%;border: solid 1px #d2d2d2;line-height: 24px;margin-bottom: 10px;}

.smallkinds-list li a{display: block;background-color: #EEEEEE;padding: 8px 15px;box-sizing: border-box;}

.smallkinds-erji{padding: 10px 0 18px;}

.smallkinds-erji li{border: 0;background-color: #FFFFFF;margin-bottom: 0;}

.smallkinds-erji{background-color: #FFFFFF;}

.smallkinds-erji li a{background-color: #FFFFFF;margin-bottom: 0;border: 0;padding: 0 0 0 40px;box-sizing: border-box;line-height: 28px;color: #666666;}

.smallkinds-erji li a:hover{color: #333;background-color: #FFFFFF;}

.smallkinds-active{background-color:#333!important;color: #FFFFFF;}

.smallkinds-active2{color:#333!important;}

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

	.smallkinds-list{display: block;}

}



/* hot products */

.hotp-title{font-size: 46px;font-size: 4.6rem;text-align: center;text-transform: uppercase;margin:69px 0 28px;}

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

	.hotp-title{font-size: 30px;font-size: 3rem;margin: 50px 0 28px;}

}

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

	.hotp-title{font-size: 24px;font-size: 2.4rem;margin: 30px 0 20px;}

}



.hotp-scrollbox.scroll-box{position: relative;}

.hotp-scrollbox.scroll-box .scroll-btns{text-align: center;}

.hotp-scrollbox.scroll-box .scroll-btn{width: 48px;height: 48px;display: inline-block;cursor: pointer;}

.hotp-scrollbox.scroll-box .scroll-btn.prev{background: url(../images/prev.png) no-repeat center;background-size: contain;margin-right: 18px;}

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

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

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



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

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

.hotp-scrollbox.scroll-box .scroll-list li{float: left; width:280px; margin-right:26px;padding-bottom: 25px;}

.hotp-scrollbox .item-pic{width: 100%;position: relative;}

.hotp-scrollbox .item-pic img{width: 100%;max-width: 601;max-height: 592;display: block;margin: 0 auto;}

.hotp-scrollbox .item-pic:hover .item-backdrop{top: 0;}

.hotp-scrollbox .item-backdrop{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: url(../images/web4.png) repeat;transition: all .5s;-webkit-transition: all .5s;}

.hotp-scrollbox .item-backdrop img{width: 48px;height: 48px;position: absolute;left: 50%;margin-left:-24px;top: 50%;margin-top: -24px;}

.hotp-scrollbox.scroll-box .scroll-list .item-title{font-size: 14px;font-size: 1.4rem;line-height: 32px;margin: 5px 0 8px;text-align: center;}

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

	.hotp-scrollbox.scroll-box .scroll-list li{width: 233px;margin-right: 15px;}

}

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

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

	.hotp-scrollbox .item-backdrop{display: none;}

}

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

	.hotp-scrollbox.scroll-box .scroll-btn{width: 35px;height: 35px;}

	.hotp-scrollbox.scroll-box .scroll-btn.prev{margin-right: 10px;}

	.hotp-scrollbox.scroll-box .scroll-list li{width: 3.2%;margin-right: 0.2%;padding-bottom: 15px;}

	.hotp-scrollbox.scroll-box .scroll-list .item-title{font-size: 12px;font-size: 1.2rem;margin: 5px 0;line-height: 24px;}

}

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

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

}

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

	.hotp-scrollbox.scroll-box .scroll-list li{width: 10%}

}

/*smallkinds end*/

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

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

.pro2-body{padding-top: 122px;}

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

	.pro2-body{padding-top: 0;}

}

.pro-scrollbox.scroll-box{position: relative;width: 601px;margin-right: 60px;}

.pro-scrollbox.scroll-box .scroll-btns{text-align: center;}

.pro-scrollbox.scroll-box .scroll-btn{width: 48px;height: 48px;display: inline-block;cursor: pointer;position: absolute;top: 50%;margin-top: -24px;}

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

.pro-scrollbox.scroll-box .scroll-btn.prev:hover{background-image: url(../images/prev1.png);}

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

.pro-scrollbox.scroll-box .scroll-btn.next:hover{background-image: url(../images/next1.png);}



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

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

.pro-scrollbox.scroll-box .scroll-list li{float: left; width:10%; margin-right:0;}

.pro-scrollbox .item-pic{width: 100%;position: relative;}

.pro-scrollbox .item-pic img{width: 100%;max-width: 601;max-height: 592;display: block;margin: 0 auto;}





/* pro -info */

.pro-info h1{font-size: 28px;font-size: 2.8rem;margin: 5px 0 20px;}

.proinfo-desc{line-height: 24px;color: #666666;min-height: 383px;}

.proinfo-desc p{margin-bottom: 24px;color: #666;}

/* pro-btns */

.pro-btn{width: 156px;height: 40px;border-radius: 20px;border: solid 1px #000000;line-height: 38px;text-align: center;display: inline-block;}







.pro-btn-now:hover{background-color: #333;color: #fff;}



.pro-btn-next:hover{background-color: #333;color: #fff;}





.pro-btn-now{margin-right: 20px;}

.pro-btns{margin: 30px 0 48px;}

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

	.pro-scrollbox.scroll-box{float: none!Important;margin: 0 auto 50px;width: 100%;max-width: 601px;}

	.proinfo-desc{min-height: auto;}

	.pro-btns{margin:30px 0 48px;}

}

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

	.pro-scrollbox.scroll-box{float: none!Important;margin: 0 auto 30px;}

	.pro-scrollbox.scroll-box .scroll-btn{width: 36px;height: 36px;margin-top: -18px;}

	

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

	

	.pro-info h1{font-size: 24px;font-size: 2.4rem;margin: 5px 0 10px;}

	.proinfo-desc{font-size: 12px;font-size: 1.2rem;line-height: 20px;}

	.proinfo-desc p{margin-bottom: 10px;color: #666;}

}

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

	.pro-btns{text-align: center;}

	.pro-btn{width: 46%;height: 36px;line-height: 34px;font-size: 12px;font-size: 1.2rem;}

	.pro-btn-now{margin-right: 5%;}

}



/* pro2-content */

.pro2c-title{font-size: 28px;font-size: 2.8rem;line-height: 32px;border-bottom: solid 1px #D2D2D2;position: relative;padding: 53px 0 12px;margin-bottom: 28px;}

.pro2c-title:after{position: absolute;content: '';width: 67px;height: 3px;background-color: #333;left: 0;bottom: 0;}

.pro2-detail{font-size: 26px;font-size: 2.6rem;line-height: 32px;color: #333333;}

.pro2-detail p,.pro2-detail span,.pro2-detail li,.pro2-detail b,.pro2-detail a{color: #333333;margin-bottom: 32px;}

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

.pro2-detail table{ width:97%; border-collapse:collapse; line-height:24px;}

.pro2-detail tr td{ line-height:24px; padding:2px;}



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

	.pro2c-title{font-size: 24px;font-size: 2.4rem;line-height: 30px;padding: 30px 0 10px;}

	.pro2-detail{font-size: 18px;font-size: 1.8rem;line-height: 24px;}

	.pro2-detail p,.pro2-detail span,.pro2-detail li,.pro2-detail b,.pro2-detail a{color: #333333;margin-bottom: 15px;}

}

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

/*-------------4-Projects start--------------------------------------------------------------*/

.page_p4{padding-bottom: 80px;}

@media screen and (max-width:999px) {.page_p4{padding-bottom: 40px;}}

@media screen and (max-width:767px) {.page_p4{padding-bottom: 20px;}}



.project4-list{background-color: #EEEEEE;padding: 21px 23px;margin-bottom: 62px;}

.project4-list .item-pic{width: 574px;margin-right: 23px;}

.project4-list .item-pic.pull-right{margin-right: 0;margin-left: 23px;}

.project4-list .item-pic img{width: 100%;max-width: 574px;max-height: 396px;display: block;margin: 0 auto;}

.project4-list .item-body{}

.project4-list .item-body .item-title{font-size: 36px;font-size: 3.6rem;height: 40px;overflow: hidden;text-transform: uppercase;margin-top: 6px;}

.project4-list .item-body .item-title>a{color: #30323E;}

.project4-list .item-body .item-desc{font-size: 16px;font-size: 1.6rem;line-height: 28px;max-height: 168px;margin: 48px 0 66px;}

.project4-list .item-body .item-btn{width:182px;height:54px;line-height: 54px;border:solid 1px #333333;border-radius:5px;font-size: 18px;font-size: 1.8rem;text-align: center;display: inline-block;}

.project4-list .item-body .item-btn:hover{background-color: #333333;color: #FFFFFF;}

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

	.project4-list{padding:20px 15px;margin-bottom: 50px;}

	.project4-list .item-pic{width: 100%;margin-right: 0;float: none!important;margin-bottom: 30px;}

	.project4-list .item-pic.pull-right{margin-right: 0;margin-left: 0;}

	

	.project4-list .item-body .item-title{font-size: 30px;font-size: 3rem;}

	.project4-list .item-body .item-desc{margin: 20px 0 30px;}

}

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

	.project4-list{margin-bottom: 30px;}

	.project4-list .item-pic{margin-bottom: 20px;}

	.project4-list .item-body .item-title{font-size: 24px;font-size: 2.4rem;height: 30px;}

	.project4-list .item-body .item-desc{font-size: 14px;font-size: 1.4rem;line-height: 24px;max-height: 144px;margin: 10px 0 20px;}

	.project4-list .item-body .item-btn{height: 34px;font-size: 16px;font-size: 1.6rem;line-height: 32px;}

}

/*-------------4-Projects end----------------------------------------------------------------*/

/*-------------5-Projects start--------------------------------------------------------------*/

.m-prob1{position: relative;}

.m-prob1 .prob-pic { width: 625px;float: left;margin-right: 25px;}

.m-prob1 .prob-pic-big { position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }

.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

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

.m-prob1 .prob-pic-small { position: relative; margin-top: 24px; padding: 0 64px; overflow: hidden; }

.m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top: -15.5px; display: block; width: 32px; height: 31px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

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

.m-prob1 .prob-pic-btn.prev:hover { background-image: url(../images/prev3.png); }

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

.m-prob1 .prob-pic-btn.next:hover { background-image: url(../images/next3.png); }

.m-prob1 .prob-pic-list { overflow: hidden; }

.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }

.m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.423%; width:3.0585%; }

.m-prob1 .prob-pic-item .item-pic { border: #808080 3px solid; overflow: inherit;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-prob1 .prob-pic-item .item-pic img{display: block;width: 100%;display: block;margin: 0 auto;max-width: 625px;}

.m-prob1 .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }



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

	.zoomPad {cursor: default !important;}

	.zoomPup {display: none !important;}

	.zoomWindow {display: none !important;}

	.zoomPreload {display: none !important;}

	.m-prob1 .prob-pic {float: none;margin: 0 auto;}

}



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

	.m-prob1 .prob-pic {width: 100%;}

	.m-prob1 .prob-pic-big {display: none;}

	.m-prob1 .prob-pic-small {margin-top: 0;padding: 0 50px;}

	.m-prob1 .prob-pic-list ul li {margin-right: .2%;width: 4.9%;}

	.m-prob1 .prob-pic-item .item-pic:before {display: none !important;}

}

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

	.m-prob1 .prob-pic-list ul li {margin-right: 0%;width: 10%;}



}

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

	/* .m-prob1 .prob-pic-list ul li {margin-right: 0%;width: 10%;} */

}

/* pro-info */

.ob-info{}

.ob-info .ob-title{font-size:30px;font-size: 3rem;font-family: 'FuturaStdMedium';margin: -6px 0 40px;}

.ob-info .ob-subt{font-size: 24px;font-size: 2.4rem;line-height: 40px;}

.ob-info .ob-desc{font-size: 16px;font-size: 1.6rem;line-height: 28px;margin: 15px 0 ;min-height: 232px;}

.ob-btn {

	display: inline-block;

	width: 194px;

	height: 63px;

	line-height: 60px;

	border-width: 1px;

	border-style: solid;

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	border: solid 1px #333333;

	background-color: #333333;

	color: #FFFFFF;

	text-transform: uppercase;

}

.ob-btn:hover{background-color: transparent;color: #333333;}

.m-prob .pro-share{position: absolute;right: 0;bottom: 42px;}

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

	.ob-info{margin: 50px 0 0;}

	.ob-info .ob-desc{min-height: auto;}

	.m-prob .pro-share{bottom: 28px;}

	

}

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

	.ob-info{margin: 30px 0 0;}

	.ob-btn{height: 50px;line-height: 48px;margin-bottom: 20px;}

	.m-prob .pro-share{position: relative;right: auto;bottom: auto;}

}

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

	.ob-info .ob-title{margin: 0  0 10px;font-size: 24px;font-size: 2.4rem;}

	.ob-info .ob-subt{font-size: 20px;font-size: 2rem;line-height: 30px;}

	.ob-info .ob-desc{margin: 10px 0 15px;font-size: 14px;font-size: 1.4rem;line-height: 24px;}

	.ob-btn{height: 36px;line-height: 34px;font-size: 14px;font-size: 1.4rem;}

}



/* tab */

.project-tab{padding: 58px 0 90px;}

.project-tab .tab-options{font-size: 16px;font-size: 1.6rem;line-height: 69px;background-color: #F0F0F0;}

.project-tab .tab-options>li{float: left;text-transform: uppercase;padding: 0 28px;}

.project-tab .tab-options>li.tab-active{background-color: #333333;color: #FFFFFF;}

.project-tab .tab-content-item{display: none;}

.project-tab .pjc-title{position: relative;margin: 46px 0 29px;}

.project-tab .pjc-title:after{position: absolute;content: '';width: 100%;height: 1px;background-color: #333333;left: 0;top:50%;z-index: 0;}

.project-tab .pjc-title>span{font-size: 18px;font-size: 1.8rem;text-transform: uppercase;line-height: 36px;padding-right: 50px;background-color: #FFFFFF;position: relative;z-index: 2;}

.project-tab .pj-tab-desc{font-size: 16px;font-size: 1.6rem;line-height: 28px;color: #333;}

.project-tab p,.project-tab span,.project-tab li,.project-tab b,.project-tab a{color: #333333;}

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

.project-tab table{ width:97%; border-collapse:collapse; line-height:24px;}

.project-tab tr td{ line-height:24px; padding:2px;}

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

	.project-tab{padding: 58px 0 70px;}

}

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

	.project-tab{padding: 50px 0 50px;}

	.project-tab .tab-options{font-size: 16px;font-size: 1.6rem;line-height: 50px;background-color: #F0F0F0;}

	.project-tab .pjc-title{position: relative;margin: 30px 0 15px;}

}

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

	.project-tab{padding: 30px 0 30px;}

	.project-tab .tab-options{font-size: 14px;font-size: 1.4rem;line-height: 40px;background-color: #F0F0F0;}

	.project-tab .pjc-title{position: relative;margin: 20px 0 10px;}

	.project-tab .pjc-title>span{font-size: 16px;font-family: 1.6rem;}

	.project-tab .pj-tab-desc{font-size: 14px;font-size: 1.4rem;line-height: 24px;}

}

/*-------------5-Projects end----------------------------------------------------------------*/

/*-------------6 Applications start----------------------------------------------------------*/

.pjmain{padding-bottom: 54px;}

.pjbiao{ display:block; font-size:40px; font-size:4rem; line-height:60px;  text-align:center; margin:-12px 0 17px;}

.pjn{ padding-bottom:18px;}

.pjlie{ width:570px; position:relative; min-height:167px; margin-top:18px;}

.pjtu{ width:237px; position:absolute; left:0px; top:2px; overflow:hidden;}

.pjtun{ display:block; text-align:center;}

.pjtun img{ width:100%;max-width: 237px;display: block;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}

.pjfu{ position:absolute; width:100%; height:100%; top:100%; left:0px; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}

.pjfu img{ width:22px; height:22px; position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-11px;}

.pjzi{ padding-left:260px;}

.pjzi>a{ display:block; font-size:24px; font-size:2.4rem; line-height:28px;  height:56px; overflow:hidden;text-transform: uppercase;}

.pjzi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#4d4d4d; margin-top:15px; height:96px; overflow:hidden;}

.mat2{ margin-top:27px;}

.pjlie:hover .pjfu{ top:0px;}

.pjlie:hover .pjtun img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

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

.pjlie{ width:480px; position:relative; min-height:167px; margin-top:23px;}

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

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

}

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

.pjmain{padding-bottom: 50px;}

.pjlie{ width:100%; position:relative; min-height:167px; margin-top:23px;}

.pjfu{ top:0px; background:rgba(0,0,0,0.2);}

.pjn{padding-bottom: 0;}

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

}

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

.pjbiao{font-size: 24px;font-size: 2.4rem;line-height:40px;margin:0 0 0;}

.pjmain{padding-bottom: 30px;}

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

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



}

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

.pjlie{ text-align:center;}

.pjtu{ left:50%; margin-left:-114px;}

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

.pjzi>a{ height:auto;}

.pjzi p a{ height:auto;}

}

/*-------------6 Applications end------------------------------------------------------------*/

/*-------------7-support start---------------------------------------------------------------*/

.ablie{ position:relative; min-height:276px; margin-top:23px;}

.ablie:first-child{margin-top: 0;}

.abtu{ width:404px; position:absolute; top:0px;}

.abtu img{ display:block; margin:auto; width:100%; max-width:404px; max-height:276px;}

.ablie1 .abtu{ left:0px;}

.ablie2 .abtu{ right:0px;}

.abzi{ background:#f5f5f5; padding:0 65px 0 55px;}

.ablie1 .abzi{ margin-left:412px;}

.ablie2 .abzi{ margin-right:412px;}

.abzin{ height:276px; display:table-cell; vertical-align:middle;}

.abzin a{ display:block; font-size:24px; font-size:2.4rem; line-height:24px; }

.abzin p{ display:block; font-size:14px; font-size:1.4rem; line-height:28px; margin-top:22px;}



.abmain2{ padding-top:127px;padding-bottom: 46px;}

.ab2lie{ min-height:98px;}

.ab2lie1,.ab2lie3{ width:515px; float:left; padding-left:120px;}

.ab2lie2,.ab2lie4{ width:515px; float:right; padding-left:100px;}

.ab2lie1{ background:url(../images/s2.png) no-repeat left 20px;}

.ab2lie2{ background:url(../images/s3.png) no-repeat left 20px;}

.ab2lie3{ background:url(../images/s4.png) no-repeat left 20px;}

.ab2lie4{ background:url(../images/s5.png) no-repeat left 20px;}



.ab2lie a{ display:block; font-size:20px; font-size:2rem;line-height:30px;}

.ab2lie p{ font-size:14px; font-size:1.4rem; line-height:28px; color:#555; margin-top:8px;}

.xvxian{ border-bottom:1px dashed #c9c9c9; margin-top:36px; margin-bottom:25px;}





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

.abzi{ padding:0 15px;}

.ab2lie1,.ab2lie3{ width:440px; float:left; padding-left:100px;}

.ab2lie2,.ab2lie4{ width:440px; float:right; padding-left:100px;}

.ab3lie{ width:155px; margin-left:10px;}

.ab3tu{ background:none}

.ab3tun{ padding:0px; border:3px solid #838a94;}

}

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

.abtu{ position:relative; left:auto !important; right:auto !important; margin:auto; width:auto !important}

.abzi{ padding:15px; margin:auto !important}

.abzin{ height:auto !important;}

.ablie{background-color: #F5F5F5;padding-top: 20px;}

.ab2lie{ margin-top:20px;}

.xvxian{ display:none}

.ab2lie1,.ab2lie3{ width:auto; float:none; padding-left:100px;}

.ab2lie2,.ab2lie4{ width:auto; float:none; padding-left:100px;}

.abmain2{padding-top:50px;padding-bottom: 46px;}

}

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

	.abmain2{padding-top:30px;padding-bottom: 30px;}

	.abzin a{ display:block; font-size:20px; font-size:2rem; line-height:24px; }

	.abzin p{ display:block; font-size:12px; font-size:1.2rem; line-height:24px; margin-top:10px;}

	

	.ab2lie a{ display:block; font-size:18px; font-size:1.8rem;line-height:30px;}

	.ab2lie p{ font-size:12px; font-size:1.2rem; line-height:20px; margin-top:5px;}

}

/*-------------7-support end-----------------------------------------------------------------*/

/*-------------9-news start-----------------------------------------------------------------*/

.news1-list{}

.news1-list li{float: left;width: 578px;background-color: #F4F4F4;margin:43px 0 90px 42px;text-align: center;padding:49px 56px 15px;position: relative;}

.news1-list .item-title{font-size: 20px;font-size: 2rem;line-height: 32px;}

.news1-list .item-desc{line-height: 24px;height: 72px;margin: 13px 0 7px;}

.news1-list .item-desc>a{color: #9a9a9a;}

.news1-list .item-title>a:hover,

.news1-list .item-desc>a:hover{color: #FFFFFF!Important;}

.news1-list .item-btn{display: inline-block;float: right;background: url(../images/web6.png) no-repeat right center;padding-right: 30px;margin-right: -39px;color: #999;line-height: 24px;}

.news1-list .item-date{position: absolute;width: 81px;height: 86px;background-color: #333333;left: 20px;top: -43px;color: #FFFFFF;text-align: center;display: block;padding-top: 7px;}

.news1-list .item-date span{display: block;color: #FFFFFF;}

.news1-list .item-date .item-month{font-size: 16px;font-size: 1.6rem;line-height: 20px;}

.news1-list .item-date .item-day{font-size: 36px;font-size: 3.6rem;}

.news1-list li:hover{background-color: #333333;}

.news1-list li:hover a{color: #FFFFFF;}

.news1-list li:hover .item-btn{background: url(../images/web6_1.png) no-repeat right center!Important;}

.news1-list li:hover .item-date{background-color: #F4F4F4;}

.news1-list li:hover .item-date span{color: #333;}

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

	.news1-list li{width: 480px;margin:43px 0 50px 20px;}

}

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

	.news1-list li{width: 100%;margin: 43px 0 30px 0;}

}

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

	.news1-list li{padding: 35px 30px 15px;margin: 33px 0 30px;}

	.news1-list .item-title{font-size: 18px;font-size: 1.8rem;}

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

	.news1-list .item-btn{margin-right: 0;}

	

	.news1-list .item-date{height: 66px;width: 70px;top: -33px;}

	.news1-list .item-date .item-month{font-size: 14px;font-size: 1.4rem;line-height: 20px;}

	.news1-list .item-date .item-day{font-size: 24px;font-size: 2.4rem;}

}

/*-------------9-news end-------------------------------------------------------------------*/



/*-------------9-news start-----------------------------------------------------------------*/

.page_news2{padding-bottom: 90px;}

@media screen and (max-width:1219px) {.page_news2{padding-bottom: 70px;}}

@media screen and (max-width:999px) {.page_news2{padding-bottom: 50px;}}

@media screen and (max-width:767px) {.page_news2{padding-bottom: 30px;}}

.news2-title{ font-size:24px; font-size:2.4rem; line-height:26px; text-align:center;}

.news2-date{font-size:14px; font-size:1.4rem; margin-top:30px;text-align: center;}

.news2-date span{ padding-left:20px; background:url(../images/date.png) no-repeat left center; }



.news2-content{ font-size:16px; font-size:1.6rem; line-height:28px; color:#555; padding:44px 0 33px;}

.news2-content p,.news2-content span,.news2-content li,.news2-content a,.news2-content b{ color:#555;}

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

.news2-content table{ width:97%; border-collapse:collapse; line-height:24px;}

.news2-content tr td{ line-height:24px; padding:2px;}



.news2-arrow{ border-top:1px dashed #666; padding-top:12px; }

.news2-arrow li{ line-height:24px; position:relative;padding-left:90px; margin-top:22px; font-size:16px; font-size:1.6rem;}

.news2-arrow li span{ display:block; width:79px; height:26px; line-height:24px; border:1px solid #0a0a0a; text-align:center; position:absolute; left:0px; top:0px; font-size:14px; font-size:1.4rem; color:#0a0a0a; background:#fff;}

.news2-arrow li a:hover{ color:#333;}

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

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

	.news2-date{margin-top: 10px;}

	.news2-content{font-size: 14px;font-size: 1.4rem;padding:20px 0 30px;}

}

/*-------------9-news end-------------------------------------------------------------------*/

/*-------------10-contact us start--------------------------------------------------------*/

.page_contact{padding:0 0 90px;}

.contact-title{font-size: 30px;font-size: 3rem;line-height: 32px;}

.map iframe{width: 100%;display: block;margin-top: 93px;}

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

	.page_contact{padding:0 0 70px;}

	.map img{margin-top: 70px;}

}

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

	.page_contact{padding:0 0 50px;}

	.map img{margin-top: 50px;}

}

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

	.page_contact{padding:0 0 30px;}

	.contact-title{font-size: 24px;font-size: 2.4rem;line-height: 30px;}

	.map img{margin-top: 30px;}

}





.coxin{ margin-top:24px;overflow: hidden;}

.coxin .int1{ padding-left:18px; background:url(../images/star.png) no-repeat left 14px;   background:url(../images/star.png) no-repeat left 57px\0; background-size: 4px 4px;     }    

.mat4{ margin-top:21px;}

.coxin .int1 input{ width:321px; height:34px; line-height:32px; border:1px solid #cccccc; float:left; padding-left:11px; margin-left:105px;background-color: #FFFFFF;}

.coxin .int2{ padding-left:18px; background:url(../images/star.png) no-repeat left 6px; margin-top:17px; background-size: 4px 4px; }

.coxin .int2 textarea{ width:1182px; height:133px; line-height:30px; border:1px solid #cccccc; padding-left:11px;background-color: #FFFFFF; }

.coxin .int3{ padding-left:18px; background:url(../images/star.png) no-repeat left 14px; margin-top:21px; float:left; background-size: 4px 4px; }

.coxin .int3 input{ width:363px; height:34px; line-height:32px; border:1px solid #cccccc; padding-left:11px; background-color: #FFFFFF;}

.coxin .yanzheng{ width:117px; height:34px; float:left; margin-left:50px; margin-top:21px; cursor:pointer;}

.coxin .int4{ width:323px; height:34px; float:right; margin-top:21px; background:#353944; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; cursor:pointer;}

.coxin .int4:hover{ background:#000;}

.ctel{float: right!Important;}



/* .xuanze{padding-left: 21px;background: url(../images/star.png) no-repeat left 14px;float: left;margin-left: 84px;} */



.maln {  margin-left: auto !important;}

.cou{position: relative;display: inline-block;}

.cou:before{position: absolute;content: '';width: 5px;height: 34px;background: url(../images/star.png) no-repeat left center;left: 90px;top: 0;background-size: 4px 4px; }



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

.coxin .int1 input{ width:290px; margin-left:25px;}

.coxin .int2 textarea{ width:962px;}

.cou:before{left: 7px;}

/*.xuanze select{width: 304px;}*/

}

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



.coxin .int1 input{ width:290px; margin-left:25px;}

.coxin .int2 textarea{ width:950px;}

.coxin .int1,.coxin .int2{ margin-top:auto;}

.coxin .int1 input{ width:92%; float:none; margin-left:auto; margin-bottom:21px;}

.coxin .int2 textarea{ width:92%;}

.coxin .int3{ float:none;}

.coxin .int3 input{ width:92%;}

.coxin .yanzheng{ margin-left:18px;}

.coxin .int4{ width:92%; float:left; margin-left:11px;}

.ctel{float: left!Important;}



/* .xuanze{margin-left: 0;position: relative;left: -18px;padding-left: 18px;width: 100%;} */

/* .xuanze input{width: 94.%!Important;} */

.cou{width: 92%;}

.cou input{width: 100%!Important;}

.cou:before{left: -18px;}

}







/*-------------10-contact us end----------------------------------------------------------*/



.page a.no:hover{    border: solid 1px #E5E5E5!important;

    background-color: #EEEEEE!important;

    color: #333!important;}



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







.xuanz{background: #1F2121;

color: #fff;

line-height: 74px;

margin-top: -11px;}



.pro-btns a.no:hover{border: solid 1px #000000;color:#000000;background: #fff; }



.ppp{    display: block;

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







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

.listcart a{ background:#fff;display:inline-block;height: 30px; width:150px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #333;cursor: pointer;  border:1px solid #333; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}

.listcart a:hover{  border:#333 solid 1px; background:#333; color:#fff}

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

.listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }

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

}

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

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

}





.xuz{    background: #1F2121;

    color: #fff!Important;

    line-height: 74px!important;

    margin-top: -11px;}



.tab-options li{cursor:pointer;}





.phone_nav .nav > ul > li{text-transform:Uppercase;}





.pro2-detail table{font-size: 14px;}

    


.pj-tab-desc video {
    max-width: 100%;
    width: 390px;
    height: 298px;
    margin-left: 10px;
}

.pj-tab-desc iframe {
    max-width: 100%;
    width: 390px;
    height: 298px;
    margin-left: 10px;
}


.cover { background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999; display: none; }

.covern { background: #fff; width: 520px; border-radius: 10px; margin: 0 auto; position: relative; padding-top: 58px; padding-bottom: 34px; top: 200px; }

.guanbi { position: absolute; top: 13px; right: 14px; cursor: pointer; }

.covernr { padding-left: 87px; padding-right: 87px; }

.if { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 24px; padding: 0 10px; text-align: center; margin-bottom: 27px; }

.mima { width: 346px; height: 50px; line-height: 50px; padding-left: 44px; background: #eeeeee url(../images/down_07.png) no-repeat left center; font-size: 16px; }

.xzbtn { width: 142px; height: 42px; line-height: 40px; background: #1F2121; color: #fff; border: 1px solid #1F2121; text-align: center; margin: 0 auto; display: block; margin-top: 33px; cursor: pointer; }

.xzbtn:hover { background: #fff; color: #1F2121; }

@media screen and (max-width: 767px) { .covern { width: 90%; }
  .covernr { padding-left: 30px; padding-right: 30px; }
  .mima { width: 100%; }
}
@media screen and (max-width: 480px) { 
    .covern { width: 98%; top: 30px; }
  .covernr { padding-left: 20px; padding-right: 20px; }
  .if { padding: 0; } 
    
}

@media screen and (max-width: 1000px) {
	.ppp{ margin-top: 0px;}
}


.banner {     position: relative;
}
 .slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{	width:100%;	position:absolute;}
.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide .dotList{ position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; margin-top: 20px; }
.slide .dotList ul li{ display: inline-block; width: 10px; height: 10px; background-position:-12px 0px; margin-left: 10px; cursor:pointer; }
.slide .dotList ul li.active{ background-position:0px 0px; background:url(../images/dot.png) no-repeat center center;}
.slide .carousel-control{position: absolute; top: 45%; width: 62px; height: 62px; z-index:999; }
.slide .carousel-control.left{left:0;	cursor:pointer; background-image: url("../images/jtl1.png");}
.slide .carousel-control.right{	right:0; cursor:pointer;}
.slide .carousel-control.right { right: 0; background-image: url("../images/jtr1.png"); background-repeat: no-repeat; cursor: pointer; }

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

.slide .dotList ul li{cursor: pointer; background:url(../images/dot1.png) no-repeat center center; font-size: 0px; margin-left: 4.5px; margin-right: 4.5px; border: none;outline: none; width: 16px; height: 16px;}

.slide .slidedetail{display:none;}
.slide .slide-count { display: none; }


  
  
.slide .wp{ position: absolute;   left: 50%;
    transform: translateX(-50%); bottom:140px;
    display: flex;
    flex-wrap: wrap;
    
 }
 
 .slide .wp1{ justify-content: center;  bottom:80px;} 
 
  .learn-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #333;
  background: transparent;
  border: 1.5px solid #333;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;

}

.learn-more-btn .arrow {
  transition: transform 0.3s ease;
  flex-shrink: 0;
}


@media screen and (max-width: 999px) {
    .slide .wp{  display:none;}
}