@charset "utf-8";
@media only screen and (max-width: 2000px){
	.bxslider li a {height:700px;padding:0}
}

@media only screen and (max-width: 1600px){
	#slider2 .bx-wrapper .bx-prev {left:2%;}
	#slider2 .bx-wrapper .bx-next {right:2%;}
	#slider2 .slide .pic {margin:0 20%}
}


@media only screen and (max-width: 1440px){
	.wrap {padding:0 3%}
	.bxslider li a {height:600px; background-size:cover;}
	.foot dl {margin:0 10% 0 0}
	.footer .icon {right:3%}
	.footer .cons span.mid {margin:0}
	.joinstep li .title h1 {font-size:18px;}
	.joinstep li .cons {padding:0;font-size:16px}
	.proright {width:75%}
	.product li .cons h1 {height:40px; line-height:40px; font-size:20px}
	.showcons .mleft {width:500px;}
	.es-carousel ul li a img{height:132px;}
	.showcons .mright {width:42%}
	.contactright {width:100%}
	.indnews  {width:50%}
	.indnews {margin-top:-42px}
	.indnews li {margin:37px 0 0 0}
	.indnews li .cons .title {margin-bottom:15px}
	.indnews li .cons .content {line-height:30px; height:90px;}
	.foot dl {margin:0 9% 0 0}
}

@media only screen and (max-width: 1300px){
	.showcons .mright {width:38%}
	.fixtop .toper ul.navpc li a {padding:0 18px}
	.fixtop .toper ul.navpc li dl.pro dd a {padding:0 18px}
	.fixtop .toper ul.navpc li dl.pro {width:256px}
	.foot dl {margin:0 7.5% 0 0}
	.indnews {margin-top:-35px}
	.indnews li {margin:30px 0 0 0}
	.indnews li .cons .content {line-height:25px; height:75px;}
}

