@charset "utf-8";

@media (max-width : 767px) {
/*
	titles
*/
.pslist li{width: 50%;}
.c-title, .c-title-white { font-size: 2.4rem; }
.c-title-2 { padding: 20px 0; }
.c-title-2 h2 { font-size: 2.4rem; line-height: 36px; padding: 10px 0 0 0; }
.c-title-2 p { color: #727272; font-size: 1.4rem; }
.c-title-3 { font-size: 4rem; }
.c-title-4 { padding: 140px 0 0 0; font-size: 3.6rem; }
    .c-title-5 { padding: 140px 0 0 0; font-size: 2.8rem; }
/*
	da-slide
*/
.da-slide h2 { font-size: 2.4rem; }
.da-slide .text-1,.da-slide .text-2,.da-slide .text-3,.da-slide .text-4 { font-size: 2rem; }
.main_box .text-1,.main_box .text-2,.main_box .text-3,.main_box .text-4{ font-size: 3rem; }

.da-arrows { display: none; }
/*
	header
*/
.header { height: 81px; background: #ffffff; z-index: 1020;}
.header .logo { width: 60px; height: 45px;background-size: 60px 45px; text-indent: -9999px; }
.header .lang{ position: absolute;right: 60px; top: 15px; font-size: 1.0rem;}
/*
	responsive menu
*/
#menu { display: none; }
.slicknav_menu { display: block; }
.navbar-collapse{width: 100%;}
.header .navbar{min-height: 80px;background: url("../images/logo-mobile.png")no-repeat 35% 31%;}
.header .navbar-nav { clear: both; width: 100%; background: #ffffff; float: none; margin-top:0;}
.header .navbar-nav li { line-height: 36px; border-bottom: 1px solid #232323; border-top: 1px solid #0e0e0e; float: none; }
.header .navbar-nav li a { display: block; padding: 7px 16px; height: 100%; color: #717171;font-size: 1.4rem; }
.header .navbar-nav li a:hover,.header .navbar-nav a.active {
color:#; background: #a3a1f9; text-decoration: none; transition: background .5s; -webkit-transition: background .5s;border:0; }

}
/* 
	Smartphones (portrait)
	==================================================================================
*/
@media ( min-width: 320px) and ( max-width:480px ) {
.col-xs-6{width: 100%;}
/*
	da-slide
*/
.lightBoxContent{width: 587px;top:60%;overflow:hidden;}
.da-slider { width: 100%; height: 530px; }
.case_cb .pic .nb{font-size:13px;}
.c-title-2{padding:60px 0;}
.blog-post p img{display: block;margin: auto;}
.c-title-2 h2{margin-top: 50px;font-size: 4rem;}
.header .logo{display: none;}
.da-slide .da-img img { display: block;height: 430px;width: 100%;}
.sky_cot{position: absolute;
    bottom: 13%;
    right: 37%;}
.page_box .snow_cot {
    position: absolute;
    bottom: -20%;
    left: 62%;
    font-size: 5rem;
}
#aboutus h2{margin-top: 100px;}
#aboutus li{text-align: center;}
#aboutus .item-scene{border-bottom:1px solid #dfdfdf;padding-bottom: 60px;}
.center-case-image img{display: block;width:200%;height:auto;margin-top:50%;margin-left:-50%;}
/*
	company-title
*/
.company-title { padding: 20px 0 40px 0; width: 90%; }
.company-title p { padding: 20px 10px; }
/*
	technological-innovation
*/
.technological-innovation .list { width: 100%; padding: 30px 0 0 0; }
.technological-innovation .item { float: left; width: 50%; text-align: center; padding: 0 0 20px 0; }
.technological-innovation .item img { width: 100px; }
.technological-innovation .item p { font-size: 1.6rem; padding: 10px 0 0 0; }
/*
	idx-case-tec
*/
.idx-case-tec .list { width: 100%; max-width: 398px; margin: 0 auto; }
.idx-case-tec .list li { float: none; width: 100%; max-width: 398px; height: auto; padding: 1px; margin: 0; }
.idx-case-tec .list img { width: 100%; max-width: 398px; }
.idx-case-tec .product-ie h3 { padding-top: 30px; }
/*
	start-pro
*/
.start-pro { height: 230px; }
.start-pro h1 { padding: 14px 10px 0 10px; font-size: 2.4rem; }
.start-pro h3 { font-size: 1.6rem; padding: 0 10px 10px 10px; }
/*
	footer
*/
.footer { height: auto; text-align: center; overflow: hidden; }
.footer .links { padding: 38px 0 0 0; float: none; }
.footer .links li { margin: 0; padding: 0 0 10px 0; float: none; }
    .footer .links li.mail { margin: 0 auto;; padding: 0 0 10px 0; float: none; width:80%;text-align:center;}
.footer .links a { font-size: 1.4rem; }
.footer .copyright { font-size: 1.2rem; padding: 0; float: none; }
/*    7.27*/
.footer .copyright .tel { padding: 0; float: none; text-align:center;}
/*
	case-list
*/
.case-list li { height: auto; padding: 20px 0; }
.case-list .inner { width: 90%; }
.case-list h1 { font-size: 2.4rem; line-height: 36px; position: relative; left: auto; top: auto; width: 100%; text-align: center; }
.case-list p { ont-size: 1.4rem; line-height: 24px; position: relative; left: auto; top: auto; width: 100%; text-align: left; padding: 20px 10px 0 10px; }
.case-list figure { position: relative; width: 100%; text-align: center; right: auto; top: auto; }
.case-list figure img { /* max-width: 632px; */ width: 100%; }
.case-list .btn-visit { position: relative; top: auto; left: auto; margin: 0 auto; }
.case-list .type2 h1 { left: auto; right: auto; text-align: center; }
.case-list .type2 p { left: auto; right: auto; text-align: left; }
.case-list .type2 .btn-visit { left: auto; right: auto; }
.case-list .type2 figure { left: auto; }
    .case-list  figure a .zoom{left:45%;top:35%;}
    /*new case list*/
    .case_top{padding-top: 50px;}
    .case_cb{margin: 0px auto;width: 100%;padding:5px;}
.case_nb{margin: 30px auto;width: 100%;padding:5px;}
.case_nb li{float: left;list-style: none;margin-right: 2px;letter-spacing: 1px;}
.case_nb li a{color: #333;font-size: 14px;padding: 6px 10px;}
.case_nb li a:hover,.case_nb li a.active{color: #fff;background: #333;text-decoration: none;}

.case_cb .title{font-size: 16px;margin-top: 10px;font-weight: bold;}
.case_cb .tags{font-size: 12px;color: #999;margin-top: 10px;}
/*
	service-list
*/
.service-list { width: 100%; margin: 30px 0; }
.service-list li { float: none; width: 98%; margin: 10px 5px; }
.youhuiquan-list { width: 100%; margin: 30px 0; }
.youhuiquan-list li { float: none; width: 98%; margin: 10px 5px; }
/*
	blog-post
*/
.blog-post { width: 90%; }
.blog-post figure { float: none; }
.blog-post .main { float: none; width: 100%; margin: 0 auto; }
.blog-post .main h5 { line-height: 36px; }
.blog-post .date { text-align: center; }
.blog-post .btn-blog { display: block; margin: 0 auto; }
.share { display: none; }
/*
	about-info
*/
.about-info { width: 100%; margin: 30px 0; }
.about-info figure { float: none; text-align: center; }
.about-info figure img { width: 90%; }
.about-info .content { float: none; width: 90%; margin: 0 auto; padding: 20px 0 0 0; }
.about-info .content p { margin: 0 0 22px 0; }
/*
	about-goods
*/
.about-goods { width: 100%; margin: 30px 0 0 0; }
.about-goods .item { float: none; width: 96%; margin: 10px auto; }
.about-goods li { padding: 20px 30px 20px 40px; height: auto; background: url(../images/icon-28.png) no-repeat 20px 40px; }
/*
	about-team
*/
.about-team { width: 100%; margin: 0; }
.about-team .item { float: none; width: 90%; margin: 0 auto; }
.about-team .hobby { height: auto; }
.tabfContent .case_cb .intruduce{ height: auto; }
.about-team .arrow-top { top: 90px; }

.about-team .left-else{width:100%;}
.about-team .right-content{width:100%;}
.about-team .left-navigation{width:52%;margin:0 auto;}
.about-team .left-navigation li{margin-top: 20px;padding: 10px 0; text-align: center;float: left;}
.about-team .left-else a{color: #333;padding: 7px 10px;font-size: 18px;text-decoration: none;}
.about-team li a:hover,.about-team li a.active{color: #ffffff;background: #18248c;text-decoration: none;}
.about-team .right-content .item-scene{width: 100%;margin:10px auto;}


/*
	contact-body
*/
.contact-body { width: 100%; }
/*
	contact-form
*/
.contact-form { float: none; width: 100%; margin-top: 20px;}
.contact-form p { padding: 0; text-align: center; margin: 0; }
.contact-form .txt, .contact-form .txt2 { float: none; width: 90%; margin: 0 0 20px 0; }
.contact-form .txt2 { width: 90%; height: 100px; }
.contact-form .btn-area { text-align: center; padding: 0; line-height: 30px; }
.contact-form .mailing { float: none; font-size: 1.2rem; padding: 0 5px; width: 100%; }
.contact-form .btn-send { float: none; width: 90%; margin: 20px auto 0 20px; }
/*
	contact-ways
*/
.contact-ways { float: none; width: 90%; text-align: center; margin:30px auto; }
.contact-ways h2 { font-size: 2rem; }
.contact-ways .qr-code { position: relative; right: auto; top: auto; }
.u-signup { width: 100%; margin: 30px auto; overflow: hidden;font-size: 1.5rem;padding: 10px; }
.signupbtn{float: left;
color: #000;
background: #5CC9DF;
border: 3px solid #5CC9DF;
width: 100%;
height: 46px;
font-size: 1.8rem;
letter-spacing: 6px;}

.signupbtn:hover {
background: #000;
border: 3px solid #000;
color: #FFF;
}
 .radio, .checkbox{padding-left:20px;margin:0;}  
/*product content*/
.protop{width: 100%;background: #EAEAEA; height: auto;}
.protop .bigimg{width: 100%; text-align: center;padding-top:42px;display: none; }
.protop .text{width: 100%;text-align: center;}
.protop .text .title{padding: 70px 0 0 0;font-size: 3.2rem;
letter-spacing: 0px;text-align: center;}
.h11{font-size: 2.2rem;}
.protop .text .feature{margin:20px 0;font-size: 1.4rem; line-height:20px;text-align: left;}
.protop .text .feature li{background: url(../images/bluedot.png) no-repeat 5px 8px;padding-left:20px;}
.protop .text .btt{padding: 7px 10px; background: #5CC9DF; text-align: center;font-size: 1.4rem;color: #fff;}
.probar{height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; font-size: 1.4rem; width: 100%;}
.product-cc{ background: #fff; border: 1px solid #dadada; margin-top:70px;margin-bottom: 30px; clear: both;padding: 15px;}
.product-cc .top-left{width:100%; text-align: center; padding: 15px 0px;}
.product-cc .top-right{width:100%;  padding: 10px 0px;}
.product-cc .top-right h2{font-size: 2.0rem;}
.buybt{padding: 10px 15px; background: #5CC9DF; text-align: center;font-size: 1.5rem;color: #fff;}
.hidden_320{display: none;}
.signin-box{width: 100%; border:1px solid #dadada;margin: 20px auto;padding: 10px;overflow: hidden;font-size: 1.5rem;}
.signin-box .leftweinxin{width:100%;  text-align: center; border: 0}
.signin-box .rightlogin{width:100%; padding: 10px;}
.signin-box .leftweinxin .overtime{background: #000;
width: 175px;
height: 175px;
position: absolute;
top: 77px;
left: 30%;
filter: Alpha(opacity=80);
opacity: .8;
text-align: center;
line-height: 175px;
color: #fff;
z-index: 999;
}
/*text*/
.container{width: 320px;height: 330px;margin:auto;}
.con-show01{width: 90px;height: 250px;float: left;margin-left: 6px;overflow: hidden;transform:rotate(120deg);}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background:#4698de;transition: opacity 0.3s;}
.con-show03:hover > div{opacity: 1;}
.con-show03 img{display:block;height:100%;width:100%;}
.con-show03 h3{margin-top: 92px;font-size: 7px;}
.con-show03 p{line-height: 10px;font-size: 5px;}
.con-show03 a{ display: inline-block; border: 1px solid #353434;color: #000;padding: 2px 5px;font-size: 7px;}
.con-show03 a:hover { background: #000; color: #FFF; text-decoration: none; }
.margin-left{margin-left:54px;}
.margin-top{margin-top: -168px;}
}
/*sign up*/
@media (max-width: 480px ){ .hidden-xh{display: none;} 

.company-logo span {
padding:0 10px;
    
}
.header .logo{display: none;}
.company-logo span a {
    position:relative;
display:inline-block;
width:50px;
height:50px;
position: relative;
background-color: rgba(255,255,255,.6);
border:4px solid #dadada;
 border-radius: 50px;
 -moz-border-radius: 15px; /* Firefox */
 -webkit-border-radius: 15px; /* Safari 和 Chrome */
}
.company-logo span a img{border-radius: 40px;width: 40px;}
.company-logo span a:hover,.company-logo span a.active{border:4px solid #5CC9DF;display:inline-block;}
.company-logo span a:hover .arr,.company-logo span a.active .arr{display:block;}
.company-logo span a .arr {
    position:absolute;
left: 0px;
bottom:54px;
display:none;
}
 }
/* 
	portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.
	==================================================================================
*/
@media (min-width: 481px ) and (max-width: 767px ) {
/*
	da-slide
*/
.header .logo{display: none;}
.da-slider { width: 100%; height: 550px; }
.da-slide .da-img img { display: block;width:100%;height: 470px; }
.center-case-image img{display: block;width:100%;height:450px;margin: auto;margin-top: 60px;}
/*
	company-title
*/
.company-title { max-width: 90%; }
/*
	technological-innovation
*/
.technological-innovation .list { max-width: 100%; padding: 30px 0 0 0; }
.technological-innovation .item { float: left; width: 50%; text-align: center; padding: 0 0 20px 0; }
.technological-innovation .item img { width: 100px; }
.technological-innovation .item p { font-size: 1.6rem; padding: 10px 0 0 0; }
/*
	idx-case-tec
*/
.idx-case-tec .list { width: 100%; }
.idx-case-tec .list li { width: 50%; height: auto; margin: 0; padding: 1px; }
.idx-case-tec .list img { max-width: 100%; }
.idx-case-tec .product-ie h3 { padding-top: 30px; }
/*
	footer
*/
.footer { height: auto; text-align: center; overflow: hidden; }
.footer .links { padding: 38px 0 0 0; float: none; }
.footer .links li { margin: 0; padding: 0 0 10px 0; float: none; }
    .footer .links li.mail { margin: 0 auto;; padding: 0 0 10px 0; float: none; width:80%;text-align:center;}
.footer .links a { font-size: 1.4rem; }
.footer .copyright { font-size: 1.2rem; padding: 0; float: none; }
    .footer .copyright .tel { padding: 0; float: none;  text-align:center;}
/*
	case-list
*/
.case-list li { height: auto; padding: 20px 0; }
.case-list .inner { width: 90%; }
.case-list h1 { font-size: 2.4rem; line-height: 36px; position: relative; left: auto; top: auto; width: 100%; text-align: center; }
.case-list p { ont-size: 1.4rem; line-height: 24px; position: relative; left: auto; top: auto; width: 100%; text-align: left; padding: 20px 10px 0 10px; }
.case-list figure { position: relative; width: 100%; text-align: center; right: auto; top: auto; }
.case-list figure img { /* max-width: 632px; */ width: 60%; }
.case-list .btn-visit { position: relative; top: auto; left: auto; margin: 0 auto; }
.case-list .type2 h1 { left: auto; right: auto; text-align: center; }
.case-list .type2 p { left: auto; right: auto; text-align: left; }
.case-list .type2 .btn-visit { left: auto; right: auto; }
.case-list .type2 figure { left: auto; }
     .case-list  figure a .zoom{left:45%;top:35%;}
         /*new case list*/
         .case_top{padding-top: 60px;}
         .case_cb{margin: 0px auto;width: 100%;max-width: 720px;padding:5px;}
.case_nb{margin: 30px auto;width: 100%;max-width: 720px;padding:5px;}
.case_nb li{float: left;list-style: none;margin-right: 2px;letter-spacing: 1px;}
.case_nb li a{color: #333;font-size: 14px;padding: 6px 10px;}
.case_nb li a:hover,.case_nb li a.active{color: #fff;background: #333;text-decoration: none;}

.case_cb .title{font-size: 16px;margin-top: 10px;font-weight: bold;}
.case_cb .tags{font-size: 12px;color: #999;margin-top: 10px;}
/*
	service-list
*/
.service-list { width: 98%; margin: 30px auto; }
.service-list li { float: none; width: 100%; height: auto; margin: 10px auto; padding: 0 0 40px 0; }

.youhuiquan-list { width: 98%; margin: 30px auto; }
.youhuiquan-list li { float: none; width: 100%; height: auto; margin: 10px auto; padding: 0 0 40px 0; }

/*
	blog-post
*/
.blog-post { width: 100%; }
.blog-post figure { float: none; }
.blog-post .main { float: none; width: 90%; margin: 0 auto; }
.blog-post .main h5 { line-height: 36px; }
.blog-post .date { text-align: left; }
.blog-post .btn-blog { display: block; margin: 0; }
.share { display: none; }
/*
	about-info
*/
.about-info { width: 100%; margin: 30px 0; }
.about-info figure { float: none; text-align: center; }
.about-info figure img { width: 90%; max-width: 550px; }
.about-info .content { float: none; width: 90%; margin: 0 auto; padding: 20px 0 0 0; }
.about-info .content p { margin: 0 0 22px 0; }
/*
	about-goods
*/
.about-goods { width: 100%; margin: 30px 0 0 0; }
.about-goods .item { float: none; width: 96%; margin: 10px auto; }
.about-goods li { padding: 20px 30px 20px 40px; height: auto; background: url(../images/icon-28.png) no-repeat 20px 40px; }
/*
	about-team
*/
.about-team { width: 100%; margin: 0; }
.about-team .item { float: none; width: 90%; margin: 0 auto; }
.tabfContent .case_cb .intruduce{ height: auto; }
.about-team .hobby { height: auto; }
.about-team .arrow-top { top: 90px; }

.about-team .left-else{width:100%;}
.about-team .right-content{width:100%;}
.about-team .left-navigation{width:50%;margin:0 auto;}
.about-team .left-navigation li{margin-top: 20px;padding: 10px 0; text-align: center;float: left;}
.about-team .left-else a{color: #333;padding: 7px 10px;font-size: 18px;text-decoration: none;}
.about-team li a:hover,.about-team li a.active{color: #ffffff;background: #18248c;text-decoration: none;}
.about-team .right-content .item-scene{width: 100%;margin:10px auto;}
/*
	contact-body
*/
.contact-body { width: 100%; }
/*
	contact-form
*/
.contact-form { float: none; width: 100%; }
.contact-form p { padding: 0; text-align: center; margin: 0; }
.contact-form .txt, .contact-form .txt2 { float: none; width: 90%; margin: 0 0 20px 0; }
.contact-form .txt2 { width: 90%; height: 100px; }
.contact-form .btn-area { text-align: center; padding: 0; line-height: 30px; }
.contact-form .mailing { float: none; font-size: 1.2rem; padding: 0 5px; width: 100%; }
.contact-form .btn-send { float: none; width: 90%; margin: 20px auto 0 30px; }
/*
	contact-ways
*/
.contact-ways { float: none; width: 90%; text-align: center; margin: 30px auto; }
.contact-ways h2 { font-size: 2.4rem; }
.contact-ways .qr-code { position: relative; right: auto; top: auto; }
.radio, .checkbox{padding-left:30px;margin:0;}   
/*product content*/
.protop{width: 100%;height: auto; background: #EAEAEA;padding-top:30px;}
.protop .bigimg{width: 39%; text-align: center;padding-top:95px; float: left; }
.protop .text{width: 61%;text-align: center; float: right;}
.protop .text .title{padding: 70px 0 0 0;font-size: 3.2rem;
letter-spacing: 1px;}
.protop .text .feature{margin:20px 0;font-size: 1.4rem; line-height:24px;text-align: left;}
.protop .text .feature li{background: url(../images/bluedot.png) no-repeat 5px 8px;padding-left:20px;color:#666;margin-left:20px;}
.protop .text .btt{padding: 7px 10px; background: #5CC9DF; text-align: center;font-size: 2.4rem;color: #fff;}
.probar{height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; font-size: 1.8rem; width: 100%;}
.product-cc{ background: #fff; border: 1px solid #dadada; margin-top:70px;margin-bottom: 30px; clear: both;padding: 15px;}
.product-cc .top-left{width:30%; text-align: center; padding: 15px 10px;}
.product-cc .top-right{width:70%;  padding: 10px 15px;}
.product-cc .top-right h2{font-size: 2.8rem;}
.buybt{padding: 10px 15px; background: #5CC9DF; text-align: center;font-size: 1.5rem;color: #fff;}
.signin-box{width: 100%; border:1px solid #dadada;margin: 20px auto;padding: 15px;overflow: hidden;font-size: 1.5rem;}
.signin-box .leftweinxin{width:45%; float: left;border-right:1px solid #eaeaea; text-align: center;}
.signin-box .rightlogin{width:55%; float: right;padding: 10px;}
.signin-box .leftweinxin .overtime{background: #000;
width: 175px;
height: 175px;
position: absolute;
top: 77px;
left: 44px;
filter: Alpha(opacity=80);
opacity: .8;
text-align: center;
line-height: 175px;
color: #fff;
z-index: 999;
}
/*text*/
.container{width: 481px;height: 430px;margin:auto;}
.con-show01{width: 140px;height: 250px;float: left;margin-left: 6px;overflow: hidden;transform:rotate(120deg);}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background:#4698de;transition: opacity 0.3s;}
.con-show03:hover > div{opacity: 1;}
.con-show03 img{display:block;height:100%;width:100%;}
.con-show03 h3{margin-top: 70px;}
.con-show03 p{line-height: 40px;}
.con-show03 a{ display: inline-block; border: 1px solid #353434;color: #000;padding: 2px 5px;}
.con-show03 a:hover { background: #000; color: #FFF; text-decoration: none; }
.margin-left{margin-left: 79px;}
.margin-top{margin-top: -124px}
}
/* 
	portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones 
*/
@media (min-width: 641px ) and (max-width: 767px ) {
/*
	da-slide
*/
.da-slider { width: 100%; height: 610px; }
.da-slide .da-img img { display: block;width:100%;height: 530px;}
.center-case-image img{display: block;width:100%;height:450px;margin: auto;margin-top: 60px;}
    .radio, .checkbox{padding-left:30px;margin:0;}  
    /*product content*/
.protop{width: 100%;height: auto; background: #EAEAEA;padding-top:40px;}
.protop .bigimg{width: 40%; text-align: center;padding-top:74px; }
.protop .text{width: 60%;text-align: center;}
.protop .text .title{padding: 70px 0 0 0;font-size: 3.2rem;
letter-spacing: 1px;text-align: center;}
.protop .text .feature{margin:20px 0;font-size: 1.8rem; line-height:24px;text-align: left;}
.protop .text .feature li{background: url(../images/bluedot.png) no-repeat 5px 8px;padding-left:20px;color:#666;margin-left:20px;}
.protop .text .btt{padding: 7px 10px; background: #5CC9DF; text-align: center;font-size: 2.4rem;color: #fff;}
.probar{height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; font-size: 1.8rem; width: 100%;} 
.product-cc{ background: #fff; border: 1px solid #dadada; margin-top:70px;margin-bottom: 30px; clear: both;padding: 15px;}
.product-cc .top-left{width:30%; text-align: center; padding: 15px 10px;}
.product-cc .top-right{width:70%;  padding: 10px 0px;}
.product-cc .top-right h2{font-size: 2.8rem;}
.buybt{padding: 10px 15px; background: #5CC9DF; text-align: center;font-size: 1.5rem;color: #fff;}
/*text*/
.container{width: 650px;height: 430px;margin:auto;}
.con-show01{width: 200px;height: 250px;float: left;margin-left: 6px;overflow: hidden;transform:rotate(120deg);}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background:#4698de;transition: opacity 0.3s;}
.con-show03:hover > div{opacity: 1;}
.con-show03 img{display:block;height:100%;width:100%;}
.con-show03 h3{margin-top: 70px;}
.con-show03 p{line-height: 40px;}
.con-show03 a{ display: inline-block; border: 1px solid #353434;color: #000;}
.con-show03 a:hover { background: #000; color: #FFF; text-decoration: none; }
.margin-left{margin-left: 109px;}
.margin-top{margin-top: -72px;}
}
/* 
	Small devices (tablets, 768px and up) 
	==================================================================================
*/
@media (min-width: 768px ) and (max-width: 991px) {
/*
	da-slide
*/
.header .menu li, .header .navbar-nav li {margin: 0 3px; }
.da-slider { min-width: 768px; height: 680px; }
.da-slide h2 { font-size: 3.0rem; }
.sky_cot{position: absolute;
    bottom: 16%;
    right: 36%;}
.page_box .snow_cot {
    position: absolute;
    bottom: -20%;
    left: 62%;
    font-size: 5rem;
}
.da-slide .text-1,.da-slide .text-2,.da-slide .text-3,.da-slide .text-4{ font-size: 3.5rem; }
.main_box .text-1,.main_box .text-2,.main_box .text-3,.main_box .text-4{ font-size: 4rem; }

.da-slide .da-img img {display: block;height: 690px;width: 100%;}
.center-case-image img{display: block;width:100%;height:450px;margin: auto;margin-top: 60px;}
/*
	company-title
*/
.company-title { max-width: 768px; }
.company-title p { padding: 20px; }
/*
	technological-innovation
*/
.technological-innovation .list { max-width: 768px; padding: 80px 0 0 0; }
.technological-innovation .item { float: left; width: 25%; text-align: center; padding: 0 0 20px 0; }
.technological-innovation .item img { width: 120px; }
.technological-innovation .item p { font-size: 1.8rem; padding: 10px 0 0 0; }
/*
	idx-case-tec
*/
.idx-case-tec .list { width: 768px; }
.idx-case-tec .list li { width: 254px; height: auto; }
.idx-case-tec .list img { max-width: 254px; }
.idx-case-tec .product-ie h3 { font-size: 2.4rem; padding-top: 20px; }
.idx-case-tec .product-ie p { font-size: 1.4rem; }
/*
	case-list
*/
.case-list li { height: 300px; padding: 20px 0; }
.case-list .inner { width: 748px; }
.case-list h1 { font-size: 2.4rem; line-height: 36px; top: 30px; width: 420px; }
.case-list p { font-size: 1.2rem; line-height: 24px; top: 96px; width: 420px; }
.case-list figure { width: 300px; right: 0; }
.case-list figure img { /* max-width: 632px; */ width: 300px; }
.case-list .btn-visit { }
     .case-list  figure a .zoom{left:40%;top:28%;}
/*
	service-list
*/
.service-list { max-width: 768px; }
.service-list li { width: 236px; height: 275px; }
.youhuiquan-list { max-width: 768px; }
.youhuiquan-list li { width: 236px; }
/*
	blog-post
*/
.blog-post { max-width: 748px; }
.blog-post .main { width: 520px; }
/*
	page-nav
*/
.page-nav { max-width: 748px; }
/*
	about-info
*/
.about-info { max-width: 748px; }
.about-info figure img { width: 360px; }
.about-info .content { width: 360px; }
.about-info .content p { margin: 0 0 22px 0; }
/*
	about-goods
*/
.about-goods { max-width: 768px; }
.about-goods .item { width: 236px; }
.about-goods li { padding: 20px 30px 20px 30px; height: 200px; background: url(../images/icon-28.png) no-repeat 10px 40px; }
.service-list li{width:25%;height:300px;}
/*
	about-team
*/
.about-team { max-width: 768px; }
.tabfContent .case_cb .intruduce{ height: auto; }
.about-team .item { width: 600px; }
.about-team .hobby { height: auto; }
.about-team .arrow-top { top: 110px; }
/*
	contact-body
*/
.contact-body { width: 748px; }
/*
	contact-form
*/
.contact-form { width: 320px; }
.contact-form p { padding: 0; text-align: center; margin: 0; }
.contact-form .txt, .contact-form .txt2 { width: 320px; margin: 0 0 20px 0; }
.contact-form .txt2 { width: 320px; height: 100px; }
.contact-form .btn-area { text-align: center; padding: 0; line-height: 30px; }
.contact-form .mailing { float: none; font-size: 1.2rem; padding: 0 5px; width: 100%; }
.contact-form .btn-send { float: none; width: 320px; margin: 20px auto 0 auto; }
/*
	contact-ways
*/
.contact-ways { width: 320px; }
.contact-ways h2 { font-size: 2rem; margin: 10px 0 0 0; }



.footer .links li { float: left; margin: 0 0 0 10px; line-height: 26px; }
.footer .links a { color: #8e8e8e; font-size: 1.4rem; }
.footer .links a:hover { color: #5CC9DF; text-decoration: none; }
.footer .copyright { color: #646464; font-size: 1.0rem; padding: 15px 10px 0 0;  float: right;width:260px; }
.footer .copyright .tel{color:#fff;height:38px;line-height:38px; text-align:center;font-size: 1.5rem; }
.footer .copyright a{color:#646464;}
     /*product content*/
.protop{width: 100%;height: auto; background: #EAEAEA;}
.protop .text .title{padding: 170px 0 0 30px;font-size: 4.2rem;
letter-spacing: 1px;text-align: center;}
.protop .text .feature{margin:20px 0 0 30px;font-size: 1.4rem; line-height:22px;text-align: left;}
.protop .text .feature li{background: url(../images/bluedot.png) no-repeat 5px 8px;padding-left:20px;color:#666;}
.protop .text .btt{padding: 7px 10px; background: #5CC9DF; text-align: center;font-size: 2.0rem;color: #fff;}
.probar{height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; font-size: 1.8rem; width: 100%;}   
/*text*/
.container{width: 650px;height: 430px;margin:auto;}
.con-show01{width: 200px;height: 250px;float: left;margin-left: 6px;overflow: hidden;transform:rotate(120deg);}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background:#4698de;transition: opacity 0.3s;}
.con-show03:hover > div{opacity: 1;}
.con-show03 img{display:block;height:100%;width:100%;}
.con-show03 h3{margin-top: 70px;}
.con-show03 p{line-height: 40px;}
.con-show03 a{ display: inline-block; border: 1px solid #353434;color: #000;padding: 2px 5px;}
.con-show03 a:hover { background: #000; color: #FFF; text-decoration: none; }
.margin-left{margin-left: 109px;}
.margin-top{margin-top: -72px;}
}


/* 
	Medium devices (desktops, 992px and up) 
	==================================================================================
*/
@media (min-width: 992px ) {
/*
	da-slide
*/
.da-slider { min-width: 960px; height: 770px; }
.da-slide h2 { font-size: 3.6rem;}
.da-slide .text-1,.da-slide .text-2,.da-slide .text-3,.da-slide .text-4{ font-size: 5rem; font-size: 30px\9;}
.main_box .text-1,.main_box .text-2,.main_box .text-3,.main_box .text-4{ font-size: 5rem; }
.da-slide .da-img img { display: block;height: 690px;width: 100%;}
.center-case-image img{display: block;width:100%;height:500px;margin: auto;margin-top: 60px;}
/*
	company-title
*/
.company-title { min-width: 960px; }
.company-title p { padding: 20px; }
/*
	technological-innovation
*/
.technological-innovation .list { min-width: 960px; }
.technological-innovation .item { float: left; width: 25%; text-align: center; padding: 0 0 20px 0; }
.technological-innovation .item img { width: auto; }
.technological-innovation .item p { font-size: 2.4rem; padding: 30px 0 0 0; }
/*
	idx-case-tec
*/
.idx-case-tec .list { width: 960px; }
.idx-case-tec .list li { width: 318px; height: auto; }
.idx-case-tec .list img { max-width: 318px; }
.idx-case-tec .product-ie h3 { padding-top: 40px; }
/*
	case-list
*/
.case-list li { height: 380px; }
.case-list .inner { width: 960px; }
.case-list h1 { font-size: 4.8rem; line-height: 56px; top: 40px; width: 520px; }
.case-list p { font-size: 1.4rem; line-height: 24px; top: 140px; width: 520px; }
.case-list figure { width: 400px; right: 0; }
.case-list figure img { /* max-width: 632px; */ width: 400px; }
.case-list .btn-visit {  }
/*
	service-list
*/
.service-list { min-width: 960px; }
.service-list li { width: 25%; height: 250px; }
.youhuiquan-list { min-width: 960px; }
.youhuiquan-list li { width: 304px;  }
/*
	blog-post
*/
.blog-post { min-width: 960px; }
.blog-post .main { width: 700px; }
/*
	page-nav
*/
.page-nav { min-width: 960px; }
/*
	about-info
*/
.about-info { min-width: 960px; }
.about-info figure img { width: 420px; }
.about-info .content { width: 510px; }
.about-info .content p { margin: 0 0 22px 0; }
/*
	about-goods
*/
.about-goods { min-width: 960px; }
.about-goods .item { width: 300px; }
.about-goods li { height: 160px; }
/*
	about-team
*/
.about-team { min-width: 960px; width:1200px;} 
.about-team .item { width: 600px; }
.about-team .hobby { height: auto; }
.tabfContent .case_cb .intruduce{ height: auto; }
.about-team .arrow-top { top: 110px; }
/*
	contact-body
*/
.contact-body { width: 960px; }
/*
	contact-form
*/
.contact-form { width: 560px; }
.contact-form p { padding: 10px 0; text-align: center; margin: 0; }
.contact-form .txt, .contact-form .txt2 { float: left; width: 260px; margin: 0 20px 0 0; }
.contact-form .txt2 { width: 540px; height: 180px; }
.contact-form .btn-area { text-align: center; padding: 0; line-height: 30px; }
.contact-form .mailing { float: left; font-size: 1.2rem; padding: 0 5px; width: auto; }
.contact-form .btn-send { float: right; width: 124px; margin: 0 20px 0 0; }
/*    7.27*/
    .contact-ways{width:360px;}
/*text*/
.container{width: 650px;height: 430px;margin:0 auto;}
.con-show01{width: 200px;height: 250px;
	float: left;margin-left: 6px;overflow: hidden;
	transform:rotate(120deg);
	-webkit-transform: rotate(120deg);/* for Chrome || Safari */
	-moz-transform: rotate(120deg);/* for Firefox */
	-ms-transform: rotate(120deg);/* for IE */
	-o-transform: rotate(120deg);/* for Opera */
}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background:#4698de;transition: opacity 0.3s;}
.con-show03:hover > div{opacity: 1;}
.con-show03 img{display:block;height:100%;width:100%;}
.con-show03 h3{margin-top: 70px;}
.con-show03 p{line-height: 40px;}
.con-show03 a{ display: inline-block; border: 1px solid #353434;color: #000;padding: 2px 5px;}
.con-show03 a:hover { background: #000; color: #FFF; text-decoration: none; }
.margin-left{margin-left: 109px;}
.margin-top{margin-top: -72px;}

        
}
/* 
	Large devices (large desktops, 1200px and up) 
	==================================================================================
*/
@media (min-width: 1200px ) {
/*
	company-title
*/
.company-title { min-width: 1200px; }
.company-title p { padding: 20px 0 0 0; }
.sky_cot{position: absolute;
    bottom: 13%;
    right: 77%;}
.case_nb{width: 800px;width: 760px\9;}
/*
	technological-innovation
*/
.technological-innovation .list { min-width: 1200px; padding: 70px 0 0 0; }
.technological-innovation .item { float: left; width: 25%; text-align: center; padding: 0 0 20px 0; }
.technological-innovation .item img { width: auto; }
.technological-innovation .item p { font-size: 2.4rem; padding: 30px 0 0 0; }
/*
	idx-case-tec
*/
.idx-case-tec .list { width: 1200px; }
.idx-case-tec .list li { width: 398px; height: auto; }
.idx-case-tec .list img { max-width: 398px; }
.idx-case-tec .product-ie h3 { font-size: 3rem; padding-top: 70px; }
.idx-case-tec .product-ie p { font-size: 1.8rem; }
/*
	case-list
*/
.case-list li { height: 460px; padding: 40px 30px; }
.case-list .inner { width: 1200px; }
.case-list h1 { font-size: 3.2rem; line-height: 56px; top: 40px; width: 730px; }
.case-list p { font-size: 1.4rem; line-height: 24px; top: 140px; width: 730px; }
.case-list figure { width: 420px; right: 0; top: 30px; }
.case-list figure img { /* max-width: 632px; */ width: 420px; }
.case-list .btn-visit { }
/*
	service-list
*/
.service-list { min-width: 1200px; }
.service-list li { width: 25%; height: 300px; margin: 20px;}
.youhuiquan-list { min-width: 1280px; }
.youhuiquan-list li { width: 304px; }
/*
	about-info
*/
.about-info { min-width: 1200px; }
.about-info figure img { width: 550px; }
.about-info .content { width: 560px; }
.about-info .content p { margin: 0 0 22px 0; }
/*
	about-goods
*/
.about-goods { min-width: 1200px; }
.about-goods .item { width: 380px; }
.about-goods li { height: 156px; padding: 20px 30px 20px 40px; background: url(../images/icon-28.png) no-repeat 20px 40px; }
/*
	contact-body
*/
.contact-body { width: 1200px; }
/*
	contact-form
*/
.contact-form { width: 700px; }
.contact-form p { padding: 10px 0; text-align: center; margin: 0; }
.contact-form .txt, .contact-form .txt2 { float: left; width: 330px; margin: 0 20px 0 0; }
.contact-form .txt2 { width: 680px; height: auto; }
.contact-form .btn-area { text-align: center; padding: 0; line-height: 30px; }
.contact-form .mailing { float: left; font-size: 1.2rem; padding: 0 5px; width: auto; }
.contact-form .btn-send { float: right; width: 124px; margin: 0 20px 0 0; }
/*
	contact-ways
*/
.contact-ways { width: 400px; }
.contact-ways h2 { font-size: 3rem; margin: 10px 0 0 0; }

/*text*/
.container{width: 650px;height: 430px;margin:auto;
		display: none\9;
}
.con-show01{width: 200px;height: 250px;float: left;margin-left: 6px;overflow: hidden;
	transform:rotate(120deg);
	-webkit-transform: rotate(120deg);/* for Chrome || Safari */
	-moz-transform: rotate(120deg);/* for Firefox */
	-ms-transform: rotate(120deg);/* for IE */
	-o-transform: rotate(120deg);/* for Opera */
}
.con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: pink;}
.con-show03 > div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;text-align: center;color: #fff;cursor: pointer;background:#4698de;transition: opacity 0.3s;}
.con-show03:hover > div{opacity: 1;}
.con-show03 img{display:block;height:100%;width:100%;}
.con-show03 h3{margin-top: 70px;}
.con-show03 p{line-height: 40px;}
.con-show03 a{ display: inline-block; border: 1px solid #353434;color: #000;padding: 2px 5px;}
.con-show03 a:hover { background: #000; color: #FFF; text-decoration: none; }
.margin-left{margin-left: 109px;}
.margin-top{margin-top: -72px;}
}