@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;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; }
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;}
.mln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;}
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto; height: auto; overflow: hidden} }
@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;}}

.fenyen li{
	width: 50px; float:left; margin-left: 10px;
}
.fenyen li .current{
	background-color: #ccc;height: 30px;
    width: 50px;
    display: block;
    line-height: 30px;
}
.m2_ul1 li:first-child {
   margin-left: 0px !important;
	
}

.proListClassify .sidebar {
    width: 330px;
    float: left;
}











 .dan44{ display: block;  }
 .dan99{ display: none!important;  }


/* header */
.header{  position: relative; z-index: 999; width: 100%; background: url(/img/headerbj.jpg) repeat-y top center; }
.header .logo{margin-top: 11px; margin-bottom: 9px; }
.header .logo img{ display: block; max-width: 828px; width: 100%; }
.header_form{ border: 1px solid #fff; width: 187px; height: 28px; line-height: 28px;  position: relative;margin-top: 58px; border-radius: 15px;}
.header_form .tex{ background: transparent; text-indent: 9px; width: 100%; line-height: 28px; height: 28px; display: inline-block; color: #b69261; }
.header_form .sub{ position: absolute; top: 0px; right: 0px; height: 30px; width: 35px; font-size: 0px;  cursor: pointer; z-index: 99; 
      background: url(/img/suosou.png)  no-repeat right top; }

.header_right{ border-top: 1px solid rgba(255,255,255,.2);  border-bottom: #FFC62F solid 3px;}
.header_ul1>li{ float: left; margin-left: 81px; padding-right: 9px; position: relative; }
.header_ul1>li>a{  font-family: Georgia, 'Times New Roman', Times, serif; font-size:16px;font-size:1.6rem; color: #fff; line-height: 60px;  border-bottom: 1px solid transparent; font-weight: bold;padding-bottom: 11px; }
.header_ul1>li:hover>a,.header_ul1 li.on>a{   border-bottom: 1px solid #fff; }


.header_ul1>li:hover .dan_header { display: block; }
.dan_header{ display: none; width: 160px; position: absolute; left: -25px; top: 100%; background: #fff;    z-index: 999999;   }
.dan_header>li{ line-height: 36px; padding-left: 23px;  position: relative;  }
.dan_header>li>a{ font-size:16px;font-size:1.6rem;color:#fff; line-height: 43px; display: block; }
.dan_header>li:hover{ background: #fff; }
.dan_header>li:hover>a{ color: #fff;  }
.dan_header>li:hover .dan_sanheader{ display: block;  }


.dan_sanheader{ display: none;   width: 160px;  position: absolute; left: 100%; top: 0px;  background: #fff;   z-index: 999999;  }
.dan_sanheader>li{ line-height: 36px; padding-left: 23px;  position: relative;  }
.dan_sanheader>li>a{ font-size:16px;font-size:1.6rem;color:#fff; line-height: 36px; display: block; }
.dan_sanheader>li:hover{ background: #fff;   }         
.dan_sanheader>li:hover>a{ color: #fff; }         
                    

@media screen and (max-width:1219px) {
    .slide .dotList{ right: 30px!important; margin-right: 0px!important; }
    .header .logo{ width: 75%; }
    .header_ul1>li{ margin-left: 50px; } 



}
.bottom{padding-top: 52px;padding-bottom: 60px;background:#182835 url(/img/bottombg.jpg) no-repeat center top;}

.bbiaolist li{float: left;margin-left: 45px;max-width: 325px;}
.bbiaolist li div{padding-left: 75px;min-height: 54px;}
.bli1 div{background: url(/img/bb1.png) no-repeat left top;}
.bli2 div{background: url(/img/bb2.png) no-repeat left top;}
.bli3 div{background: url(/img/bb3.png) no-repeat left top;}
.bli4 div{background: url(/img/bb4.png) no-repeat left top;}

.bbiaolist li div span{display: block;font-size: 16px;font-size: 1.6rem;color: #fff;margin-bottom: 5px;}
.bbiaolist li div p{color: #fff;line-height: 28px;font-size:16px;font-size:1.6rem;}
.bbiaolist li div p a{color: #fff;}
.bbiaolist li div p a:hover{color: #30a9e2;}
.bbiaolist{padding-bottom: 50px;}
@media screen and (max-width:999px) {
    .header .logo img{ max-width: 154px; width: 100%; }
    .dan44{ display: none!important;   }
    .dan99{ display: block!important;  }
    .header_ul1>li{ margin-left: 0px; }
    .header .logo { width: 200px; }
    .header_form{ margin-right: 50px; }
}

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

    .header .logo { width: 114px;}
}
@media screen and (max-width:320px) {

}

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


.link a,.link span{font-size:16px;font-size:1.6rem;color: #fff;}
.link a{padding-right: 25px;}
.link a:hover{color: #30a9e2;}
.link{padding-bottom: 20px;border-bottom: 1px solid #4b5356;height: 19px;}

.bnav{padding-top: 45px;padding-bottom: 40px;}
.bnav li{float: left;}
.bnav li a{color: #fff;font-size:16px;font-size:1.6rem;padding-right: 20px;border-right: 1px solid #fff;display: block;margin-right: 20px;}
.bnav li.noborder a{border: none;}
.bnav li a:hover{color: #30a9e2;}

.copyright{color: #ffffff;line-height: 30px;}
.copyright a{color: #fff;}
.copyright a:hover{color: #30a9e2;}

.bsjj a{margin-left: 15px;position: relative;top: 0;transition: 0.5s;}
.bsjj a:hover{top: -10px;}
/* footer */
.footer{ background: #182835 url(/img/bottombg.jpg) no-repeat center top;padding-top: 44px;  } 

.footer .title{ margin-bottom: 23px; display: inline-block; padding: 0px 20px; line-height: 45px; font-weight: bold; background: url(/img/titlel.png) no-repeat top right, url( /img/tiyl3.png ) no-repeat bottom left; font-size:22px;font-size:2.2rem;color:#fff; text-transform: uppercase;   font-family: Georgia; }
.footer .title a{ font-size:24px;font-size:2.4rem;color:#fff; text-transform: uppercase;  }


.footer_left{ float: left; width: 600px; text-align: center; } 
.footer_right{ float: right; width: 418px; text-align: center; margin-right: 72px; }

.fon_ulr { margin-top: -9px; width: 258px; text-align: left; }
.fon_ulr li { color: #fff; line-height: 30px;  }
.fon_ulr li a{ color: #fff; line-height: 30px;  }
.fon_ulr li:last-child { line-height: 24px; }
.fon_ulr li a:hover{ text-decoration: underline; }
.footer_right p a:hover{  color: #333;}
.footer_left form{ width: 305px; text-align: left; }
.footer_left form input { margin-bottom: 5px; width: 294px; padding-left: 9px;  background: transparent; height: 43px; line-height: 43px; border: 1px solid #fff; color: #fff;  }
.footer_left form textarea{  margin-bottom: 7px;  width: 294px; padding-left: 9px;  background: transparent; height: 106px; line-height:43px ; border: 1px solid #fff; color: #fff;  }
.footer_left form input.cap{ float: left; margin-bottom: 5px; width: 200px; padding-left: 9px; height: 38px; line-height: 38px; }
.footer_left form input.sen{ padding: 0px; float: right; margin-bottom: 5px; background: #5e5e5e; border: 0px; width: 79px; line-height: 40px; height: 40px;cursor: pointer; text-align: center; text-transform: uppercase; }
.footer_left form .yaxh{ float: left; margin-bottom: 5px; padding-left: 7px; cursor: pointer; }

.footer_right p { line-height: 40px; color: #fff;  }
.footer_right p a { color: #fff; }
.footer_right p a.cnzz{ padding-left: 5px;  }
.footer_right p a.cnzz img { position: relative; top: 4px; }

.footer_right .shejiao { padding-top: 15px; padding-bottom: 6px;}
.footer_right .shejiao a { display: inline-block;   padding-left: 6px; padding-right: 6px;  }
.footer_right .shejiao a img { position: relative; top: 0px; display: inline-block; }
.footer_right .shejiao a:hover img{ top: -10px;  }


.links{ margin-top: 33px; border-top: 1px solid rgba(255,255,255,.6); font-family: Georgia; font-size:18px;font-size:1.8rem;color:#fff; height: 65px; font-weight: bold; }
.links p{ font-size:18px;font-size:1.8rem;color:#fff; line-height: 65px; }
.links a{ font-size:18px;font-size:1.8rem;color:#fff; line-height: 65px; }

@media screen and (max-width:1219px) {
    .footer_left{ width: 60%;  }
    .footer_right{ width: 37%; margin: 0 auto;  }
    .fon_ulr{ width: 47%; }
    .footer_left form { width: 50%;  }
    .footer_left form input{ width: calc( 100% - 9px ) }
    .footer_left form textarea{ width: calc( 100% - 9px ) }
    .footer_left form input.sen{ float: none; width: 100%; }
}

@media screen and (max-width:999px) {
    .footer{ padding-top: 20px;  }
    .footer_left{ width: 100%; margin-bottom: 20px; }
    .footer_right{ width: 100%; margin: 0 auto;  }
    .header_right{ display: none; }

    .slide .dotList{ bottom: 10px!important; } 
}

@media screen and (max-width:640px) {
    .header_form{ display: none; }
    .footer_right .shejiao a { padding-left: 2px; padding-right: 2px;  }
    .footer{ padding-bottom: 20px;  }
    .footer_right p{ line-height: 30px; }
    .fon_ulr{ width: 100%; }
    .footer_left form { width: 100%; margin-bottom: 10px; }
    .links { display: none; }
    .footer_right .shejiao { padding: 0px;  }
}
@media screen and (max-width:360px) {

}

/* main1 */
.main1{ padding-bottom: 197px; padding-top: 60px; background: url(/img/main1bj.jpg) no-repeat bottom center; } 
.main1 a:hover{ text-decoration: underline; }
.main1 .m1_left{width:538px;  }
.main1 .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; background: url(/img/m1lbj.jpg) no-repeat left top; padding-bottom: 99px; }
.main1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.main1 .slideBox .bd li{max-width:487px; zoom:1; vertical-align:middle; border: 1px solid #fff; }
.main1 .slideBox .bd img{ max-width:487px; max-height:388px; display:block;  width: 100%; }
.main1 .slideBox .prev{ position:absolute; right:46px; bottom:47px; margin-top:0px; display:block; width:30px; height:21px;
background:url(/img/main1-arrowl.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1; z-index: 999;  }
.main1 .slideBox .next{ position:absolute; right:16px; bottom:47px; margin-top:0px; display:block; width:30px; height:21px;
background:url(/img/main1-arrowr.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   z-index: 999;  }
.main1 .slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background:url(/img/main1-arrowrh.png) 0 0 no-repeat;  }
.main1 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  background:url(/img/main1-arrowlh.png) 0 0 no-repeat;}
.main1 .slideBox .prevStop{ display:none;  }
.main1 .slideBox .nextStop{ display:none;  }

.m1_rigtt{ width: 600px; }
.m1_rigtt .title { padding-top: 70px; padding-bottom: 27px; }
.m1_rigtt .title a{ padding-bottom: 8px; background: url(/img/m1tu3.png) no-repeat bottom left; display: inline-block; font-size: 50px; font-size: 5rem; color: #fff; font-family: Georgia; font-weight: bold; }
.m1_rigtt p a{ display: block; font-size:16px;font-size:1.6rem; line-height: 24px; color: #fff; }
.m1_rigtt a.more{ margin-top: 83px; display: block; text-align: center; width: 199px; line-height: 48px; height: 48px; font-size:18px;font-size:1.8rem;color:#fff; font-family: Georgia; font-weight: bold; background: url(/img/mmore1.png) no-repeat top left; }


@media screen and (max-width:1220px) {
    .main1 .m1_left{width:58%;; }
    .m1_rigtt{ width: 40%;; }

    .main1 .slideBox .next{ right: 41px; }
    .main1 .slideBox .prev{ right: 71px; }
}

@media screen and (max-width:999px) {
    .main1 .m1_left{ max-width: 538px; margin: 0 auto; width:100%;float: none ; }
    .m1_rigtt{ width: 100%; float: none ; }
    .m1_rigtt .title { padding-top: 30px; padding-bottom: 10px; }
    .m1_rigtt a.more{ margin-top: 10px; }
    .main1 .slideBox { background: url(/img/m1lbj.jpg) no-repeat left bottom;}
    .main2 .wp .m2_img{ display: none; }
}

@media screen and (max-width:640px) {
    .m1_rigtt .title a{ font-size:30px;font-size:3rem; }
}
@media screen and (max-width:360px) { 
}

/* main2 */
.main2{position: relative; z-index: 999; padding-top: 68px; margin-top: -78px; padding-bottom: 165px; background: url(/img/m2bj.png) no-repeat top center; }
.main2 a:hover{ text-decoration: underline; }
.main2 .wp { position: relative; }
.main2 .wp .m2_img {position: absolute; top: -125px; left: 0px;  }
.main2 .title { text-align: center;  }
.main2 .title a{ font-size:40px;font-size:4rem;color:#fff; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold;  }
.main2 .title2 { text-align: center; margin-bottom: 56px;}
.main2 .title2 a { display:  block; font-size:16px;font-size:1.6rem;color:#fff; line-height: 45px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.m2_right{ margin-bottom: 27px; }
.m2_wrap{ max-width: 574px; width: 100%;  margin: 0 auto; }
.m2_top{ position: relative; overflow: hidden;  max-width: 549px; border: 12px solid #e9decb;  }
.m2_top a { display: block; }
.m2_top img { display: block; max-width: 549px; max-height: 549px; width: 100%;  }
.m2_top .fu{ position: absolute; top: 100%;; left: 0px; width: 100%; height: 100%; background: #fff; background: rgba(81,55,22,.5); }
.m2_top .fu span {  position: absolute; top:50%; margin-top: -23px; left: 50%; margin-left: -82px; background:#333132; display: block; width: 164px; line-height: 46px; text-align: center;  text-transform: uppercase; font-size: 17px; font-size: 1.7rem; color: #fff; }
.m2_top .wenzi { display: block; width: 100%; font-size:18px;font-size:1.8rem;color:#fff; text-align: center;  position: absolute; bottom: 0px; line-height: 71px;  background: #fff; background: rgba(81,55,22,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m2_top:hover .fu { top: 0px; }
.m2_top:hover .wenzi { background: none; }


.m2_ul1{ }
.m2_ul1 li { margin-left: 28px; width: 381px; float: left; }
.m2_ul1 li .m2_top{ border: 9px solid #e9decb;   }

@media screen and (max-width:1219px) {
    .main2{ padding-top: 170px; }
    .main2 .wp .m2_img{ width: 50%; top: -76px;}
    .m2_right{ width: 48%; }
    .m2_ul1 li{ width: 31%; margin-left: 1%!important; margin-right: 1%; }
}

@media screen and (max-width:999px) {
    .main2{ padding-top:68px;  }
    .main1{ padding-bottom: 120px; }
    .m2_right{ float: none; width: 100%;  }
    .m2_top .fu{ display: none; }
    .m2_top:hover .wenzi {background: #fff; background: rgba(81,55,22,.5); }
}

@media screen and (max-width:640px) {
    .main2 .title2{ margin-bottom: 20px; }
    .m2_top .wenzi{ line-height: 30px; font-size:14px;font-size:1.4rem; }
    .main2 .title a{ font-size:30px;font-size:3rem; }

}
@media screen and (max-width:360px) {
    .m2_ul1 li{ width: 98%; float: none; margin-top: 20px; }

}
/* main3 */
.main3{ position: relative; z-index: 99; padding-top: 146px; margin-top: -115px; padding-bottom: 131px;background: url(/img/main3bj.jpg) no-repeat bottom center; }
.main3 .wp { position: relative; }
.main3  a:hover{ color: #fff; }
.m3_title{ position: absolute; z-index: 99999; top: 0px; right: 0px; font-size: 80px; font-size: 8rem; color: #fff; font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif;  }
.m3_title a { color: #fff; background: url(/img/m3ittbj.png) no-repeat bottom left; }
.main3 .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.main3 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.main3 .slideBox .bd li{  zoom:1; vertical-align:middle;  }
.main3 .slideBox .bd img{ margin-top: -26px; margin-left: 19px; padding: 13px; border: 1px solid #fff; max-width:683px; max-height:433px; display:block;  width: 100%; }
.main3 a{ display: block; }
.main3 .title{ display: block; max-width: 601px; font-family: Georgia, 'Times New Roman', Times, serif; font-size:22px;font-size:2.2rem;color:#fff; line-height: 40px;  font-weight: bold; }
.main3 .time { padding-top: 11px; padding-bottom: 25px; font-size:14px;font-size:1.4rem;color:#fff; line-height: 24px; }
.main3 p{ max-height: 168px; overflow: hidden; }
.main3 p a { font-size:14px;font-size:1.4rem;color:#fff; line-height: 24px; }
.main3 .slideBox .prev{ position:absolute; left:0px; bottom:226px; margin-top:0px; display:block; width:30px; height:21px;
background:url(/img/main1-arrowl.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1; z-index: 999;  }
.main3 .slideBox .next{ position:absolute; left:30px; bottom:226px; margin-top:0px; display:block; width:30px; height:21px;
background:url(/img/main1-arrowr.png) 0 0 no-repeat; filter:alpha(opacity=100);opacity:1;   z-index: 999;  }
.main3 .slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background:url(/img/main1-arrowrh.png) 0 0 no-repeat;  }
.main3 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  background:url(/img/main1-arrowlh.png) 0 0 no-repeat;}
.main3 .slideBox .prevStop{ display:none;  }
.main3 .slideBox .nextStop{ display:none;  }

@media screen and (max-width:1219px) {
    .main3 .slideBox .bd img { width: 53%; }
    .main3 .slideBox .next{ bottom: 100px; }
    .main3 .slideBox .prev{ bottom: 100px; }
}

@media screen and (max-width:999px) {
    .main3{   background: url(/img/main3bj.jpg) repeat-y bottom center;  }
    .main2{ padding-bottom: 40px; }
    .m3_title{ position: relative; top: 0px; }
    .main3 .slideBox{ padding-bottom: 40px; }
    .main3 .slideBox .bd img{ float: none; width: 80%; margin-top: 0px;}
    .main3 .slideBox .next{ bottom: 0px; }
    .main3 .slideBox .prev{ bottom: 0px; }
    .main3 .title { line-height: 30px; font-weight: normal; }
 
}

@media screen and (max-width:640px) {
    .main3{ padding-bottom: 40px;   }
    .m1_rigtt .title a{ display: block; padding-bottom: 15px; }
    .main3 a{ font-size:30px;font-size:3rem; padding-bottom: 5px; }
    .main3 .title{ font-size:16px;font-size:1.6rem; line-height: 25px; padding-top: 10px; }
    .main3 .time { padding: 0px 0px 2px 0px; }
}


.m4_ul { padding-top: 124px; }
.m4_ul li { width: 387px; float: left; margin-left: 18px; position: relative; }
.m4_ul li .m4_wrap .title {line-height: 18px; padding-bottom: 14px; font-size: 50px; font-size: 5rem; color: #fff; font-family: Georgia, 'Times New Roman', Times, serif;}
.m4_ul li .m4_wrap .titlt2 { color: #666; font-size:16px;font-size:1.6rem; line-height: 30px; padding-bottom: 45px;}
.m4_ul li a{ display: block; }
.m4_ul li img { display: block; max-width: 368px; max-height:359px; width: 100%;  }
.m4_ul li a:hover{text-decoration: underline; color: #fff; }
.m5_titgn{ max-width: 368px; margin: 0 auto; padding: 11px 9px; border: 1px solid #fff;  }
._m5_img{ position: relative; overflow: hidden; max-width: 368px;  }
._m5_img .ewn { background: #fff; background: rgba(81,55,22,.6); position: absolute; left: 0px; bottom: 0px; line-height: 49px; width: 100%; color: #fff; text-align: center; font-size:16px;font-size:1.6rem;  }
.m4_ul li.li1 { position: relative; top: 27px; }
.m4_ul li.li3 { position: relative; top: 134px; }


@media screen and (max-width:1220px) {
    .m4_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%; }
    ._m5_img .ewn{ line-height: 35px; }
    .m5_titgn{ width:  calc( 100% -22px; ) }
}
@media screen and (max-width:999px) {
    .m4_ul{ padding-top: 40px; }
    .m4_ul li .m4_wrap .title{ font-size:30px;font-size:3rem; }
    .m4_ul li .m4_wrap .titlt2{ font-size:14px;font-size:1.4rem; line-height: 25px;padding-bottom: 5px; }
    .m4_ul li.li3{ top: 99px; }
}
@media screen and (max-width:640px) { 
    .m4_ul li{ width: 98%; float: none;  margin-bottom: 20px;}
    .m4_ul li .m4_wrap .titlt2{  }
    .m4_ul li .m4_wrap .title{ font-size:20px;font-size:2rem; padding: 0px; }
    .m4_ul li.li1{ top: 0px; }
    .m4_ul li.li3{ top: 0px; }
}


 /* banner_top */
.banner_top{ padding-top: 84px; padding-bottom: 94px;background: url(/img/banner_top.jpg) no-repeat top center; text-align: center;font-family: Georgia, 'Times New Roman', Times, serif;  }
.banner_top p{ text-align: center; color:#333; line-height: 30px; padding-top: 3px; color:#fff;  }
.banner_top .title2 { padding-bottom: 22px; }
.banner_top .title2 span{  font-size:5px;font-size:5rem;color:#fff; line-height: 40px; font-weight: bold;}
.banner_top p { font-size:16px;font-size:1.6rem; color:#fff; line-height: 30px;}
.banner_top p a{ font-size:16px;font-size:1.6rem; color:#fff; line-height: 30px; }
.banner_top p a.on{ text-decoration: underline; }
.banner_top p a:hover{ text-decoration: underline; }


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

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

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

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

}

.gotop{ z-index: 999; opacity:0;position: fixed;bottom: 100px;right: 100px;width: 81px;height: 81px; background: url(/img/top_1.png) no-repeat top center; cursor: pointer;  }
@media screen and (max-width:640px) {
    .gotop{ right: 10px; border: 10px; }
}

/* abmain1 */
.abmain1{ padding-top: 58px; padding-bottom: 90px;}
.ab1l{ width:340px; float:left; background:url(/img/abtiao.jpg) repeat-y 10px top;  }
.ab1l li{ background:url(/img/huiquan.jpg) no-repeat left center; padding-left:36px; margin-top:25px;}
.ab1l li a{ display:block;  height:32px; border:1px solid #999999; text-align:left; line-height:32px; font-size:16px; font-size:1.6rem; color: #999999;  border-radius:5px; padding-left:5px}
.ab1l li:hover{ background:url(/img/lanquan.jpg) no-repeat left center;}
.ab1l li:hover a{ background:#6C2425; color:#fff; border:1px solid #fff;}
.dangqianab{ background:url(/img/lanquan.jpg) no-repeat left center !important;}
.dangqianab a{background:#513716 !important; color:#fff !important; border:1px solid #fff !important;}
.ab1r{ width: 985px; margin-top: 25px; }
.ab1r .title { margin-bottom: 13px; padding-left: 30px; background: url(/img/ab1tu1.png) no-repeat left center; font-family: Georgia, 'Times New Roman', Times, serif; font-size:24px;font-size:2.4rem;color:#fff; font-weight: bold; text-transform: uppercase; }
.ab1r .title2 { padding-bottom: 9px; margin-bottom: 22px;  background: url(/img/ab3uro.png) no-repeat bottom left;  font-size:36px;font-size:3.6rem;color:#fff; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; text-transform: uppercase; }
.ab1r .title2 span { font-size:20px;font-size:2rem;color:#fff;  display: block; }
.ab1r p { font-size:16px;font-size:1.6rem;color:#fff; line-height: 30px;  }
.ab1r p b{font-style: italic; font-size:20px;font-size:2rem; display: block; }
.abr_2{ margin-left: 27px; margin-top: 5px; max-width: 489px; max-height: 426px; width: 100%;  border:1px solid #513716 }
.abr_22{ margin-right: 30px;max-width: 489px; max-height: 358px; width: 100%; box-shadow: -15px 15px 0px 0px #BBAC95;}
.ab_top{ padding-bottom: 48px; margin-top: -5px; }
.ab1_bo1{ padding-top: 29px; }





/* abmain2 */

.ab1r_2{ }
.ab1r_2 p { font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; }
.ab2_div1{ padding-bottom: 17px; border-bottom: 1px solid #fff; }
.ab2_div1 p { padding-top: 39px; }
.ab1r_2 .ab2title{ padding-left: 54px; font-family: Georgia, 'Times New Roman', Times, serif; font-size:30px;font-size:3rem;color:#fff; font-weight: bold; text-transform: uppercase; background: url(/img/ab1tu12.png) no-repeat left center; }

.ab2_div2 { padding-top: 38px; }
.ab2_div2 p { padding-left: 30px; padding-bottom: 29px; background: url(/img/ab2tu2.png) no-repeat left 7px; }
.ab2_div2 p b { font-style: normal; display: inline-block; font-size:24px;font-size:2.4rem;color:#fff; line-height: 30px; }


.ab2_div3 {padding-top: 35px; padding-bottom: 30px; }
.ab2_p1{ margin-top: 35px; padding-left: 53px; padding-bottom: 30px; background: url(/img/ab2_p1.png) no-repeat left 7px;  }
.ab2_p2{ padding-left: 53px; padding-bottom: 30px; background: url(/img/ab2_p2.png) no-repeat left 7px;  }
.ab2_p3{ padding-left: 53px; padding-bottom: 30px; background: url(/img/ab2_p3.png) no-repeat left 7px;  }
.ab2_p4{ padding-left: 53px; padding-bottom: 30px; background: url(/img/ab2_p4.png) no-repeat left 7px;  }
.ab2_p5{ padding-left: 53px; padding-bottom: 30px; background: url(/img/ab2_p5.png) no-repeat left 7px;  }
.ab2_div3 p { }
.ab2_div3 p b { font-style: normal; display: inline-block; font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; }


.ab2_div4 { }
.ab2_div4 b { font-size:16px;font-size:1.6rem;color:#333; line-height: 24px; display: block; width: 100%; text-align: center;  }
.ab2_ul { }
.ab2_ul li {float: left; width: 246px; margin-left: 123px; }
.ab2_ul li .abli1{padding-top: 9px; font-size:16px;font-size:1.6rem;color:#333; line-height: 24px; display: block; width: 100%; text-align: center;  }
.ab2_ul li img { display: block; max-width: 132px; max-height: 132px; width: 100%; margin: 0 auto; }


.ab2_div5 { padding-top: 37px;} 
.ab2_div5_wrap{background: url(/img/mainb5.jpg) no-repeat top center; margin-top: 27px; padding-top: 70px; padding-bottom: 92px; }
.ab2_div5 .img-scroll {  position:relative; width: 100%;  }
.ab2_div5 .img-scroll .prev,.ab2_div5 .img-scroll .next{position:absolute;display:block;width:43px;height:10px; top: 50%; margin-top:-5px;}
.ab2_div5 .img-scroll .prev { left:0;cursor:pointer; background:url(/img/ableft.png) no-repeat center;}
.ab2_div5 .img-scroll .next { right:0;cursor:pointer; background:url(/img/abright.png) no-repeat center;}
.ab2_div5 .img-scroll .prev:hover { background:url(/img/ablefth.png) no-repeat center;}
.ab2_div5 .img-scroll .next:hover { background:url(/img/abrighth.png) no-repeat center;}
.ab2_div5 .img-list { position:relative; width:91.6%; overflow:hidden;margin: 0 auto;}
.ab2_div5 .img-list ul { width:1000%;  background: url(/img/ab5cian.jpg) repeat-x left center; }
.ab2_div5 .img-list li { width:329px;  float:left; display:inline; margin-right:40px;}
.ab2_div5 .img-list .m3lien { width:165px;  text-align: center; }
.ab2_div5 .img-list .m3lien:first-child{   border-top: 0px;}
.ab2_div5 .m3lien  span{ font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; display: block; font-weight: normal; font-style: normal; }
.ab2_div5 .m3lien  b { padding-top: 10px; padding-bottom: 8px; font-size:24px;font-size:2.4rem;color:#333;line-height: 30px;  display: block; font-weight: normal; font-style: normal;  }



.ab2_div6 {  }
.ab26 { padding-top: 53px; }
.ab26 li { padding-bottom: 21px; }
.ab26 li p { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.ab26 li i { padding-top: 7px; display: block; text-align: center; font-style: normal; color: #fff; line-height: 30px; }
.ab26 li span { display: block;  }
.ab26 li b { font-size:14px;font-size:1.4rem;color:#333; display: inline-block;font-style: normal;}
.ab26_img{ margin-right: 43px; }
.ab26r_img{ margin-left: 54px;  }

.ab2_div7 { padding-top: 20px; padding-bottom: 45px;}
.ab2_div7 ul{padding-top: 47px; }
.ab2_div7 li{ float: left;  margin-left: 16px; padding-top: 15px;   }
.ab2_div7 li .dan_wrap{ position: relative;  max-width: 234px; width: 100%; margin: 0 auto;  overflow: hidden;   }
.ab2_div7 li .dan_wrap .fu{ position: absolute; top: 100%;width: 100%; height: 100%; left: 0; background: #fff; background: rgba(81,55,22,.5);  }
.ab2_div7 li .dan_wrap img{ display: block; max-width: 234px; max-height: 180px; width: 100%; }
.ab2_div7 li .wenzi{ padding-top: 12px; text-align: center;  color: #fff; max-width: 234px; width: 100%; margin: 0 auto;  line-height: 30px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ab2_div7 li .wenzi a{ display: block; }
 
.ab2_div7 li:hover .dan_wrap .fu{ top: 0px;  }
.ab2_div7 li:hover .wenzi a{ color: #333;  }
.project  .page { margin-top: 49px; margin-bottom: 90px; }



.ab2_div8 { }
#box{position:relative;width:868px;height:400px; margin:0 auto; margin-top:58px;   }
#box ul{position:relative;width:868px;height:400px;}
#box li{position:absolute;list-style:none;width:0;height:0;top:0px;left:0px;z-index:0;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box li div{width:100%;line-height:30px; margin-top:12px;color: #333;text-align: center;font-size: 14px;font-size: 1.4rem; color: #fff;}
#box .prev, #box .next{position:absolute;top:50%;width:52px;height:11px;margin-top:-49px;overflow:hidden;text-indent:999px;cursor:pointer;}
#box .prev{left:-57px;background:url(/img/ableft.png) no-repeat;}
#box .next{right:-64px;background:url(/img/abright.png) no-repeat;}
#box .prev:hover{background:url(/img/ablefth.png) no-repeat;}
#box .next:hover{background:url(/img/abrighth.png) no-repeat;}
#copyright{padding-top:10px;text-align:center;}
.heitu{ position:absolute; width:100%; left:0px; top:0px;}
.heitu img{ display:block; margin:auto; width:100%; max-width:620px; max-height:450px;}
#box li img:hover{box-shadow:0 0 15px rgba(0,0,0,0.2);}
#box2{display: none;}


@media screen and (max-width:1420px) {
#box .prev{ top: 30px; left:0px; z-index: 9999; }
#box .next{ top: 30px;  right:0px; z-index: 9999; }

}


@media screen and (min-width:1000px) and (max-width:1219px) {
    .pro_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important;  }
.ab4lie{ width:237px; margin-left:10px;}
#box{ display:none;}
#box2{ display:block;}
#box2 li{float: left;margin-left: 10px;width: 185px; margin-top: 20px;}
#box2 li img{width: 100%;max-width: 400px;max-height: 394px;}
#box2 li div{text-align: center;font-size: 14px;font-size: 1.4rem; line-height:22px; height:44px;}
}
@media screen and (max-width:999px) {
    .pro_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important;  }
.abmain1{ padding-top:29px; padding-bottom:21px;}
.abmain5{ padding-top:30px; padding-bottom:31px;}
.ab4lie{ width:24%; margin-left:0.5% !important; margin-right:0.5%;}
.ab4lien p{ font-size:14px; font-size:1.4rem; line-height:24px;}
.ab4lien p span{ font-size:16px; font-size:1.6rem;}
#box2{display: block;padding-top: 20px;}
#box{display: none;}
#box2 li{float: left;width:  23%;margin: 0 1%;margin-bottom: 20px;}
#box2 li img{width: 100%;max-width: 620px;max-height: 450px;}
#box2 li div{text-align: center;font-size: 14px;font-size: 1.4rem; line-height:22px; height:44px;}
}
@media screen and (max-width:799px) {
.abtu1{ width:auto; max-width:364px; float:none; margin:auto; margin-top:20px;}
.mat1{ margin-top:20px !important;}
.abtu2{ width:auto; max-width:364px; float:none; margin:auto; margin-top:20px;}
.abmain2n p{ line-height:26px;}
.abmain2n p span{ font-size:20px; font-size:2rem;}
#box2 li{width: 48%;margin: 0 1%;margin-bottom: 10px;}
.ab4lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
}
@media screen and (max-width:529px){
.ab4lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
}
 
 


.ab1r_2 .ab3title{ padding-left: 54px; font-family: Georgia, 'Times New Roman', Times, serif; font-size:20px;font-size:2rem;color:#fff; font-weight: bold; text-transform: uppercase; background: url(/img/ab1tu12.png) no-repeat left center; }
.ab2_div1  img { display: block; max-width: 505px; max-height: 289px;  }

@media screen and (max-width:1220px) {
    .ab1l { width:180px;}
    .ab1r { width: 80%; margin-top: 25px; }
    .abr_2 { width: 45%; }
    .abr_22{ width: 45% }
    .ab2_ul li {  width: 31%; margin-left: 1%!important; margin-right: 1%; }
    .ab2_div5 .img-list li { margin-right: 0px; width: 355px;  }
    .ab2_div5 .img-list .m3lien { width: 195px; }
}
@media screen and (max-width:999px) {
    .ab1r { width: 70%; margin-top: 25px; }
    .ab_top{ margin-top: 0px; }
    .ab1r .title2{ font-size:30px;font-size:3rem; }
    .abr_2 { float: none;  width: 100%; margin: 0 auto; margin-bottom: 20px; }
    .abr_22{ float: none;  width: 100%; margin: 0 auto;}
    .ab2_div1  img { width: 100%; margin: 0 auto; float: none; margin-bottom: 20px;  }
    .ab2_div1 p { padding-top: 10px; }
    .ab2_div7 li .dan_wrap .fu{ top: 0px; background: none; }
    .ab2_div5 .img-list li{ width: 10%; }
    .ab2_div5 .img-list .m3lien{  width: 50.1%;}
    .hotll{ height: 20px; position: relative; margin-bottom: 20px; }
    .ab2_p1{ margin-top: 10px; }

}

@media screen and (max-width:840px) {
    .ab1r { width: 67%; margin-top: 25px; }
    .ab26_img { display: block; float: none; max-width: 151px; width: 100%; margin: 0 auto; }
    .ab26r_img{ display: block; float: none; max-width: 151px; width: 100%; margin: 0 auto; }
    .pro_ul li{  width: 31%; margin-left: 1%!important; margin-right: 1%; }
    .ab2_div7 li .wenzi{ padding-top: 0px; }
}

@media screen and (max-width:640px) {
    .ab_top{ padding-bottom: 20px; }
    .ab1_bo1{ padding-top: 10px; }
    .ab2_div5_wrap{ padding: 20px 0px; }
    .ab2_div3{ padding-top: 10px; padding-bottom: 10px; }
    .banner_top{ padding: 30px 0px;    background: url(/img/banner_top.jpg) no-repeat bottom center; }
    .banner_top .title2 span { font-size:36px;font-size:3.6rem; }
    .ab1r .title2 {font-size:20px;font-size:2rem; }
    .ab1r .title2 span{ font-size:16px;font-size:1.6rem; }
    .ab1r p{ font-size:14px;font-size:1.4rem; }
    .ab1r p b{ font-size:16px;font-size:1.6rem;}
    .ab1r .title { font-size:20px;font-size:2rem; }
    .abmain1{ padding-top: 28px; padding-bottom: 40px;}
    .ab1l { width:100%; float: none; }
    .ab1r { width: 100%; margin-top: 25px;float: none; }
    .pro_ul li{  width: 48%; margin-left: 1%!important; margin-right: 1%; }
    .ab1r_2 .ab3title{ font-size:16px;font-size:1.6rem; line-height: 25px; background: url(/img/ab1tu12.png) no-repeat left top; }
    .ab2_div7 ul{padding-top: 10px; }
    .ab1r_2 .ab2title{ font-size:20px;font-size:2rem; }
    .ab2_div2{ padding-top: 20px; }
    .ab2_div2 p{ padding-bottom: 10px; }
    .ab2_div3>div{ padding-bottom: 10px; }
    .ab2_ul li{ width: 98%; float: none; padding-bottom: 10px; }


}
@media screen and (max-width:360px) {
    .ab1r p{ line-height: 25px; }
    .ab1r p b{ font-size:14px;font-size:1.4rem; line-height: 25px; }
    .ab2_div5 .m3lien span{ font-size:12px;font-size:1.2rem; line-height: 20px; }
    .ab2_div5 .m3lien b{ font-size:18px;font-size:1.8rem; padding: 0px; }
}


.prmain{ padding-bottom:80px;}
.prnav{ margin-top:0px;}
.prlie1{ width:300px; margin-left:0px; padding-right: 10px; float:left; background:url(/img/xiegang.png) no-repeat right 67px;}
.prlie2{ width:168px; margin-left:59px; padding-right: 103px; float:left; background:url(/img/xiegang.png) no-repeat right 67px;}
.prlie3{ width:168px; margin-left:59px; padding-right: 103px; float:left; background:url(/img/xiegang.png) no-repeat right 67px;}
.prlie4{ width:168px; margin-left:64px; float:left;}

.pra{ display:block; width:100%; height:59px; font-size:14px;  font-weight: bold; text-transform:uppercase; text-align:center; color:#666666;  font-family: Georgia, 'Times New Roman', Times, serif; padding-top:80px;}
 
.prnav ul{ margin-top:10px;}
.prnav ul li a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; text-transform:uppercase; line-height:36px; color:#999;}


.prlie1.on .pra{  color:#333;}
.prlie2.on .pra{ background:#fff url(/img/prbiao2h.png) no-repeat top center; color:#fff;}
.prlie3.on .pra{ background:#fff url(/img/prbiao3h.png) no-repeat top center; color:#fff;}
.prlie4.on .pra{ background:#fff url(/img/prbiao4h.png) no-repeat top center; color:#fff;}
.prnav ul li a:hover{ color:#666;}


.prmain form { padding-top: 8px; width:860px; float: right}
.chanlie{ width:265px; float:left; margin-left:20px; margin-top:49px;  }
.peo_wrap{ position: relative; overflow: hidden; border: 1px solid #e5e5e5; }
.chantu{ display:block; text-align:center;}
.chantu img{ display: block; width:100%; max-width:361px; }
.chanzi{ position: absolute; bottom: 0px; width: 100%; background: #fff; background: rgba(81,55,22,.5); border-top:none; padding-bottom:7px;}
.chanming{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color: #fff; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanmor{ position:relative;}
.chanmor a{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:34px; color:#fff;}
.chanmor input{ position:absolute; left:50%; margin-left:-58px; top:11px;}
.chanlie:hover{box-shadow:0 0 8px #e2e2e2;}
.chanlie:hover a{ color:#fff;}
.mal1{ margin-left:16px !important;}

.fenye{ padding-top:57px; position:relative;}
.fenyen{ text-align:center;}
.fenyen a{ display:inline-block; *float:left; width:33px; height:28px; background:#ffffff; text-align:center; line-height:28px; 
    border:1px solid #e5e5e5;margin-right:5px; margin-left:5px; margin-bottom:10px; font-size: 12px; font-size: 1.2rem; }
.fenyen a:hover{ border:1px solid #fff; color:#fff;}
.sx{ width:59px !important;}
.dangqianfen{color:#fff; border:1px solid #fff !important}
.fuxuan{ background:url(/img/fuxuan.png) no-repeat left center; padding-left:30px; position:absolute; right:0px; top:56px; font-size:16px; font-size:1.6rem; color:#4b4b4b; line-height:32px;}
.fuxuan input{ width:102px; height:32px; background:#fff; border:none; cursor:pointer; color:#fff; font-size:14px; font-size:1.4rem; margin-left:17px;}
.fuxuan input:hover{ background:#fff;}
.foot3{ padding-bottom:70px;}

@media screen and (min-width:1000px) and (max-width:1219px) { 
.prlie1{ margin-left:30px; padding-right: 53px;}
.prlie2{ margin-left:30px; padding-right: 53px;}
.prlie3{ margin-left:30px; padding-right: 53px;}
.prlie4{ margin-left:30px; }
.chanlie{ width:313px; margin-left:20px;}
}
@media screen and (max-width:999px) {
.prlie1{width:23%; margin-left:1%; margin-right:1%; padding-right:0px; background:none;}
.prlie2{width:23%; margin-left:1%; margin-right:1%; padding-right:0px; background:none;}
.prlie3{width:23%; margin-left:1%; margin-right:1%; padding-right:0px; background:none;}
.prlie4{width:23%; margin-left:1%; margin-right:1%;}
.chanlie{ width:31%; margin-left:1% !important; margin-right:1%;}
.fuxuan{ position:relative; top:auto; right:auto;}
}
@media screen and (max-width:639px) {
    .chanlie { margin-top: 20px; } 
    .prmain{ padding-bottom: 30px; }
    .prnav{ margin-top: 30px; }
    .chanzi{ position: relative; }
.toubiao{ display:none}
.prlie1{width:48%; margin-left:1%; margin-right:1%;}
.prlie2{width:48%; margin-left:1%; margin-right:1%;}
.prlie3{width:48%; margin-left:1%; margin-right:1%;}
.prlie4{width:48%; margin-left:1%; margin-right:1%;}
.prnav ul li a{ font-size:12px; font-size:1.2rem;}
.pra{ font-size:16px; font-size:1.6rem; background-size:100px auto !important; padding-top:80px; height:40px;}
.chanlie{ width:48%;}
.chanming{ font-size:12px; font-size:1.2rem; line-height:30px;}
.chanmor a{ font-size:12px; font-size:1.2rem; }
.mianbao{ float:right; font-size:12px; font-size:1.2rem; line-height:30px; float:left;}
}

@media screen and (max-width:439px) {
    .pra{ font-size:14px; font-size:1.4rem; }
}


/********************************************************************  product2  **************************************************************/
.prmain2{ padding-top: 31px; padding-bottom:51px; overflow:hidden;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:518px;position:relative; float:right; margin-top:51px; margin-right:27px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; padding:3px; background:url(/img/chanbei.jpg);}
#tsShopContainer #tsImgS img{border:0px; width:518px;height: 518px}
#tsShopContainer #tsPicContainer{width:100%;height:120px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:15px;height:106px;background:url(/img/prleft.jpg) no-repeat left bottom;position:absolute;top:13px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:15px;height:106px;background:url(/img/prright.jpg) no-repeat right bottom;position:absolute;top:13px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(/img/prlefth.jpg) no-repeat left bottom;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(/img/prrighth.jpg) no-repeat right bottom;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:6px;left:19px;width:1px;height:120px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:122px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; padding-top:7px;width:106px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:1px solid transparent;display:block;width:106px;height:106px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{ background:url(/img/zhizhen.png) no-repeat top center;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a img {border:1px solid #9c7556; }
.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:625px; float:left; margin-top:60px;}
.jianjie h1{ font-size:24px; font-size:2.4rem; text-transform:uppercase; color:#513716; text-align:left; line-height:35px; margin-top:23px;}
.jianjie .titor_x{ margin-top:38px; font-size:16px; font-size:1.6rem; line-height:26px; color:#666666;  }


.titor_x{font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.titor_x a{ font-size:14px;font-size:1.4rem;color:#513716; line-height: 30px; }
.titor_x img{ display: block; max-width: 100%; margin: 0 auto;}
.titor_x iframe{ display: block; max-width: 100%; margin: 0 auto;}
.titor_x table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.titor_x table tr td{ padding:3px; border:1px solid #ccc; background:#fff}




.inno{ margin-top:67px;}
.inno1{ display: block;
    width: 260px;
    height: 40px;
    float: left;
    background: #72BB2F;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
   
    color: #fff;
    margin-left: 28px;
    }
.inno2{ display:block; width:171px; height:40px; float:left; background:#72BB2F; text-align:center; line-height:40px; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#fff; margin-left:31px; border: 1px solid #fff; }



.pro_div3{ border-bottom: 1px solid #9d8a70;   }
.pro_div3 span { font-size:16px;font-size:1.6rem;color:#333; display: inline-block; line-height: 41px;  padding: 0px 44px;border: 1px solid #513716; border-top: 4px solid #513716; border-bottom: 0px;  }
 

.pro_x{font-size:14px;font-size:1.4rem;color:#333; line-height: 30px;  padding-top: 30px; padding-bottom: 30px;}
.pro_x a{ font-size:14px;font-size:1.4rem;color:#fff; line-height: 30px; }
.pro_x img{ display: block; max-width: 100%; margin: 0 auto;}
.pro_x iframe{ display: block; max-width: 100%; margin: 0 auto;}
.pro_x table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.pro_x table tr td{ padding:3px; border: 1px solid #513716 !important;height: 30px;
    line-height: 30px; }

.pro_x table {border-collapse:collapse;border:none;}
.pro_x td {border:solid #513716 1px;}



.hot{ padding-bottom: 38px; }
.hotbiao{  background:#fff url(/img/hotbiao.png) no-repeat left center;  background:rgba(81,55,22,.5) url(/img/hotbiao.png) no-repeat left center;    }
.hotbiao a{ display:block; line-height:44px; padding-left:48px; font-size:14px; font-size:1.4rem; color:#fff; text-transform: uppercase; } 
.hotlie{ width:361px; float:left; margin-left:30px; margin-top:20px; }
.hottu{ display:block; text-align:center;}
.hottu img{ width:100%; max-width:361px; max-height:361px;}
.hot_wrap{ position: relative; overflow: hidden;max-width:361px; width: 100%; margin: 0 auto; }
.hot_wrap .fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; background:#fff;  background:rgba(81,55,22,.5); }
.hot_wrap .fu span { text-transform: uppercase; display: block; position: absolute; top: 50%; left: 50%;  margin-left: -82px;  margin-top: -22.5px; background: #fff; width: 164px; line-height: 45px; line-height: 45px; text-align: center; font-size:17px;font-size:1.7rem;color:#fff; }
.hotzi{ width: 100%; color: #fff; text-align: center; position: absolute; bottom: 0px; display:block; line-height:72px;background:#fff;  background:rgba(81,55,22,.5);   border-top:none; text-align:center; font-size:16px; font-size:1.6rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.hotlie:hover .hotzi{  background: none; }
.hotlie:hover .fu{ top: 0px;  }




@media screen and (min-width:1000px) and (max-width:1219px){
.jianjie{ width:425px;}
.inno1{ margin-left:5px;}
.inno2{ margin-left:45px;}
.hotlie{ width:316px; margin-left:15px; margin-right:0px;} 
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
    .hot_wrap .fu{ display: none; }
    .hotlie:hover .hotzi{ background: #fff; background: rgba(81,55,22,.5); }
#tsShopContainer{ display:none}
.chanx{ width:100%; margin-top:30px;}
.chanx a{ display:block; width:23%; margin-left:1%; margin-right:1%; float:left; margin-top:9px; margin-bottom:10px;}
.chanx a img{ width:100%; max-width:512px; max-height:342px; border:1px solid #ccc;}
.jianjie{ width:100%; float:none; margin-top:40px;}
.inno1{ margin-left:5px;}
.inno2{ margin-left:45px;}
.hotlie{ width:31%; margin-left:1%!important; margin-right:1%; }
.hotzi{line-height: 30px; font-size:14px;font-size:1.4rem; position: relative; padding: 0px 10px; width: calc( 100% - 20px ) }
.jianjie ul{ margin-left:auto;}
#content .ul{ padding-left:0px;}
.inno{ margin-top: 20px; margin-bottom: 20px; }
.jianjie{ margin-top: 20px; }
}
@media screen and (max-width:459px){
    .jianjie h1{ font-size:16px;font-size:1.6rem; margin-top: 0px; }
.inno1{ width:110px;}
.inno2{ width:130px; margin-left:10px;}
.jianjie h1{ font-size:18px; font-size:1.8rem; line-height:35px;}
.hotzi{ font-size:14px; font-size:1.4rem;}
.prmain2{ padding-bottom: 20px; }
.hot{ padding-bottom: 20px; }
.chanx a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:9px; margin-bottom:10px;}
}

@media screen and (max-width:460px) { 
    .hotlie{ width:48%; margin-left:1%; margin-right:1%;  }
}







/* new */
.new{ padding-top: 62px; padding-bottom: 52px;}
.new .synbox{ padding-top: 22px; margin-bottom: 15px;    }
.new .fenyen{ padding-top: 14px; padding-bottom: 39px; }

/************************  synew  ***************************/
.synew{padding-top: 82px;padding-bottom: 67px;}
.wn{text-align: center;font-size: 28px;font-size: 2.8rem;text-transform: uppercase;font-family: 'FuturaStdBook';margin-bottom: 52px;}
.syntu img{ display: block; width: 100%;max-width: 566px;max-height: 358px;}
.syntu{display: block;}
.synbox{float: left;width: 566px;margin-left: 30px;}
.synnr{width: 368px;margin-top: 43px;}
.yueri{position: relative;margin-top: 12px; text-align: center;}
.yue{font-size: 20px;font-size: 2rem;color: #513716; font-weight: bold; text-transform: uppercase;  position: absolute;top: 65px;left: 0px; width: 100%; text-align: center; }
.ri{font-size: 138px;font-size: 13.8rem;font-weight: bold;color: #fff; }
.synp1{font-size: 16px;font-size: 1.6rem; font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 20px;}
.synp1:hover a{ text-decoration: underline;}
.synp2{line-height: 30px;}
.synp2 a{display: block; line-height: 24px;  max-height: 48px; overflow: hidden;}
.synp2 a:hover{ text-decoration: underline;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .synbox{width: 456px;}
    .ri{font-size: 100px;font-size: 10rem;}
    .yue{font-size: 20px;font-size: 2rem;top: 44px;left: 0px;}
    .synnr{width: 325px;}
    .synnr{margin-top: 30px;}
 }
 @media screen and (max-width:999px) {
    .new .page{ top:0px; }
    .ri{font-size: 100px;font-size: 10rem;}
    .yue{font-size: 20px;font-size: 2rem;top: 44px;left: 0px;}
    .synbox{width: 100%;margin: 0;margin-bottom: 30px;}
    .yueri{width: 20%;}
    .synnr{width: 80%;}
    .syntu{width: 100%;text-align: center;}
 }
 @media screen and (max-width:639px) {
    .new .fenyen{ padding-top: 22px; padding-bottom: 22px; }
    .new{ padding-top: 22px; padding-bottom: 22px;}
    .new .synbox{ margin-bottom: 0px; }
    .synp1{ margin-bottom: 5px; }
    .synew{padding-top: 30px;}
    .synnr{width: 100%;margin-top: 0;}
    .ri{font-size: 80px;font-size: 8rem;}
    .yue{font-size: 16px;font-size: 1.6rem;top: 35px;left: 0px;}
    .yueri{margin-top: 0;}
    .synew{padding-bottom: 10px;}
    .wn{margin-bottom: 30px;}
 }
 

.new h1{ padding-top: 20px; padding-bottom: 15px; font-size:16px;font-size:1.6rem;color:#333; text-align: center; width: 100%; font-weight: bold; }

.new  .time { text-align: center;  }
.new  .time span { display: inline-block; padding-left: 30px; background: url(/img/news2bj.png) no-repeat left center; color: #999999; }

.new_x {font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.new_x p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.new_x span { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px;  background: none !important;}
.new_x b{ font-size:22px;font-size:2.2rem;color:#333; line-height: 30px; }
.new_x a{ font-size:14px;font-size:1.4rem;color:#fff; line-height: 30px; }
.new_x img{ display: block; max-width: 100%; margin: 0 auto;}
.new_x iframe{ display: block; max-width: 100%; margin: 0 auto;}
.new_x table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.new_x table tr td{ padding:3px; border:1px solid #ccc; background:#fff}

.updown{ margin-top: 30px; border: 1px solid #b9b9b9; padding: 7px; margin-bottom:46px;}
.updown .up{margin-top: 0px;margin-bottom: 0px}
.updown p{ line-height: 33px;font-size: 14px;font-size:1.4rem;color: #333;}

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

.updown p .on{color:#fff; }
.updown p a{ font-size: 14px;font-size:1.4rem;color: #333;}
.updown p a:hover{color: #fff;}


/*new*/
.new3{ padding-top: 83px; padding-bottom: 80px; }
.new_dl{ margin-top: 0px; padding-bottom: 0px; }
.new_dl.new_dl2{ margin-left: 69px;}
.new_dl dt{ width: 450px;}
.new_dl dt a{ display: block;}
.new_dl dt a img{ display: block; max-width: 450px; width: 100%;}
.new_dl dd{ width: 577px; margin-left: 51px; padding-top: 15px; }
.new_dl dd .title{ font-size: 72px; font-size: 7.2rem; color: #c3bdb3; font-weight: bold; }
.new_dl dd .title span{  font-size: 18px; font-size: 1.8rem; color: #999999;  }
.new_dl dd .title2{ padding-top: 22px;  padding-bottom: 11px; display: block;  font-size: 18px; font-size: 1.8rem; line-height: 30px; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_dl dd .title3{ line-height: 28px; display: block;line-height: 28px; max-height: 56px; overflow: hidden; margin-bottom: 28px;  }
.new_dl dd .more{ background: transparent; display: block; text-transform: uppercase;color: #fff; border: 1px solid #fff; border-radius: 50px; width: 143px; line-height: 44px; text-align: center;   }
.new_dl dd .more:hover{border-color: #fff;  background: #fff;   color: #fff;}
.new_dl dd a:hover{  color: #fff;  } 

.new3 .fenyen { padding-top: 94px;  }

@media screen  and (max-width:1219px) {
    .new_dl dt{ width: 377px;}
    .new_dl dd{ width: 530px; padding-top: 0px; }
    .new_dl.new_dl2{ margin-left: 0px; }
}

 
@media screen  and (max-width:999px) {
    .new h1{ line-height: 25px;  }
    .new_dl{ margin-top: 20px; } 
    .new_dl dt{ width: 100%;}
    .new_dl dd{ width: 100%; margin-left: 0px; padding-top: 0px; }
}

 
@media screen  and (max-width:640px) {
    .new3{ padding-top: 33px; padding-bottom: 23px; }
    .new3 .fenyen { padding-top: 54px;  }
    .new_dl dd .title2{ padding-top:0px; padding-bottom: 0px; }
    .new_dl dd .title{ font-size: 40px; font-size: 4rem; padding-top: 10px; }
    .new_dl dd .title3{ margin-bottom: 10px; }
}


/* project */
.project { padding-top: 80px; }
.project h1 { padding-bottom: 12px; font-size:20px;font-size:2rem;color:#333; text-align: center; width: 100%; font-weight: bold; }
.project p { line-height: 30px; text-align: center; width: 100%; }
.mpmain2{ padding-bottom:1px; padding-top:0px;}
.zhanshi_tp2{position:relative; width:850px; margin:auto; margin-top:32px;}
.zhanshi_tp2 .ulBigPic{width:672px; margin-left:90px; overflow:hidden; }
.zhanshi_tp2 .ulBigPic li{width:672px;display:none;  position:relative;}
.abfu{ position:absolute; width:100%; font-size:20px; font-size:2rem; color:#fff; text-align:center; line-height:39px; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.5);}
.zhanshi_tp2 .ulBigPic .liSelected{display:block;}
.zhanshi_tp2 .ulBigPic img{ display:block;width:672px;height:657px;}
 .zhanshi_tp2 .sLeftBtnA,.zhanshi_tp2 .sLeftBtnASel,.zhanshi_tp2 .sLeftBtnABan,.zhanshi_tp2 .sRightBtnA,.zhanshi_tp2 .sRightBtnASel,.zhanshi_tp2 .sRightBtnABan{ width:41px;height:78px;display:block;position:absolute;top:259px; }
.zhanshi_tp2 .sLeftBtnA,.zhanshi_tp2 .sLeftBtnASel,.zhanshi_tp2 .sRightBtnA,.zhanshi_tp2 .sRightBtnASel{cursor:pointer;} 
 

#sLeftBtnA{left:0px; background:url(/img/index_tab_l.png)}
#sRightBtnA{right:0px;background:url(/img/index_tab_r.png)}
#sLeftBtnA:hover{left:0px; background:url(/img/index_tab_rh.png)}
#sRightBtnA:hover{right:0px;background:url(/img/index_tab_lh.png)}
 
#sLeftBtnB{left:0px; background:url(/img/index_tab_l1.png)}
#sRightBtnB{right:0px;background:url(/img/index_tab_r1.png)}
#sLeftBtnB:hover{left:0px; background:url(/img/index_tab_r1h.png)}
#sRightBtnB:hover{right:0px;background:url(/img/index_tab_l1h.png)}

 
.zhanshi_tp2 .dSmallPicBox{width:788px; height:150px; position:relative; margin: 0 auto; margin-top:41px;  }
.zhanshi_tp2 .dSmallPic{width:672px; left:60px;height:150px; position:absolute; top:0px;overflow:hidden;}
.zhanshi_tp2 .dSmallPic ul{position:absolute;}
.zhanshi_tp2 .dSmallPic li{width:174px; height:150px;float:left; display:inline;cursor:pointer;overflow:hidden;}
.zhanshi_tp2 .dSmallPic .sPic{width:199px; height:150px;   display:block;}
.zhanshi_tp2 .dSmallPic .sPic img{width:145px;height:142px; border:1px solid transparent;} 
.zhanshi_tp2 .dSmallPic .sPic img:hover{ border:1px solid #fff;} 
.zhanshi_tp2 .dSmallPic .liSelected .sPic img{ border:1px solid #fff;}
.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan,.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan{width:34px; height:34px;display:block;position:absolute;top:65px;}
.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel{cursor:pointer;}


 

/*3*/
.pop_up{ width:971px; height:570px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-498px; margin-top:-273px; display:none; z-index:9999999;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:971px; height:570px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:971px; height:570px; float:left;}


.lunboa {padding-bottom: 85px;}
.lunboa .ban .ban2 ul li{position: relative;}
.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}

.lunboa .ban .ban2 ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(/img/mzz.png) repeat center center;}


.lunbob{display: none;}
.lunbob ul li{width: 23%;position: relative;float: left;margin: 10px 1%!important;}
.lunbob ul li a{display: block;}
.lunbob ul li a img{display: block;width: 100%;}
.lunbob ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}
.lunbob ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(/img/mzz.png) repeat center center;}


@media screen and (min-width:1000px) and (max-width:1219px){
.zhanshi_tp2{width:976px;}
.zhanshi_tp2 .dSmallPicBox{width:976px;}
.zhanshi_tp2 .ulBigPic{ margin: 0 auto; }
.zhanshi_tp2 .dSmallPic{  left: 154px; }
}
@media screen and (min-width:1000px){
.gongchang2{ display: none}
}
@media screen and (max-width:999px){
    .project { padding-top: 50px; padding-bottom: 20px; }
.mpmain2{ padding-bottom:30px; padding-top:17px;} 
.gongchang2{ width:100%}
.gonglie2{ display:block; width:45%; float:left; margin-left:2.5%; margin-right:2.5%; margin-top:10px;}
.gongtu2 img{ width:100%; max-width:845px; max-height:546px;}
.gongzi2{ display:block; text-align:center; line-height:30px; margin-top:5px;}
.ab3main{ padding-bottom:39px;}
}

@media screen and (max-width:979px) {
.lunboa{ display:none}
.lunbob{display: block;}
} 

@media screen and (max-width:639px){
.gonglie2{width:95%;}
.wenav a{ width:135px; font-size:12px; font-size:1.2rem; font-weight:normal; margin:0 2px;}
.project p{ padding-bottom: 10px; font-size:14px; font-size:1.4rem; font-weight:normal; line-height: 25px;}
.project h1{ font-size:16px;font-size:1.6rem; }
}


@media screen and (max-width:500px) {
.lunbob ul li{width: 48%;margin: 5px 1%!important;}
}

    
 


/********  contact  ********/
.contact{padding-top: 79px;padding-bottom: 90px;  }
.love{text-align: center;font-size: 24px;font-size: 2.4rem;color: #fff;}

.coxin{ margin-top:43px; margin-bottom: 76px;  }
.coxin .int1{ padding-left:18px; background:url(/img/xing.png) no-repeat left 14px;  ;      }    
.mat4{ margin-top:21px;}
.coxin .int1 input{ width:308px; height:32px; line-height:32px; border:1px solid #666666; background: transparent; float:left; padding-left:11px; margin-left:107px;}
.coxin .int2{ padding-left:18px; background:url(/img/xing.png) no-repeat left 6px; margin-top:21px;}
.coxin .int2 textarea{ width:1164px; height:131px; line-height:30px; border:1px solid #666666; background: transparent; padding-left:11px; }
.coxin .int3{ padding-left:18px; background:url(/img/xing.png) no-repeat left 14px; margin-top:21px; float:left;}
.coxin .int3 input{ width:363px; height:32px; line-height:32px; border:1px solid #666666; background: transparent; padding-left:11px; }
.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:#fff; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; cursor:pointer;}
.coxin .int4:hover{ background:#333;}


.coxin .int5{ padding-left:18px; background:url(/img/xing.png) no-repeat left 14px; float:left; margin-right:91px;}
.coxin .int5 input{  background: transparent; width:308px; height:32px; line-height:32px;border:1px solid #666666; padding-left:11px; font-size:14px;}



.xuanze select{width: 321px; cursor: pointer;  height: 34px;line-height: 34px;  height: 34px\0;line-height: 34px\0; padding-left: 5px;
    border: 1px solid #666666; background: transparent;color: #999999;font-size: 14px;font-size: 1.4rem; }
    .xuanze select option{line-height: 34px;  height: 34px\0; }
.xuanze{padding-left: 21px;background: url(/img/xing.png) no-repeat left 14px;float: left;margin-left: 84px;}

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



.con{ margin:auto;}
.colie{ float:left; text-align:center;}
.codianhua{ width:195px; float:left;}
.coshouji{ width:200px; float:left; margin-left:30px;}
.coxinfeng{ width:216px; float:left; margin-left:30px;}
.cochuanzhen{ width:150px; float:left; margin-left:30px;}
.codingwei{width:108px;  margin-left: 27px; text-align: center; } 
.srtrl{width:227px;  float:right;}

.cotu{ display:block;}
.cotu img{ width:79px; height:79px;}
.colie p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#513716;  margin-top:16px;  text-transform: uppercase;}
.colie li{ font-size:14px; font-size:1.4rem; line-height:24px; color: #333;    overflow:hidden;}
.colie li a{ color: #333;  }
.colie li a:hover{ color:#fff;}
.codingwei li{ font-size:14px; font-size:1.4rem; line-height:24px; color: #333;  }


.ditu img{ width: 100%; max-width: 1198px;  max-height: 415px;}
.ditu{margin-top: 56px;}

@media screen and (min-width:1220px){
.lxfs li.no_margin{margin-left: 29px!important;}
}
@media screen and (min-width:1000px) and (max-width:1219px){
.coxin .int5{ margin-right: 20px; }
.col{ width:440px; float:left; padding-top:12px;}
.cor{ width:520px; float:right; margin-top:61px;}
.coxin .int1 input{ width:290px; margin-left:25px;}
.coxin .int5 input{ width:290px; }
.coxin .int2 textarea{ width:950px;}
.xuanze{margin-left: 5px;}
.xuanze select{width: 304px;}
.lxfs li{margin-left: 110px;}
.coxin .int5{ margin-right: 7px; }
}
@media screen and (max-width:999px){
.coxin .int5 { width: calc(  100% - 20px ); margin-right: 0px; margin-top: 0px; margin-bottom: 20px;  }
.coxin .int5 input{  width: calc( 100% - 60px ) ;float: none; }

.contact{padding-top: 50px;padding-bottom: 42px;  }
.cobiao{ line-height:30px;}
.col{ width:100%; float:none; padding-top:12px;}
.cor{ width:100%; float:none; margin:auto; margin-top:61px; max-width:561px;}
.coxin{ margin-top:30px;}
.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:40%; float:left; margin-left:11px;}

.xuanze{margin-left: 0;position: relative;left: -18px;padding-left: 18px;width: 94%;margin-bottom: 21px;}
.xuanze select{width: 99%; cursor: pointer; }
.xuanze select option{cursor: pointer; }
.lxfs li{width: 31.3333%;margin: 0 1%;}
.lxfs{padding-top: 40px;}
.ditu{margin-top: 40px;} 

.coxin { width: 100%; overflow: hidden;  }
.coxin .int1 input { width: calc( 100% - 60px );}
.coxin .int2 input { width: calc( 100% - 60px ); float: none; }
.coxin .int2 textarea { width: calc( 100% - 60px ); }
.coxin .int3 input{  width: calc( 100% - 60px ); }
}
@media screen and (max-width:800px){
.lxfs li{width: 100%;margin: 0;margin-bottom: 20px;}
.love{font-size: 20px;font-size: 2rem; line-height: 30px; } 
}

 

@media screen and (min-width:1000px) and (max-width:1219px){
.codianhua{ width:195px; float:left;}
.coshouji{ width:195px; float:left; margin-left:16px;}
.coxinfeng{ width:204px; float:left; margin-left:16px;}
.cochuanzhen{ width:195px; float:left; margin-left:16px;}
.codingwei{ width:100px; margin-left: 43px;}
.codingwei{ width: 100px; }
}
@media screen and (max-width:999px){
.comain{ background-attachment:fixed;}
.con{ width:auto; margin:auto;}
.cubiao p{ width:auto;}
.colie{ width:33% !important; margin-left:auto; float:left; margin-top:auto; min-height: 171px; margin-bottom:10px;  }
.colie li{ font-size:12px; font-size:1.2rem; min-height: 48px; text-align:center}
.cotr{ width:100%;}
.cotr ul{ float:left; margin-left:15px;}
}


@media screen and (max-width:640px){
    .contact{padding-top: 29px;padding-bottom: 22px;  } 
.xuanze{ width: 95%; }
.ditu{margin-top: 0px;} 
.coxin{ margin-bottom: 22px; }
.love{font-size: 18px;font-size: 1.8rem; line-height: 30px; } 
}


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

.xinl{ width:100%;}
.xinr{ width:100%;}
.cuxin .int1 input{ width:90%;}
.cuxin textarea{ width:90%;}
.cuxin .int4{width:25%;}
.colie{ width:50% !important;}

.colie{ min-height: auto; }

}
@media screen and (max-width:419px){
.colie{ width:100% !important;}
.cul ul{ width:97%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}

}

 
 
 
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}