@media only screen and (max-width: 1200px){
    body {font-size:14px;}
    h1,h2,h3,h4,h5 {font-size:14px;}
    a,input,button,select,textarea {font-size:14px;}
    .bxslider li a {height:500px; }
    .bx-wrapper .bx-pager {bottom:15px;}
    .bx-wrapper .bx-pager.bx-default-pager a { width: 8px;height:8px; margin: 0 5px; background-size:cover;}
    /* .bx-wrapper .bx-pager.bx-default-pager a:focus 
    .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
    .bx-wrapper .bx-pager.bx-default-pager a.active{background-size:cover;}
    .phonemenu { display:block;}
    .fixtop .toper ul.navpc { display:none;}
    .fixtop .header { display:none;}
    .fixtop {height:55px;}
    .fixtop .toper { height:50px; line-height:50px;}
    .fixtop .toper .logo { background-size:cover;height:30px;width:68px;margin-top:10px;}
    .fixtop .topline { height:5px;}
    .tblank { height:50px;}
    .fixtop.active {top:0;}
    .tblank.active { height:50px;}

    .accordionmenu li { position:relative;}
    .accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:50px; line-height:50px;color:#fff;font-size:20px}
    .accordionmenu li .link a {color:#fff;font-size:20px; letter-spacing:2px;}
    .accordionmenu li.open .link { background:#2f318b;}
    .accordionmenu li.cnen a {font-size:14px;}
    .accordionmenu li.cnen span { background:#fff;width:1px; height:13px; display:inline-block; vertical-align:top;margin:21px 15px 0 15px}
    .accordionmenu .submenu {display:none;border-bottom:1px solid #fff; }
    .accordionmenu .submenu p {background:#fff;border-top:1px solid #666;}
    .accordionmenu .submenu p a { display:block;color:#333;font-size:16px; letter-spacing:0}
    .accordionmenu .submenu p a:hover {color:#2f318b}
    .indprocate {margin:0px 0 0 0}
    .indprocate li { padding:20px 0 20px 0; }
    .indprocate li img { height:80px}
    .indprocate li h1 {font-size:16px;margin:20px 0 0 0; }
    .indprocate li i { display:none;}

    .mainsubject {margin:30px 0 40px 0}
    .mainsubject h1 {font-size:14px;}
    .mainsubject h2 {font-size:22px;height:30px; line-height:30px; letter-spacing:1px;margin:10px 0 30px 0}
    .mainsubject p {width:130px}
    .mainsubject p span { width:16px; height:16px;top:-10px;margin:0 0 0 -10px;}

    .indabout li .down {border-bottom-width:2px}
    .indabout li .down .cons .consin {padding:10px 20px; }
    .indabout li .down .cons .title a {font-size:18px}
    .indabout li .down .cons .title2 {font-size:16px;height:20px; line-height:20px; margin:5px 0 10px 0}
    .indabout li .down .cons .content {font-size:13px; line-height:25px}
    .indabout li .down .cons .more { display:none;}
    .indabout li .down .cons .more a {font-size:16px;color:#666; letter-spacing:0}
    .indabout li .down .cons .icon { display:none;}
    .indabout li.f2 .down {border-top-width:2px}
    #slider2 .bx-wrapper .bx-prev {left:10px; background-size:cover;width:10px; height:26px;}
    #slider2 .bx-wrapper .bx-next {right:10px; background-size:cover;width:10px; height:26px;}
    #slider2 .bx-wrapper .bx-controls-direction a {top:35%;margin:0;background-size:cover;width:10px; height:26px;}
    #slider2 .slide{padding:20px 0 15px 0}
    #slider2 .slide .title {margin:15px 0 5px 0}
    #slider2 .slide .title a {font-size:18px;}
    #slider2 .slide .title2 {}

    .indnews {margin-top:-25px}
    .indnews li {margin:20px 0 0 0}
    .indnews li .addtime {width:60px;top:3px}
    .indnews li .addtime h1 {font-size:25px;height:40px; line-height:40px}
    .indnews li .addtime h2 {font-size:12px; height:25px; line-height:25px}
    .indnews li .cons {margin:0 0 0 75px}
    .indnews li .cons .title { margin:0 0 5px 0}
    .indnews li .cons .title a {font-size:16px}
    .indnews li .cons .content {line-height:25px; height:75px; font-size:13px}
    #slider3 .slide h1 {font-size:14px;}
    #slider3 .bx-wrapper .bx-pager.bx-default-pager a { background-size:100%;}
    #slider3 .slide h1 {line-height:30px; height:30px; font-size:14px; padding:0 10px}
    #slider3 .bx-wrapper .bx-pager {height:30px; line-height:30px;}
    #slider3 .bx-wrapper .bx-pager {padding-right:0}
    #slider3 .bx-wrapper .bx-pager.bx-default-pager a {top:-5px; width:20px; height:20px; line-height:20px;}

    .indshop li:hover {top:0}
    .indshop li .title {margin:5px 0 0 0}

    .foot {margin:40px 0 0 0;padding:25px 0; text-align:center}
    .foot dl { display:none;}
    .foot dl.last {float:none; display:inline-block; vertical-align:top;width:120px;margin:0 15px;font-size:12px; line-height:17px}
    .foot dl.last dt { text-align:center}
    .foot dl.last dd img {margin:0 0 10px 0;width:150px}
    .foot dl.dl5 {float:none;}
    .foot dl dd:hover {left:0}
    .footer {font-size:14px}
    .footer .icon { position:relative; text-align:center;width:100%;padding:15px 0}
    .footer .cons {margin:0; text-align:center}
    .joinsubject { font-size:20px; height:22px; line-height:22px;margin:40px 0 30px 0}
    .joinadv {margin-left:-2%;width:104%;}
    .joinadv li {width:29.3333%;margin:0 2%;}
    .joinadv li .pic img { height:150px;}
    .joinadv li:hover {top:0}
    .joinadv li .title { font-size:18px;}

    .joinstep li:hover {top:0}
    .joinstep li .title { min-height:80px; display:inline-block;}
    .joinstep li .title p img {width:80px}
    .joinstep li .title h1 {margin:0 0 0 95px;font-size:16px;padding:10px 0 0 0; text-align:left;}
    .joinparter { margin:50px 0 60px 0;}
    .joinparter:hover {top:0}
    .joinparter a { height:39px; line-height:39px;font-size:20px;padding:0 20px;border-radius:25px}
    .joinstep {margin-top:-30px}
    .joinstep li {width:46%;margin-top:30px; text-align:center;}
    .joinstep .clear2 { clear:both}
    .joinstep li .cons { text-align:center;width:100%}

    .message h1 {margin:0 0 10px 0}
    .message h1 span {margin:0 0 0 90px;}
    .message h1 span input[type="text"] {height:40px; line-height:40px;padding:0 10px}
    .message h1 span #mbeizu {padding:5px 10px; line-height:25px}
    .message h1 span i {margin:0 0 0 10px}
    .message h1.f6 input { height:40px; line-height:40px;font-size:18px;padding:0 20px; border-radius:25px;margin:10px 0 20px 90px; }
    .page_wrap {padding:4% 0 0 0}
    .pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
    .proright {width:100%}
    .mcurrent {margin:20px 0 0 0; font-size:20px;height:45px; line-height:40px;letter-spacing:0}
    .mcurrent h1,.mcurrent h1.no { display:none;}
    .mcurrent2 h1 { display:block;font-size:14px;top:6px}
    .mcurrent2 h1 a {font-size:14px}
    .case .mcurrent h1 {display:block}

    .procons { min-height:0;margin:4% 0 0 0;border-radius:5px;padding:4%;}
    .product li {border-radius:5px}
    .product li .cons h1 {height:35px; line-height:35px; font-size:18px;}
    .mcurrent h2 { display:block; position:absolute;right:0;top:10px;color:#333; cursor:pointer; background:url(../images/9.png);width:30px; height:22px; line-height:500px; overflow:hidden}

    .proleft { display:none;width:94%; height:100%;padding:0 3%;margin:0; position:fixed;top:0;left:0; background:rgba(0,0,0,0.9); z-index:9999}
    .proleft .subject {font-size:20px;color:#2f318b; height:40px; line-height:40px;margin:10px 0; letter-spacing:0}
    .accordionservice {border-color:#fff}
    .accordionservice li .link {height:40px; line-height:40px; border-color:#fff}
    .accordionservice li .link a {font-size:18px;background:url(../images/4.gif) no-repeat 20px 18px;padding:0 0 0 40px;color:#fff}
    .accordionservice li:hover .link a,.accordionservice li.open .link a {background:#2f318b url(../images/4.gif) no-repeat 20px 18px;}
    .accordionservice .submenu p { display:inline-block; vertical-align:top;width:50%}
    .accordionservice .submenu p a {height:30px; line-height:30px;border-color:#fff;font-size:14px;color:#fff}

    .proleft .subject { position:relative}
    .proleft .subject i { display:block; position:absolute;right:0;top:2px; cursor:pointer; background:url(../images/close.png) no-repeat center;width:40px; height:37px;}
    .showcons {margin:30px 0 0 0}
    .showcons .mleft {width:55%}
    .showcons .mright {width:40%}
    .showcons .mright .title {font-size:20px;line-height:1.8;margin:0}
    .showcons .mright .gs_content {margin:15px 0 0 0;padding:15px 0 0 0;font-size:16px; line-height:2}
    .showcons .cons {margin:30px 0 0 0}
    .es-carousel ul li a img{height:80px;}

    .maincons { margin:25px 0 0 0;pading:0 0 25px 0}

    .contact {margin:30px 0 0 0}
    .contact li {padding:30px 0}
    .contact li .cons .title {font-size:20px;margin:-10px 0 10px 0}
    .contact li .cons .content { line-height:2;}
    .contact li .map {margin-top:30px}
    .contact li .map iframe,#container {height:300px}
    .downcate {margin:30px 0 0 0}
    .downcate li {height:30px; line-height:30px;}
    .downcate li a {font-size:16px;padding:0 10px}

    .download li {padding:25px 0;min-height:94px}
    .download li .pdf { background-size:cover;width:72px; height:94px}
    .download li .cons {margin:0 120px 0 92px}
    .download li .cons .title {padding:0}
    .download li .more {height:35px;top:25px;}
    .download li .more a { background:#2f318b url(../images/10.png) no-repeat 10px 11px;font-size:16px;padding:0 10px 0 28px; background-size:10%}
    .download li .more:hover {right:0}
    .tjnews { display:none;}
    .news {margin-top:-20px}
    .news li {min-height:150px;padding:20px 0;}
    .news li .pic {width:223px; height:150px;top:20px;}
    .news li .cons {margin:-5px 0 0 238px;}
    .news li .cons .addtime {padding:0 0 5px 0;font-size:14px}
    .news li .cons .addtime img {margin:5px 10px 0 0; height:15px}
    .news li .cons .addtime img.img2 {margin-left:15px}
    .news li .cons .title { height:20px; line-height:20px;margin:5px 0 5px 0}
    .news li .cons .title a {font-size:14px; letter-spacing:0}
    .news li .cons .content { line-height:25px; height:75px;font-size:14px;  letter-spacing:0;margin:10px 0 0 0}

    .faq li {min-height:0;}
    .faq li .cons {margin:0;}
    .faq li .cons .title {margin:0px 0 0 0}
    .faq li .cons .content {height:50px;margin-top:10px;padding:0 0 0 30px}

    .nshow .title {font-size:18px;}
    .nshow .addtime { font-size:13px; letter-spacing:0;padding:5px 0 15px 0;margin:0 0 20px 0;}
    .rightfix { display:none;}
    #slider2 .slide .pic {margin:0 10%}	
    .case ul {padding:30px 0 0 0;margin-top:-25px}
    .case li {margin-top:25px}
    .case li .title {margin:12px 0 0 0}
    .proright-cshow .mcurrent {display:none;}    
    .order {margin:0 0 -40px 0;padding:40px 0 50px 0;}
    .order .line {height:10px; background-size:cover}
    .order .area {padding:10px;}
    .order .area .row {border-width:1px;padding:15px 20px 15px 15px;}
    .order .area .row li.subject {font-size:20px; line-height:30px;margin:5px 0 15px 0}
    .order .area .row li {margin:10px 0}    
    .order .area .row li h2 {font-size:14px; width:85px;top:3px}
    .order .area .row li h2 span {margin:3px 3px 0 0}
    .order .area .row li .list {padding:0 0 0 85px}
    .order .area .row li .list-input input {border-width:1px;height:35px;padding:0 10px;}    
    .order .area .row li .list a {font-size:16px;height:35px; line-height: 33px;}
    .order .area .row li #submitBtn {width:150px;height:35px;font-size:18px;  letter-spacing: 3px;}
    .file-upload-box input[type="text"]{font-size:14px;height:35px; border-width:1px;padding:0 10px}
    .file-upload-box input.file-upload-btn{height:35px;width:50px;font-size:12px;}
    .file-upload-box input[type="file"] {height:35px;width:50px;}
}

@media only screen and (max-width: 1024px){
    .bxslider li a {height:400px; }
}

@media only screen and (max-width: 768px){
    .bxslider li a {height:300px; }
    .indshop li.f1 .pic img { max-width:150px;}
    .case li {width:47%;}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:250px; }
.indprocate li {width:100%}
.indabout li {width:100%;}
.indabout li .down .cons .consin {padding:10px 0; height:auto}
.indabout li .down .img { display:none;}
.indabout li .down .cons { position:relative; height:auto;padding:5px 0 10px 0}
.indabout li.f2 .up { position:relative;top:auto;}
.indabout li.f2 .down {border:0;border-bottom:2px solid #2f318b; }
.indabout li .down .cons .title a {font-size:18px}
.indabout li .down .cons .title2 { height:auto;font-size:16px;margin:5px 0 15px 0}
.indabout li .down .cons .content {font-size:14px;}
.indabout li .down .cons .more { display:block;margin:10px 0 1px 0}
.indnews {width:100%;margin:-20px 0 30px 0;padding:0}
.indmright {width:100%}
.indshop {margin-top:-20px}
.indshop li {width:98%;margin-top:20px}
.joinadv {margin-top:-30px}
.joinadv li {width:96%; text-align:center;margin-top:30px}
.joinstep li {width:96%;}
.message h1.f1 span input[type="text"] {width:100%}
.message h1.f2 span input[type="text"] {width:60%}
.message h1.f3 span input[type="text"] {width:60%}
.message h1.f4 span input[type="text"] {width:100%}
.product li {width:96%;}
.product li .cons {margin:4%}
.page_wrap {padding:30px 0 0 0}
.procons {padding-bottom:30px;padding-top:0;margin-top:40px}

.showcons .mleft {width:100%}
.showcons .mright {width:100%;margin:30px 0 0 0}

.contact li .pic{width:100%;}
.contact li .cons {width:100%;margin:30px 0 0 0}
.download li .more { position:relative;right:auto;width:105px;top:auto;margin:20px 0 1px 92px}
.download li .cons {margin:-5px 0 0 92px}

.news li {min-height:120px;}
.news li .pic {width:178px; height:120px;}
.news li .cons {margin:-5px 0 0 193px;}
.news li .cons .addtime {font-size:12px}
.news li .cons .content {height:50px}
.news li .cons .addtime img {margin:7px 5px 0 0; height:12px}
.news li .cons .addtime img.img2 {margin-left:10px;}	
.faq li {min-height:0;}
.faq li .cons {margin:0;}

}

@media only screen and (max-width: 480px){
.bxslider li a {height:200px; }
.news li .pic {width:108px;}
.news li .cons {margin:-5px 0 0 123px;}
.faq li {min-height:0;}
.faq li .cons {margin:0;}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:160px; }
}