@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%;background-color: #fff;}
body {margin: 0 auto; font-size: 12px;font-size: 1.2rem;max-width: 1920px;position: relative;
overflow-x: hidden;font-family: Verdana, Geneva, Tahoma, sans-serif; 
}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
select{cursor: pointer;}
input, textarea {font-size: 12px;font-size: 1.2rem;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; }

.disnone{display: none;}
.wp{position: relative;}
.box{position: relative;}

/*          tanchu          */
.iframebox{position: absolute; left: 0px; top: 0px; width:100%; height:100%; z-index:1500;text-align: center;display:none;}
.iframebox .nr{position:fixed; width: 300px;padding:20px 15px;left:50%;margin:-93px 0 0 -165px; top:30%; background:#EFF0EF; z-index:2500;border-radius:5px;}
.iframebox .nr h5{text-align:center;color:#018ccd;font-size:18px;/*font-family: Georgia;*/font-weight:bold; margin:0px;}
.iframebox .nr input.input{border:1px solid #A5A5A6;height:25px;line-height:25px;width:290px;margin:15px 0 0 0;color:#666;padding:0 5px;}
.iframebox .nr input.btn{border:none;background:#018ccd;height:40px;line-height:40px;width:300px;margin:15px 0 0 0;color:#fff;font-weight:bold;font-size:15px; cursor:pointer;}
.iframebox .nr .close{background:url("../images/close.png") no-repeat;position: absolute;right:5px;top:5px;width:10px;height:10px;display:block;text-indent:-9999px; cursor:pointer;}

.iframebox .nr .messagebox {
    border: 1px solid #A5A5A6;
    height: 35px;
    line-height: 35px;
    width: 290px;
	height:80px;
    margin: 15px 0 0 0;
    color: #666;
    padding: 0 5px;
}
.c_yzm{ cursor:pointer; position:relative; top:15px;}
/*.iframebox {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1500;
    text-align: center;
    display: none;
}*/


@media screen and (min-width:1220px)  {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}

.juse{ color:#019bdd !important;}
/* @font-face {
    font-family: 'HelveticaLTStdBold';
    src: url('fonts/HelveticaLTStdBold.eot');
    src: url('fonts/HelveticaLTStdBold.eot') format('embedded-opentype'),
         url('fonts/HelveticaLTStdBold.woff2') format('woff2'),
         url('fonts/HelveticaLTStdBold.woff') format('woff'),
         url('fonts/HelveticaLTStdBold.ttf') format('truetype'),
         url('fonts/HelveticaLTStdBold.svg#HelveticaLTStdBold') format('svg');
} */

#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%;display: block!important;}
.baguetteBox-button#previous-button{left:2%;display: block!important;}
.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}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

.ziti{font-family: Helvetica, Arial, sans-serif ;}

.mln{margin-left: 0!important;}
.mbn{margin-bottom: 0!important;}
.mtn{margin-top: 0!important;}


.ft-top::-webkit-input-placeholder {/* WebKit browsers */
 color:#1b1b1b;font-size:16px;font-size:1.6rem;}
.ft-top:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;font-size:16px;font-size:1.6rem;}
.ft-top::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;font-size:16px;font-size:1.6rem;}
.ft-top:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;font-size:16px;font-size:1.6rem;}
 
 
 
::-webkit-input-placeholder {/* WebKit browsers */
 color:#fff;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#fff;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#fff;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#fff;}



/* head */
.head{ width: 100%;z-index: 999; position: static;top: 0;left: 0;background-color: #fff; padding-top: 0px;}

.head-top {background:url() no-repeat center center;}
.head-top .logo{width: 754px\9;max-width: 754px;width: 100%; margin-top: 7px;}
.head-top .logo a{display: block;}
.head-top .logo a img{max-width:100%; display: block;float: left;}

.logo1{display: none;}
.head-top .logo1 a{display: block;}
.head-top .logo1 a img{max-width:100%; display: block;}

.head-top{ padding-top: 10px;padding-bottom: 20px; -ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.head-top .h-sjfx{margin-right: 51px;margin-top: 55px;}

.head-top .h-sj .top{margin-bottom: 18px;}
.head-top .h-sj ul li{float: left;margin-left: 4px;width: 29px;height: 31px; }
.head-top .h-sj ul li:first-child{margin-left: 0;}
.head-top .h-sj ul li a{display: block;}
.head-top .h-sj ul li a img{display: block;}


/*  */
.head-bot{border-top: 1px solid #d3d3d3;}
.head-bot .nav2{padding-top: 1px;}
/*  */
.head-bot .nav2 ul li{float: left;margin-left: 68.5px;padding-bottom: 5px;position: relative; }
.head-bot .nav2 ul li>a{display: block;color:#333;font-weight: bold; font-size:16px;font-size:1.6rem;padding-bottom: 12px;padding-top: 15px; text-align: center;}
.head-bot .nav2 ul li:hover a{color: #019bdd;}
.head-bot .nav2 ul li.on a{color: #019bdd;}

.nav2 ul li:hover .divshow{display: block;}
.nav2 .divshow{position: absolute;top: 100%;left: 50%;z-index: 999;margin-left: -120px; display: none;padding-bottom: 2px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nav2 .divshow .show1{width: 240px;background:#f4f4f4;position: relative;border-right: 1px solid #fff;}
.nav2 .divshow .show1>a{display: block; color:#333;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 16px;padding-bottom: 17px;border-bottom: 2px solid #fff;padding-left: 15px;padding-right: 15px; line-height: 20px;font-size:14px;font-size:1.4rem; }
.nav2 .divshow .show1:last-child>a{border-bottom: 0;}
.nav2 .divshow .show1:hover  > a{color: #019bdd;}

.nav2 .divshow .show1:hover dl{display: block;}
.nav2 .divshow dl{border-left: 1px solid #fff; position: absolute;left: 100%;top: 0;padding-left: 0px;display: none;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nav2 .divshow dl dd{width: 240px;background:#f4f4f4;}
.nav2 .divshow dl dd a{display: block; color:#333;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 6px;padding-bottom: 7px;border-bottom: 2px solid #fff;padding-left: 15px;padding-right: 15px; line-height: 20px;font-size:14px;font-size:1.4rem;}
.nav2 .divshow dl dd:last-child a{border-bottom: none;}
.nav2 .divshow dl dd:hover a{color: #019bdd;}

.search{width:25px;z-index:99999; position:absolute;background:none;
    margin-top:16px;
    right:0px;
}
.search1{width:25px;z-index:99999; position:absolute;background:none;
    margin-top:5px;
    right:51px;
}
.sb-icon-search {color: #333;width:25px;height:25px;display:block;}
.sb-icon-search1 {color: #333;width:25px;height:25px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 25px;height: 25px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px;border:0px solid #fff; color:#333}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 25px;line-height:25px;padding-left:10px;border:none;margin: 0;z-index: 10;background:transparent;color:#333}
.sb-icon-search,.sb-search-submit{width: 25px;height: 25px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(../images/sousuo.png) no-repeat center;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:25px;line-height:25px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #019bdd;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}




.hd1-bot{padding-top: 9px;padding-bottom: 10px;display: none;border-top: 1px solid #f1f1f1;z-index: 999;}
.hd1-bot ul li{float: left;width: 25%; position: relative;padding-bottom: 0px; text-align: center;}
.hd1-bot ul li>a{font-size:16px;font-size:1.2rem; padding: 5px 0;}
.hd1-bot ul li:hover a{color: #019bdd;}
.hd1-bot ul li.on a{color: #019bdd;}

/*.container*/
/* .container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999999999999999; cursor:pointer;position: fixed;top: 0px;right: 0;display: block;}
.nav{width:250px;background:rgba(0,0,0,0.8);position: absolute;top: 0;right: 0;display: block;height: auto;}
.nav ul {display: none; margin-top:10px;margin-bottom: 20px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
.menubtn{width: 35px;height: 30px;position: absolute;top:13px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #656565;} */
/*.container*/
.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: 0; right: 0; display: block; }

.container .nav { width: 320px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.container .nav > ul { display: none; margin-top: 10px; margin-bottom: 20px; }

.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

/* .container .nav > ul > li a{font-family: Verdana, Geneva, Tahoma, sans-serif!important;} */

.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("fonts/shizi.png") no-repeat center center; background-size: 100% 100%; }

.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.container .nav > ul > li .c-show { display: none; width: 100%; }

.container .nav > ul > li .c-show .c-s1 { position: relative; }

.container .nav > ul > li .c-show .c-s1 > a { text-indent: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container .nav > ul > li .c-show .c-s1 .c-s2 { display: none; }

.container .nav > ul > li .c-show .c-s1 .c-s2 a { text-indent: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.menubtn { width: 35px; height: 30px; position: absolute; top: 10px; right: 15px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.menubtn span { display: block; width: 100%; height: 5px; margin-bottom: 5px; background-color: #656565; }


.head1{display: none;}
@media screen and (min-width:769px) {
.container,.nav{ display:none}


}

@media screen and (max-width:769px) {
.nav2 .divshow{margin-left: 0px;}	
}


.body .bread{margin-top: 56px;}
.body .index_focus{margin-top: 56px;}
.body  #carousel{margin-top: 56px;}

@media screen and (max-width:639px){
    .body .bread{margin-top: 36px;}
    .body .index_focus{margin-top: 36px;}
    .body  #carousel{margin-top: 36px;}
}




@media screen and (max-width:1219px){
    .head-top .logo{width: 780px;}
    .head-bot .nav2 ul li{margin-left: 32px;}
}
@media screen and (max-width:999px){
    .head-top .logo{width: 700px;}
    .head-bot .nav2 ul li{margin-left: 25px;}
    div.logo_text_box{    margin-left: 55px;}

}
@media screen and (max-width:979px){
    .head-top .logo{display: none;}
    .head-top .logo1{display: block;}
    .head-top .logo1{width: 364px;}
    .head-bot .nav2 ul li{margin-left: 13px;}
    .head-bot .nav2 ul li a{font-size:12px;font-size:1.2rem;font-weight: normal;}
    .sb-icon-search, .sb-search-submit{top:0px;right: -5px;}

}
@media screen and (max-width:768px){
    .head-top .h-sjfx{margin-right: 20px;}
    .head-top .logo1{width: 265px;margin-top: 18px;}
}
@media screen and (max-width:639px){
    .head{display: none;}

    .head1{padding-top: 13px;display: block;top: 0;left: 0;width: 100%;background-color: #fff;}
    .head1 .hd1-top .logo{width: 183px;}
    .head1 .hd1-top .logo a{display: block;}
    .head1 .hd1-top .logo a img{display: block;max-width:100%; }
    .menubtn{top:10px;right:20px;}

    .head1 .hd1-mid{margin-top: 10px;margin-bottom: 10px;}
    .head1 .hd1-mid .top{margin-right: 8px;}
    .head1 .hd1-mid ul li{float: left;margin-left: 2px;width: 14px;height: 15px; }
    .head1 .hd1-mid ul li:first-child{margin-left: 0;}
    .head1 .hd1-mid ul li a{display: block;}
    .head1 .hd1-mid ul li a img{display: block; max-width:100%;}

    .head1 .hd1-bot{display: block;}
    .menubtn{width: 26px;height: 16px; right: 5px;}
    .menubtn span{height: 3px;margin-bottom: 4px;}
    
    .head1 .sjfx1 img{display: block;width: 100px;}
    
}


/*lun bo*/
.index_focus {position: relative;width: 100%;height:653px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; bottom:8px; left:50%; margin-left:-48px; z-index:9998 }
.index_focus .slide_nav a{ width:14px; height:14px; cursor:pointer;float:left; margin-right:5px; margin-left:5px;background:url(../images/circle.png) no-repeat center center;  }

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:url(../images/circleon.png) no-repeat center center; }


@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:522px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:414px;}
.index_focusn2 img {width: 80%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus2 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 90px;height:5px;bottom: 13px;left: 52%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#019bdd;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:640px) {.container,.nav{ display:none}}

/* main1 */
.main1 {padding-top: 69px;padding-bottom: 2px;background:url(../images/m1-1bg.jpg) no-repeat center 141px,url(../images/m1-2bg.jpg) no-repeat center 698px,url(../images/m1-3bg.jpg) no-repeat center 1257px; }
.main .m1title{text-align: center;margin-bottom: 38px;}
.main .m1title a{letter-spacing: 4px; font-size:40px;font-size:4rem;font-weight: bold;color:#333;text-transform: uppercase; }
.main .m1title a span{letter-spacing: 4px; font-size:40px;font-size:4rem;font-weight: bold;color:#018ccd;text-transform: uppercase;}

.main1 .m1cont{margin-bottom: 42px;}
.main1 .m1cont .mctit{margin-bottom: 15px;}
.main1 .m1cont .wz1 a{font-family: Arial, Helvetica, sans-serif;font-size:20px;font-size:2rem;color:#333;}
.main1 .m1cont .wz1 a:hover{color: #019bdd;}
.main1 .m1cont .wz2 a{font-family: Arial, Helvetica, sans-serif;font-size:16px;font-size:1.6rem;color:#333;position: relative; top: 5px; }
.main1 .m1cont .wz2 a:hover{color: #019bdd;}

.main1 .mctxt ul li{width:581px; }
.main1 .mctxt ul li a{display: block;}
.main1 .mctxt ul li a img{display:block; max-width:100%;border: 1px solid #ababab;}

.main1 .mctxt ul li .libot{margin-top: 19px;}
.main1 .mctxt ul li .libot a{text-align: center;font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;color:#333;}
.main1 .mctxt ul li .libot a:hover{color: #019bdd;}
@media screen and (max-width:1219px) {
    .main1 .mctxt ul li{width: 48%;}
    .main1 {background:url(../images/m1-1bg.jpg) no-repeat center 141px,url(../images/m1-2bg.jpg) no-repeat center 618px,url(../images/m1-3bg.jpg) no-repeat center 1098px; }
}
@media screen and (max-width:999px) {
    .main1 {background: none;}
}
@media screen and (max-width:768px) {
    .main1 {padding-top: 30px;}
    .main .m1title{margin-bottom: 20px;}
    .main1 .m1cont{margin-bottom: 20px;}
    .main .m1title a{font-size:30px;font-size:3rem;}
    .main .m1title a span{font-size:30px;font-size:3rem;}
}
@media screen and (max-width:639px) {
    .main1 .m1cont .wz2{display: none;}
    .main1 .m1cont .wz1{float: none;text-align: center;}
    .main1 .mctxt ul li{float: none;margin: 0 auto;max-width: 581px;width: 100%;}
    .main1 .mctxt ul li.l .libot{margin-bottom: 15px;}
    .main1 .mctxt ul li .libot{margin-top: 5px;}
    .main .m1title a{font-size:22px;font-size:2.2rem;}
    .main .m1title a span{font-size:22px;font-size:2.2rem;}
    .main1 .m1cont .wz1 a{font-size:16px;font-size:1.6rem;}
}
/* main2 */
.main2{background:url(../images/m2bg.jpg) no-repeat top center;padding-top: 54px;padding-bottom: 73px; }

.main2 .m1title{margin-bottom: 43px;}
.main2 .m2box .ltxt{width: 635px;}

.main2 .m2box .ltxt .t-t1{margin-bottom: 21px;}
.main2 .m2box .ltxt .t-t1 a{font-weight: bold;color:#333;font-size:26px;font-size:2.6rem;}
.main2 .m2box .ltxt .t-t1 a:hover{color: #019bdd;}

.main2 .m2box .ltxt .t-t2{margin-bottom: 26px;}
.main2 .m2box .ltxt .t-t2 a{display: block;letter-spacing:1.5px; color:#333;line-height: 24px; font-size:16px;font-size:1.6rem;font-family: Arial, Helvetica, sans-serif; }
.main2 .m2box .ltxt .t-t2 a:hover{color: #019bdd;}

.main2 .m2box .ltxt .t-t3 a{display: block; color:#fff;width: 119px;height: 29px;line-height: 29px;text-align: center;border-radius: 15px; background-color: #019bdd;border: 1px solid #019bdd; font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif; }
.main2 .m2box .ltxt .t-t3 a:hover{color: #019bdd;background-color: #fff;}

.main2 .m2box .rimg{margin-top: -4px;width: 496px; }
.main2 .m2box .rimg .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.main2 .m2box .rimg .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.main2 .m2box .rimg .slideBox .bd li{ zoom:1; vertical-align:middle; }
.main2 .m2box .rimg .slideBox .bd img{  width:100%; height:100%; display:block;  }

.main2 .m2box .rimg .slideBox .prev{background:url(../images/arrowleft.png) no-repeat center center; position:absolute; left: 3px; top:50%; margin-top: -17px; display:block; width:25px; height:35px; }
.main2 .m2box .rimg .slideBox .next{background:url(../images/arrowright.png) no-repeat center center; position:absolute; right: 3px; top:50%;  margin-top: -17px; display:block; width:25px; height:35px; }
.main2 .m2box .rimg .slideBox .prev:hover{background:url(../images/arrowlefton.png) no-repeat center center;}
.main2 .m2box .rimg .slideBox .next:hover{background:url(../images/arrowrighton.png) no-repeat center center; }
.main2 .m2box .rimg .slideBox .prevStop{ display:none;  }
.main2 .m2box .rimg .slideBox .nextStop{ display:none;  }

@media screen and (max-width:1219px) {
    .main2 .m2box .ltxt{width: 53%;}
    .main2 .m2box .rimg{width: 41%;}
}
@media screen and (max-width:979px) {
    .main2{background-attachment: fixed;}
    .main2 .m2box .ltxt{width: 100%;}
    .main2 .m2box .rimg{width: 100%;max-width: 496px;float: none;margin: 0 auto 15px; }
}
@media screen and (max-width:768px) {
    .main2{padding-top: 20px;padding-bottom: 20px;}
    .main2 .m1title{margin-bottom: 20px;}
    .main2 .m2box .ltxt .t-t1{margin-bottom: 15px;}
}
@media screen and (max-width:639px) {
    .main2 .m2box .ltxt .t-t1 a{font-size:20px;font-size:2rem;}
    .main2 .m2box .ltxt .t-t1{text-align: center;}
    .main2 .m2box .ltxt .t-t3{display: none;}
}

/* main3 */
.main3{margin-top: 61px;padding-bottom: 67px; }
.main3 .m1title{margin-bottom: 6px;}

.main3 .m3cont{text-align: center;margin-bottom: 70px;}
.main3 .m3cont a{font-size:16px;font-size:1.6rem;color:#333;letter-spacing: 2px; }
.main3 .m3cont a:hover{color: #019bdd;}

.main3 ul li{}
.main3 ul li .limg a{display: block;}
.main3 ul li .limg a img{display: block;max-width:100%; }
.main3 ul li .rtxt .lititle a{display: block; height: 57px;letter-spacing:1.8px;padding-top: 24px; display: block;padding-left: 92px;font-size:18px;font-size:1.8rem;color:#333;font-weight: bold;line-height: 24px;}
.main3 ul li .rtxt .lititle a:hover{color: #019bdd;}
.main3 ul li .rtxt .licont a{padding-left: 15px;letter-spacing:1.3px; display: block;font-size:14px;font-size:1.4rem;line-height: 24px;color:#333;font-family: Arial, Helvetica, sans-serif;}
.main3 ul li .rtxt .licont a:hover{color: #019bdd;}

/* li1 */
.main3 ul li.li1{margin-bottom: 63px;}
.main3 ul li.li1 .limg {width: 443px;}
.main3 ul li.li1 .rtxt{width: 700px;}
.main3 ul li.li1 .rtxt .lititle a{background:url(../images/li1bg.jpg) no-repeat left top;}

/* li2 */
.main3 ul li.li2{margin-bottom: 62px;}
.main3 ul li.li2 .limg {width: 590px;margin-top: -32px; }
.main3 ul li.li2 .rtxt{width: 545px;}
.main3 ul li.li2 .rtxt .licont{margin-top: 27px;}
.main3 ul li.li2 .rtxt .licont a{padding-left: 0;}
.main3 ul li.li2 .rtxt .lititle a{background:url(../images/li2bg.jpg) no-repeat left top;}

/* li3 */
.main3 ul li.li3{margin-bottom: 70px;}
.main3 ul li.li3 .limg {width: 601px;margin-top: -11px; }
.main3 ul li.li3 .rtxt{width: 538px;}
.main3 ul li.li3 .rtxt .licont{margin-top: 0px;}
.main3 ul li.li3 .rtxt .licont a{padding-left: 0;}
.main3 ul li.li3 .rtxt .lititle a{background:url(../images/li3bg.jpg) no-repeat left top;}

/* li4 */
.main3 ul li.li4{margin-bottom: 0px;}
.main3 ul li.li4 .limg {width: 589px;margin-top: -32px; }
.main3 ul li.li4 .rtxt{width: 515px;}
.main3 ul li.li4 .rtxt .licont{margin-top: 5px;}
.main3 ul li.li4 .rtxt .licont a{padding-left: 0;}
.main3 ul li.li4 .rtxt .lititle a{background:url(../images/li4bg.jpg) no-repeat left top;}

@media screen and (max-width:1219px) {
    .main3 ul li .limg {width: 48%!important;}
    .main3 ul li .rtxt {width: 48%!important;}
    .main3 ul li .rtxt .lititle a{padding-top: 4px;min-height: 70px;}
}
@media screen and (max-width:979px) {
    .main3 ul li .limg {width: 100%!important;margin-bottom: 20px; }
    .main3 ul li .rtxt {width: 100%!important;}
    .main3 ul li .rtxt .lititle a{font-size:16px;font-size:1.6rem;padding-top: 20px;}
    .main3 ul li.li2 .rtxt .licont{margin-top: 0;}
}
@media screen and (max-width:639px) {
    .main3 ul li .rtxt .lititle a{padding-top: 10px;}
    .main3{margin-top:20px;padding-bottom: 20px; }
    .main3 .m3cont{margin-bottom: 20px;}
    
}
@media screen and (max-width:440px) {
    .main3 ul li.li1 .rtxt .lititle a{padding-top: 0;}
    .main3 ul li.li2 .rtxt .lititle a{padding-top: 0;}
    .main3 ul li .rtxt .lititle a{padding-left: 80px;font-size:14px;font-size:1.4rem;letter-spacing:0;}
    .main3 ul li .rtxt .lititle{margin-bottom: 10px;}
}
/* main4 */
.main4{padding-bottom: 109px; background: url(../images/m4bg.jpg) no-repeat top center;padding-top: 40px; }
.main4 .m1title{margin-bottom: 43px;}

.main4 .m4cont .rimg{margin-top: 7px;}  

@media screen and (min-width:1220px) {
    .main4 .m4cont .rimg{margin-right: 25px;}
}
.main4 .m4cont .rimg a{display: block;}
.main4 .m4cont .rimg a img{display: block;width:100%; max-width:430px;}

.main4 .m4cont .dul{width: 53%;}
.main4 .m4item.m4item1{margin-bottom: 66px; }
.main4 .m4item {width: 100%;}
.main4 .m4item .riqi {border: 1px solid #17a1df;width: 130px;height: 126px;margin-top: 7px;}
.main4 .m4item .riqi .year span{padding-top: 5px; display: block;text-align: center;font-weight: bold; font-size:60px;font-size:6rem;color: #333;}
.main4 .m4item .riqi .day{margin-top: 14px;}
.main4 .m4item .riqi .day  span{display: block;text-align: center; font-size:16px;font-size:1.6rem;color: #333;}

.main4 .m4item .xinwen{width: 485px;margin-top: 1px;}

.main4 .m4item .xinwen .xwtop a{letter-spacing: 1.7px; display: block;font-weight: bold; font-size:16px;font-size:1.6rem;color:#333;line-height: 24px;background:url(../images/m5xw.jpg) no-repeat bottom left;padding-bottom: 11px;}
.main4 .m4item .xinwen .xwtop a:hover{color: #019bdd;}
.main4 .m4item .xinwen .xwbot{margin-top: 11px;}
.main4 .m4item .xinwen .xwbot a{display: block; font-size:14px;font-size:1.4rem;color:#666666;line-height: 24px;}
.main4 .m4item .xinwen .xwbot a:hover{color: #019bdd;}

@media screen and (max-width:1219px) {
    .main4 .m4item .riqi .year span{font-size:40px;font-size:4rem;}
    .main4 .m4item .riqi{width: 100px;height: 100px;}
    .main4 .m4item .xinwen .xwtop{display: block;height: 50px;overflow: hidden;background:url(../images/m5xw.jpg) no-repeat bottom left;}
    .main4 .m4item .xinwen{width: 395px;}
}
@media screen and (max-width:999px) {
    .main4 .m4item .xinwen{width: 370px;}
    .main4 .m4item.m4item1{margin-bottom: 25px;}
}
@media screen and (max-width:979px) {
    .main4{background-attachment: fixed;}
    .main4 .m4cont .rimg{width: 100%;}
    .main4 .m4cont .rimg img{max-width: 424px;margin: 0 auto;}
    .main4 .m4cont .dul{width: 100%;margin-top: 20px; }
    .main4 .m4item .xinwen{width: auto;float: none;}
    .main4 .m4item .riqi{float: left;margin-right: 15px;margin-bottom: 8px;}
    .main4 .m4item .xinwen .xwtop{height: auto;}

    
}
@media screen and (max-width:639px) {
    .main4{padding-top: 20px;padding-bottom: 50px;}
    .main4 .m1title{margin-bottom: 20px;}
    .main4 .m4item .xinwen .xwtop a{font-size:14px;font-size:1.4rem;}
}
/* foot */
.foot{background-color: #656565;padding-top: 50px;padding-bottom: 54px;}

.foot .ftbox .ft .ft-title{letter-spacing: 2px; margin-bottom: 15px; font-size:24px;font-size:2.4rem;color:#fff;font-weight: bold;text-transform: uppercase;}

.foot .ftbox .ft.ft1{width: 417px;margin-left: 66px;}

.foot .ftbox .ft1 form{width: 100%;}
.foot .ftbox .ft1 .ft-top input{ -ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 34px;font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;color:#fdfdfc; display: block;width: 100%;height: 41px;border-bottom: 1px solid #c7c5c4;background-color: transparent;}
.foot .ftbox .ft1 .ft-top textarea{-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 34px;font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;color:#fdfdfc; display: block;width: 100%;height: 41px;border-bottom: 1px solid #c7c5c4;background-color: transparent;}

.foot .ftbox .ft1 .ft-top .f-bg1{background:url(../images/f-bg1.png) no-repeat left center;margin-bottom: 7px;}
.foot .ftbox .ft1 .ft-top .f-bg2{background:url(../images/f-bg2.png) no-repeat left center;margin-bottom: 6px;}
.foot .ftbox .ft1 .ft-top .f-bg3{background:url(../images/f-bg3.png) no-repeat left center;margin-bottom: 2px;}
.foot .ftbox .ft1 .ft-top textarea{background:url(../images/f-bg4.png) no-repeat left 11px;padding-top: 10px;height: 72px; }

.foot .ftbox .ft1 .ft-mid{margin-top: 9px;}
.foot .ftbox .ft1 .ft-mid input{float: left; background:url(../images/xin.png) no-repeat left center; padding-left: 11px;font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;color:#fdfdfc; display: block;width: 214px;height: 41px;border-bottom: 1px solid #c7c5c4;background-color: transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.foot .ftbox .ft1 .ft-mid img{display: block;float: right;margin-top: 9px;cursor: pointer; }

.foot .ftbox .ft1 .ft-bot{margin-top: 23px;width: 100%;}

.foot .ftbox .ft1 .ft-bot input{cursor: pointer; margin:0 auto; color:#fff;font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif; display: block;width: 366px;height: 35px;text-indent: 144px;text-align: left; border: 1px solid #fff;background:url(../images/jiantou.png) no-repeat 55.5% center;}
/* .foot .ftbox .ft1 .ft-bot input:hover{color: #656565;background-color: #fff;} */

.foot .ftbox .ft.ft2{width:460px; margin-left: 188px;margin-top: -5px;}

.foot .ftbox .ft2 ul li{font-size:18px;font-size:1.8rem;color:#fff;line-height: 40px;font-weight: bold;}
.foot .ftbox .ft2 ul li a{font-size:18px;font-size:1.8rem;color:#fff;line-height: 40px;font-weight: normal;}
.foot .ftbox .ft2 ul li a:hover{color: #019bdd;}

.foot .ftbox .ft2 dl{margin-top: 14px;}
.foot .ftbox .ft2 dl dd:first-child{margin-left: 0;}
.foot .ftbox .ft2 dl dd{float: left;margin-left: 40px;}
.foot .ftbox .ft2 dl dd a{display: block;}
.foot .ftbox .ft2 dl dd a img{display: block;max-width:100%; }

.foot .ftbox .ft2 .recn{color:#fff;font-size:14px;font-size:1.4rem;line-height: 40px; margin-top: 15px;margin-bottom: 12px;}

.foot .ftbox .ft2 .links{font-size:14px;font-size:1.4rem;font-weight: bold;color:#fff;}
.foot .ftbox .ft2 .links a{font-size:14px;font-size:1.4rem;font-weight: bold;color:#fff; margin-left: 10px;}
.foot .ftbox .ft2 .links a:hover{color: #019bdd;}
.reanod{margin-left: 12px;margin-right: 30px; color:#fff;}

@media screen and (max-width:1219px) {
    .foot .ftbox .ft.ft2{margin-left: 30px;}
}
@media screen and (max-width:999px) {
    .foot .ftbox .ft.ft2{margin-left: 30px;}
    .foot .ftbox .ft.ft1{margin-left: 0;}
}

@media screen and (max-width:979px) {
    .foot .ftbox .ft.ft1{width: 100%;}
    .foot .ftbox .ft.ft2{width: 100%;margin-left: 0;margin-top: 30px;}
}
@media screen and (max-width:639px) {
    .foot{padding-bottom: 20px;}
    .links{display: none;}
}
@media screen and (max-width:450px) {
    .foot .ftbox .ft2 dl dd{margin-left: 10px;width: 30px;}
    .foot .ftbox .ft1 .ft-mid input{width: 100%;float: none;}
    .foot .ftbox .ft1 .ft-bot input{width: 100%;}
    .foot .ftbox .ft1 .ft-mid img{float: none;margin-top: 15px; }
    .foot .ftbox .ft1 .ft-top .f-bg1{margin-bottom: 2px;}
    .foot .ftbox .ft1 .ft-top .f-bg2{margin-bottom: 2px;}
    .foot .ftbox .ft1 .ft-top .f-bg3{margin-bottom: 2px;}
    .foot .ftbox .ft1 .ft-bot input{background: url(../images/jiantou.png) no-repeat 70% center;text-indent:38%;}
}


.kefu{position:fixed;right:0px;top:210px;width:69px;height:auto;overflow:hidden;text-align:center;
    background-color:#eee; z-index:999; padding-bottom:9px; padding-top:7px;     z-index: 999999;}
.kefu_nr{ border-bottom:1px solid #aaaaaa; width:49px; margin: 0 auto; }
.kefu_font{ line-height:13px;font-size: 12px;color:#333;  }
.kefu_font:hover{ color:#243182; }

.kefu_nr.kefu_nr1{padding-top:9px;padding-bottom: 10px; }
.kefu_nr.kefu_nr2{padding-top:9px;padding-bottom: 7px; }
.kefu_nr.kefu_nr3{padding-top:9px;padding-bottom: 1px; }
.kefu_nr.kefu_nr4{padding-top:14px;padding-bottom: 0px; border-bottom: 0;}

.kefu_nr.kefu_nr1 .kefu_font{margin-top: 2px;}
.kefu_nr.kefu_nr2 .kefu_font{margin-top: 2px;}
.kefu_nr.kefu_nr3 .kefu_font{margin-top: 2px;}
.kefu_nr.kefu_nr4 .kefu_font{margin-top: 2px;}

@media screen and (max-width:639px){
    .kefu{top: 130px;width: 45px;}
    /* .kefu .kefu_nr{padding: 0!important;}
    .kefu_nr.kefu_nr2 .kefu_font{margin: 0!important;}
    .kefu{position: fixed;bottom: 0!important;top:auto;height: 50px;width: 100%!important;padding-bottom: 5px!important;padding-top: 5px!important;}
    .kefu .kefu_nr{width: 23%!important;float: left!important;margin:0 1%!important;border: none!important; } */
}

.head.head2{height: auto;}
.bread{padding-top: 14px;padding-bottom: 9px;font-size:14px;font-size:1.4rem;color:#fff;line-height: 30px;background-color: #656565;font-family: Arial, Helvetica, sans-serif;    z-index: 99;position: relative;}
.bread a{font-size:14px;font-size:1.4rem;color:#fff;line-height: 30px;}
.bread a:hover,.bread a.a2{text-decoration: underline;}
/* ======================================== product ======================================== */

.product{padding-top: 28px;background:url(../images/fenyebg.jpg) repeat center center;}
.product .xiangqing .goods{width: 915px;}
.product .xiangqing .goods .box1{width: 100%;}
.product .xiangqing .goods .box1 ul{width: 100%;}
.product .xiangqing .goods .box1 ul li{background-color: #fff; float: left;margin-left: 30px;width: 285px;margin-bottom: 45px;}


.product .xiangqing .goods .box1 ul li .libox{border: 1px solid #e8e8e8;}
.product .xiangqing .goods .box1 ul li .img{width: 100%; background:url(../images/chanpinline.jpg) no-repeat bottom center;padding-bottom: 14px;}
.product .xiangqing .goods .box1 ul li .img>a{display: block;width: 100%;position: relative;overflow: hidden; }
.product .xiangqing .goods .box1 ul li .img>a img{display: block;width: 88%;height: 100%;margin: 0 auto;}

.product .xiangqing .goods .box1 ul li .w-box{padding-left: 10px;padding-right: 17px;padding-bottom: 7px;}

.product .xiangqing .goods .box1 ul li .wenzi1{text-align: left; padding-top: 18px;padding-bottom: 7px;}
.product .xiangqing .goods .box1 ul li .wenzi1 a{font-size:16px;font-size:1.6rem;color:#333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;
}
.product .xiangqing .goods .box1 ul li .wenzi1 a:hover{color: #019bdd;}

.product .xiangqing .goods .box1 ul li .wenzi2{text-align: left; padding-top: 0px;padding-bottom: 10px;height:25px; overflow:hidden;}
.product .xiangqing .goods .box1 ul li .wenzi2 a{font-size:14px;font-size:1.4rem;color:#333;font-family: Arial, Helvetica, sans-serif; }
.product .xiangqing .goods .box1 ul li .wenzi2 a:hover{color: #019bdd;}

.product .xiangqing .goods .box1 ul li .wenzi a{display: block;float:right; color: #333;text-decoration: underline; font-size:14px;font-size:1.4rem; font-family: Arial, Helvetica, sans-serif;}
.product .xiangqing .goods .box1 ul li .wenzi a:hover{color: #019bdd;}

.product .xiangqing .goods .box1 ul li .wenzi input{display: block;float: left;margin-top: 7px;cursor: pointer; }

/*page*/
.page{position: relative;margin:0px auto 100px;}
.page {text-align: center;}
.page a {display: inline-block;background-color:#eeeeee;color: #333; margin-left:5.5px;width: 33px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;font-family: Arial, Helvetica, sans-serif; }
.page a.on,.page a:hover{color: #fff;border: 1px solid #333;background-color: #333;}
.page a.first{width:59px;margin-left: 0;}
.page a.last{width:59px;}
.page span{display: inline-block;width: 50px;text-align: center;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;color: #4d4d4d;position: relative;top: 3px; margin-left: 8px;margin-right: 8px;}
.page img{display: inline-block;position: relative;top: 5px;margin-left: 0px;}
.ins{width: 153px;display: inline-block;height: 32px; line-height: 30px;text-align: center; border: none; outline: none;background-color: #333;color: #fff;font-size: 14px;font-size: 1.4rem;cursor: pointer;font-family: Arial, Helvetica, sans-serif;}
.no:hover{background-color:#eeeeee !important;color: #333 !important; border: 1px solid #e5e5e5 !important;}

/*list*/
.product .xiangqing .list {width: 230px;margin-bottom: 30px; }
.product .xiangqing .list .title1{width: 100%;margin-bottom:6px;height: 83px;background-color: #333333;}
.product .xiangqing .list .title1 a{letter-spacing: 0.1em; display: block;width: 100%;font-weight: bold;line-height: 30px;padding-top: 12px; text-align: center;font-size:24px;font-size:2.4rem;color:#fff;text-transform: uppercase; }
.product .xiangqing .list .subNavBox{width: 100%;background-color: #f2f2f2;}
.product .xiangqing .list .subNav{cursor: pointer;background:#f2f2f2;margin-top: 4px;}
/* .product .xiangqing .list .subNav.div1{margin-top: 0px;padding-top: 4px;} */
.product .xiangqing .list .subNav a{ display: block;line-height: 30px;padding-top: 13px;padding-bottom: 13px;  padding-left:15px;padding-right: 5px; background-color: #e0e0e0; font-size:14px; font-size:1.4rem; color:#333333; transition:0s;}

.product .xiangqing .list .subNav:hover a{ background:#019bdd; color:#fff;}
.product .xiangqing .list .currentDd a{ background:#019bdd; color:#fff;}


.product .xiangqing .list .navContent{padding-bottom: 13px;background-color: #f6f6f6; padding-top: 10px;display: none;position: relative;top:0px;}
.product .xiangqing .list .navContent>li{padding-top: 4px;padding-bottom:0px; background-color: #f6f6f6; }
.product .xiangqing .list .navContent>li:first-child a{border-top: 0;}
.product .xiangqing .list .navContent>li a{display:block; font-size:14px; font-size:1.4rem;background-color: #f6f6f6;  line-height: 20px; color:#333;padding-right: 15px; padding-left:15px;border-top: 1px dashed #c5e4f1; }
.product .xiangqing .list .navContent>li a:hover{color: #019bdd;}


.product .xiangqing .list .title2{width: 100%;margin-top:52px;margin-bottom: 2px;background-color: #333; }
.product .xiangqing .list .title2 a{display: block;width: 100%;font-weight: bold;line-height: 45px;line-height: 45px; text-align: center;font-size:24px;font-size:2.4rem;color:#fff;text-transform: uppercase; }

.product .xiangqing .list dl{padding-top: 34px;}
.product .xiangqing .list dl dd{margin-bottom: 34px;padding-bottom: 23px ;border-bottom: 1px solid #333;}
.product .xiangqing .list dl .d-riqi{width: 61px;height: 78px;border: 1px solid #333; }
.product .xiangqing .list dl .d-riqi .r1{text-align: center;height: 37px;}
.product .xiangqing .list dl .d-riqi .r1 span{font-size:33.6px;font-size:3.36rem;color:#333; font-family: Arial, Helvetica, sans-serif;}

.product .xiangqing .list dl .d-riqi .r2{text-align: center;background-color: #333;padding-top: 5px;}
.product .xiangqing .list dl .d-riqi .r2 span{font-size:14px;font-size:1.4rem;color:#fff; font-family: Arial, Helvetica, sans-serif;}

.product .xiangqing .list dl .d-riqi .r3{text-align: center;background-color: #333;padding-bottom: 4px;}
.product .xiangqing .list dl .d-riqi .r3 span{font-size:14px;font-size:1.4rem;color:#fff;font-family: Arial, Helvetica, sans-serif; }

.product .xiangqing .list dl .d-wz{width: 148px;margin-top: -7px;}
.product .xiangqing .list dl .d-wz a{display: block;font-size:14px;font-size:1.4rem;color:#4d4d4d;line-height: 24px;}
.product .xiangqing .list dl .d-wz a:hover{color: #019bdd;}


/* ======================================== product ======================================== */
.product .xiangqing .goods1{width: 915px;}

#showArea{margin-top: 27px;margin-bottom: 33px; }
#showArea img{cursor:pointer;display:block;width:123px;height:92px;margin-bottom: 19px;border: 1px solid #e8e8e8;}
#showArea img.hover1{border: 1px solid #333;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto; }
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{height:324px; overflow:hidden;}
.MagicZoomBigImageCont {background:#FFF;}
.MagicZoomBigImageCont img{width: 832px!important;height: 708px!important;display: block;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}

.left-pro{width:686px;text-align:left;margin:14px auto 23px;}
.left-pro .t1{width:125px;float:right;}
.left-pro .t2{width:537px;text-indent:0;float:left; border: 1px solid #333;}
.left-pro .t2 a{ display:block;margin-bottom: 0px;}
.left-pro .t2 img{text-indent:0;display: block;}

.goods1 .title h1{text-align: center;font-size:30px;font-size:3rem;font-weight: bold;color:#333;margin-top: 0px;margin-bottom: -5px;font-family: Arial, Helvetica, sans-serif;}

.goods1 .content .title{padding-top: 2px;}
.goods1 .content .title h1{font-size:16px;font-size:1.6rem;color: #333;text-align: center;font-weight: bold; }


.goods1 .content .btn{}
.goods1 .content .btn a {display: block; font-size:20px;font-size:2rem;color: #333;width: 192px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #333; }
.goods1 .content .btn span {display: block; font-size:20px;font-size:2rem;color: #333;width: 192px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #333; }
.goods1 .content .btn a:hover{color: #fff; background-color: #333;}
.goods1 .content .btn a.r{margin-left: 22px;}
.goods1 .content .btn span.r{margin-left: 22px;}

.goods1 .content .share1{width: 325px;}
.goods1 .content .share1 .span{font-size:20px;font-size:2rem;color: #33a1d4;height: 26px;line-height: 26px;font-family: Arial, Helvetica, sans-serif; margin-top: 8px;}

.at-resp-share-element .at-icon{width:38px!important;height:38px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:38px!important;height:38px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 4px!important;}
.atm{ top:580px !important}

.protitle1{width: 100%;margin-bottom: 30px;margin-top: 30px;}
.protitle1{height: 42px;line-height: 42px; font-size:20px;font-size:2rem;color: #fff;display: block;text-align: center;background:#333 ;font-family: Arial, Helvetica, sans-serif;}

.goods1 .wenzi p{line-height: 24px;font-size:14px;font-size:1.4rem;color: #333;margin-bottom: 24px;font-family: Arial, Helvetica, sans-serif;}
.goods1 .wenzi2 p{ background:url(../images/yuan.png) no-repeat left;padding-left: 18px; margin-bottom:5px;}
.goods1 .wenzi2 img{border-radius:5px}
.goods1 .wenzi span{line-height: 24px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.goods1 .wenzi2 p:last-child{ background:none; margin-top:15px;}
.goods1 .wenzi p img{/*display: block;*/max-width: 100%;}
.goods1 .wenzi a{line-height: 24px;font-size:14px;font-size:1.4rem;color: #019bdd;}

.goods1 .wenzi table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 30px;}
.goods1 .wenzi tr td{ line-height:24px; padding:2px;border: 1px solid #ccc;white-space:nowrap;}

.protitle2{width: 100%;margin-bottom: 30px;margin-top: 30px;}
.protitle2{ height: 42px;line-height: 42px; font-size:20px;font-size:2rem;color: #fff;display: block;text-align: center;background:#333 ;font-family: Arial, Helvetica, sans-serif;}

.protitle3{width: 100%;margin-bottom: 30px;margin-top: 30px;}
.protitle3{height: 42px;line-height: 42px; font-size:20px;font-size:2rem;color: #fff;display: block;text-align: center;background:#333 ;font-family: Arial, Helvetica, sans-serif;}

.protitle4{width: 100%;margin-bottom: 30px;margin-top: 30px;}
.protitle4{height: 42px;line-height: 42px; font-size:20px;font-size:2rem;color: #fff;display: block;text-align: center;background:#333 ;font-family: Arial, Helvetica, sans-serif;}

.protitle5{width: 100%;margin-bottom: 30px;margin-top: 30px;}
.protitle5{height: 42px;line-height: 42px; font-size:20px;font-size:2rem;color: #fff;display: block;text-align: center;background:#333 ;font-family: Arial, Helvetica, sans-serif;}

.protitle6{text-align: center;margin-bottom: 11px;}
.protitle6 a{font-size: 30px;font-size: 3rem;font-weight: bold;color: #333;text-transform: uppercase;letter-spacing: 3px; }
.protitle6 span{font-size: 30px;font-size: 3rem;font-weight: bold;color: #018ccd;text-transform: uppercase;letter-spacing: 3px;}
ul.rel-pro{margin-bottom: 115px;}
ul.rel-pro li{float: left;margin-left: 12px;width: 270px;}


.img-scroll1 { position:relative; padding-bottom: 50px;margin-bottom: 88px;}
.img-scroll1 .prev1,.img-scroll1 .next1{position:absolute;display:block;width:40px;height:26px;top: 90.5%;margin-top: 0px;}
.img-scroll1 .prev1 { left:50%;cursor:pointer; background:url(../images/arrowleft1.png) no-repeat center;margin-left: -41.5px;}
.img-scroll1 .next1 { right:50%;cursor:pointer; background:url(../images/arrowright1.png) no-repeat center;margin-right: -41.5px;}
.img-scroll1 .prev1:hover { background:url(../images/arrowleft1on.png) no-repeat center;}
.img-scroll1 .next1:hover { background:url(../images/arrowright1on.png) no-repeat center;}
.img-list1 { position:relative; width:100%; overflow:hidden;margin: 0 auto 0px;}
.img-list1 ul { width:9999px;}

.rel-pro ul li{width: 285px;float: left;margin-right: 31px; background-color: #fff; }
.rel-pro ul li .libox{border: 1px solid #e8e8e8;}
.rel-pro ul li .img{width: 100%; background:url(../images/chanpinline.jpg) no-repeat bottom center;padding-bottom: 14px;}
.rel-pro ul li .img>a{display: block;width: 100%;position: relative;overflow: hidden; }
.rel-pro ul li .img>a img{display: block;width: 88%;height: 100%;margin: 0 auto;}

.rel-pro ul li .w-box{padding-left: 10px;padding-right: 10px;padding-bottom: 6px;}

.rel-pro ul li .wenzi1{text-align: left; padding-top: 18px;padding-bottom: 7px;}
.rel-pro ul li .wenzi1 a{font-size:16px;font-size:1.6rem;color:#333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.rel-pro ul li .wenzi1 a:hover{color: #019bdd;}

.rel-pro ul li .wenzi2{text-align: left; padding-top: 0px;padding-bottom: 7px;}
.rel-pro ul li .wenzi2 a{max-height:80px;overflow: hidden;display: block;font-size:14px;font-size:1.4rem;color:#333;font-family: Arial, Helvetica, sans-serif;}
.rel-pro ul li .wenzi2 a:hover{color: #019bdd;}

.rel-pro ul li .wenzi a{display: block;float:left; color: #333;text-decoration: underline; font-size:14px;font-size:1.4rem; font-family: Arial, Helvetica, sans-serif;}
.rel-pro ul li .wenzi a:hover{color: #019bdd;}

.img980{display: none;}
.img980 ul li{width: 23%;margin: 1%;float: left;}
.img980 ul li a{display: block;width: 100%;}
.img980 ul li a img{display: block;width: 100%;}

.goods1 .wenzi table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.goods1 .wenzi table tr td{ padding:3px; border:1px solid #ccc;}
.goods1 .wenzi .table{ width:100%;  overflow:scroll;}
.goods1 .wenzi  table{ width:885px;}

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


@media screen and  (max-width:1219px){
    .product .xiangqing .goods{width: 700px;}
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:999px){
    .product .xiangqing .goods{width: 650px;}
}
@media screen and  (max-width:980px){
    .product .xiangqing .goods{width:100%;}
    .product .xiangqing .goods .box1 ul li{width: 23%;margin: 0 1% 2% 1%!important;}
    .product .xiangqing .list{width: 100%;}
    .product .xiangqing .list dl .d-wz{width: calc(100% - 80px);margin-top: 5px;}
    .page{margin-top: 30px;margin-bottom: 30px;}
    .page a{margin-bottom: 15px;}
    .page .l{float: none;}
    .page .r{float: none;}
}   
@media screen and  (max-width:900px){
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:500px){
    .product .xiangqing .goods .box1 ul li{width: 48%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:320px){
    .product .xiangqing .goods .box1 ul li{width: 100%;margin: 0 0% 2% 0%!important;}
}
/*pro media xiangqingyemian*/
@media screen and  (max-width:1219px){
    .product .xiangqing .goods1{width: 700px;}
    .MagicZoom{cursor: auto!important;}
    .left-pro{float: none;margin: 0 auto 20px;}
    .product .xiangqing .goods1 .content{width: 100%;}
    /* .rel-pro li{width: 23%;margin: 1%!important;} */

    .at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
    .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
    .at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}
    .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
    .goods1 .content .share1{width: 250px;margin-top: 13px;}
    .goods1 .content .share1 .span{margin-top: 0;}
    .goods1 .content .btn a,.goods1 .content .btn span{width: 155px;}

    .rel-pro ul li{margin-right: 127px;}
}
@media screen and  (max-width:999px){
    .MagicZoomPup,.MagicZoomBigImageCont {display: none!important;}
    .product .xiangqing .goods1{width: 650px;}
    .rel-pro ul li{margin-right: 80px;}
}
@media screen and  (max-width:979px){
    .goods1 .title h1{margin-bottom: 15px;font-size:20px;font-size:2rem;}
    .img980{display: block;}
    .left-pro{display: none;}
    .product .xiangqing .goods1{width:100%;}
    .rel-pro ul {width: 1000%;}
    .rel-pro ul li{width: 3.2%;margin-right: 0.2%;}
}



@media screen and  (max-width:640px){
    .product .xiangqing .goods1 .img980  ul li{width: 48%;margin: 0 1% 2% 1%!important;}
    .goods1 .content .share1{float: none;margin:10px auto 20px;}
    .goods1 .content .btn{float: none;max-width: 280px;margin: 0 auto; }
    .goods1 .content .btn a,.goods1 .content .btn span{width: 130px;font-size:14px;font-size:1.4rem;height: 30px;line-height: 30px; }
    .goods1 .content .btn a.r,.goods1 .content .btn span.r{margin-left: 0;}
    .protitle1,.protitle2,.protitle3,.protitle4,.protitle5{font-size:16px;font-size:1.6rem;}
    .protitle6 a{font-size:20px;font-size:2rem;}
    .protitle6 span{font-size:20px;font-size:2rem;}
}
@media screen and  (max-width:500px){
    .rel-pro ul li{width: 4.8%;margin-right: 0.2%;}
}

/* ======================================== about ======================================== */
.about{padding-top: 23px;background:url(../images/fenyebg.jpg) repeat center center;padding-bottom: 74px; }
.abtitle{font-size:20px;font-size:2rem;font-weight: bold; font-family: Arial, Helvetica, sans-serif;color:#333;text-align: center; }

.abbox{position: relative;height: 520px;margin-top: 29px;}
.abbox img{display: block;max-width:100%; }
.abbox .img1{position: absolute;left: 0;top: 0;z-index: 9;}
.abbox .img2{position: absolute;right: 0;top: 69px; z-index: 10;}

.abcont{margin-top: 7px;margin-bottom: 10px;}
.abcont p{font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;line-height: 24px;}


.img-scroll3 { position:relative; z-index:9; padding-top:9px; margin-top:37px; }
.img-scroll3 .prev3,.img-scroll3 .next3{position:absolute;display:block;width:24px;height:26px; top:41%; z-index:999}
.img-scroll3 .prev3 { left:0px;cursor:pointer;}
.img-scroll3 .next3 { right:0px;cursor:pointer;}
.img-list3 { position:relative;  overflow:hidden; z-index:99;width: 1087px;margin: 0 auto;}
.img-list3 ul { width:9999px;}
.img-list3 li { float:left; display:inline; width:207px; margin-right:86px;}
.zhengshu{ 
background:url() no-repeat center; /*muban*/
}
.zhengshun{ position:relative; overflow:hidden; max-width:207px; margin:auto;}
.zhegntu{ width:100%; max-width:207px; }
.zhengfangda{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.4);}
.zhengfangda img{ width:29px; height:29px; position:absolute; left:50%; margin-left:-14.5px; top:50%; margin-top:-14.5px;}
.img-list3 li:hover .zhengfangda{ top:0px;}
.zhengzi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:20px; height:40px; overflow:hidden;color:#333; margin-top:12px;font-family: Arial, Helvetica, sans-serif; }
.mat{ padding-top:43px;}

@media screen and  (max-width:1219px){
    .img-list3 li {margin-right: 16px;}
    .img-list3{width: 880px;}
    .abbox .img1{width: 60%;}
    .abbox .img2{width: 44.5%;}
    .abbox{height: 430px;}
}
@media screen and  (max-width:979px){
    .img-scroll3{padding-bottom: 50px;margin-bottom: 0;}
    .img-list3{width:100%;}
    .img-list3 ul { width:1000%;}
    .img-list3 li {width: 2.3%;margin-right: 0.26666%;}
    .img-scroll3 .prev3,.img-scroll3 .next3{top: 90%;}
    .img-scroll3 .prev3{left: 50%;margin-left: -27px;}
    .img-scroll3 .next3{right: 50%;margin-right: -27px;}
    .abbox{height: 400px;}
    .img-list3 li .zhengfangda{top:0;}
    .about{padding-bottom: 30px;}
}
@media screen and  (max-width:900px){
    .abbox .img1{width: 100%;position: static;}
    .abbox .img2{width: 100%;position: static;}
    .abbox{height: auto;}
}
@media screen and  (max-width:639px){
    .img-list3 li {width: 3.2%;margin-right: 0.2%;}
}
@media screen and  (max-width:420px){
    .img-list3 li {width: 4.8%;margin-right: 0.2%;}
}

/* ======================================== video ======================================== */

.video{padding-top: 28px;padding-bottom: 50px;background:url(../images/fenyebg.jpg) repeat center center;}

.video .v-box .shipin{width: 972px;}
.video .v-box ul li{width: 288px;margin-left: 54px;float: left; margin-bottom: 21px;}
.video .v-box ul li .litop{position: relative;overflow: hidden; }
.video .v-box ul li .litop .sp iframe{display: block;width: 100%;height: 190px;}

.video .v-box ul li .libot{text-align: center;margin-top: 5px;}
.video .v-box ul li .libot a{font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;color: #333;height: 20px;line-height: 20px;display: block;overflow: hidden;}
.video .v-box ul li .libot a:hover{color: #17a1df;}
.video .v-list{width: 178px;}

.video .v-list .title1{width: 100%;height: 71px;background-color: #333333;}
.video .v-list .title1 a{letter-spacing: 4px; display: block;width: 100%;font-weight: bold;line-height: 30px;padding-top: 23px; text-align: center;font-size:20px;font-size:2.0rem;color:#fff;text-transform: uppercase; }

.video .v-list dl dd:first-child{border: none;}
.video .v-list dl dd{background-color: #e0e0e0; border-top: 1px solid #fff; height: 40px;line-height: 40px;padding-left: 11px;padding-right: 11px;}
.video .v-list dl dd a{font-size:14px;font-size:1.4rem;color: #333;display: block;font-family: Arial, Helvetica, sans-serif; }
.video .v-list dl dd a:hover,.video .v-list dl dd.on a{color: #019bdd;}
.video .page{margin-top: 23px;margin-bottom: 50px;}
@media screen and  (max-width:1219px){
    .video .v-box .shipin{width: 740px;}
    .video .v-box ul li{width: 31%;margin: 1%!important;}
}
@media screen and  (max-width:999px){
    .video .v-box .shipin{width: 740px;}
}
@media screen and  (max-width:979px){
    .video .v-box .shipin{width: 100%;}
    .video .v-list{width: 100%;}
}
@media screen and  (max-width:639px){
    .video .v-box ul li{width: 48%;margin: 1%!important;}
}
@media screen and  (max-width:420px){
    .video .v-box ul li .litop .sp iframe{height: 140px;}
}


/* ======================================== customer ======================================== */
.customer{padding-top: 27px;padding-bottom: 30px;background:url(../images/fenyebg.jpg) repeat center center; }
.customer ul li{margin-bottom: 43px;padding: 6px; background-color: #fff;}
.customer ul li .limg{width: 353px;}
.customer ul li .limg a{display: block;} 
.customer ul li .limg a img{max-width:100%; display: block;}

.customer ul li .rtxt{width: 765px;}
.customer ul li .rtxt .txt1 {margin-top: 25px;margin-bottom: 18px;}
.customer ul li .rtxt .txt1 a{font-size:16px;font-size:1.6rem;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.customer ul li .rtxt .txt1 a:hover{color: #17a1df;}

.customer ul li .rtxt .txt2{margin-bottom: 47px;}
.customer ul li .rtxt .txt2 a{display: block; font-size:14px;font-size:1.4rem;color: #333;line-height: 24px; font-family: Arial, Helvetica, sans-serif;}
.customer ul li .rtxt .txt2 a:hover{color: #17a1df;}

.customer ul li .rtxt .txt3{margin-bottom: 15px;}
.customer ul li .rtxt .txt3 a{text-align: center; display: block; font-size:14px;font-size:1.4rem;color: #333;width: 119px;height: 29px; line-height: 29px;border-radius: 15px;border: 1px solid #333; font-family: Arial, Helvetica, sans-serif;}
.customer ul li .rtxt .txt3 a:hover{color: #fff; background-color: #333;}

.customer ul li.li1 .rtxt{margin-right: 25px;}
.customer ul li.li2 .rtxt{margin-left: 25px;}

.customer .page{margin-top: -5px;margin-bottom: 69px;}
@media screen and  (max-width:1219px){
    .customer ul li .rtxt{width: 545px;}
    .customer ul li .rtxt .txt2{margin-bottom: 10px;}
}
@media screen and  (max-width:999px){
    .customer ul li .rtxt{width: 520px;}
}
@media screen and  (max-width:979px){
    .customer ul li .rtxt .txt1 {margin-top: 10px;}
    .customer ul li .rtxt{width: calc(100% - 400px)}
    .customer .page{margin-bottom: 30px;}
}
@media screen and  (max-width:768px){
    .customer ul li .rtxt{width: calc(100% - 30px); float: none;margin-top: 15px;}
    .customer ul li .limg{width: calc(100% - 15px);margin-left:15px; float: none;}
    .customer ul li.li1 .rtxt{margin-left:15px;margin-right: 15px; }
    .customer ul li.li2 .rtxt{margin-right: 15px;margin-left: 15px;}
}

/* ======================================== customer1 ======================================== */
.customer1{background:url(../images/fenyebg.jpg) repeat center center; padding-top: 31px;padding-bottom: 50px;}
.customer1 h1{margin-bottom: 14px; font-size: 20px;font-size:2rem;color: #333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;text-align: center; }
.customer1 .cont1 p{line-height: 24px;font-size:14px;font-size:1.4rem;color: #333;/*padding-bottom: 24px;*/font-family: Arial, Helvetica, sans-serif;}
.customer1 .cont1 span{line-height: 24px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.customer1 .cont1 p img{display: block;max-width: 100%;}
.customer1 .cont1 a{line-height: 24px;font-size:14px;font-size:1.4rem;color: #019bdd;}

.customer1 .cont1 table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 30px;}
.customer1 .cont1 tr td{ line-height:24px; padding:2px;border: 1px solid #ccc;white-space:nowrap;}

/* ======================================== photo ======================================== */
.photo{background:url(../images/fenyebg.jpg) repeat center center; padding-top: 29px;padding-bottom: 50px;}

.photo ul {margin-top: -62px;}
.photo ul li{width: 355px;float: left;margin-left: 67.5px;margin-top: 62px;}
.photo ul li .litop a{display: block;position: relative; overflow: hidden;}
.photo ul li .litop a .li-ph img{display: block;max-width:100%; }

.photo ul li .litop a .phzz{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;background-color: rgba(0,0,0,0.4); transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.photo ul li .litop a .phzz span{display: block;text-align: center;margin-top: 30%;font-family: Arial, Helvetica, sans-serif;color:#fff; font-size:19px;font-size:1.9rem; }
.photo ul li .litop a:hover .phzz{top: 0;}
.photo ul li .libot {margin-top: 26px;}
.photo ul li .libot a{height:44px;display: block;text-align: center;font-family: Arial, Helvetica, sans-serif;color:#333; font-size:19px;font-size:1.9rem; }
.photo ul li .libot a:hover{color: #019bdd;}
.photo .page{margin-top: 32px;margin-bottom: 50px;}
@media screen and  (max-width:1219px){
    .photo ul li{width: 31%;margin: 1%!important;}
    .photo ul {margin-top: 0;}
}

@media screen and  (max-width:768px){
    .photo ul li{width: 48%;margin: 1%!important;}
    .photo ul li .litop a .phzz{display: none;}
    .photo .page{margin-bottom: 00px;}
    .photo ul li .libot{margin-top: 5px;}
    .photo ul li .libot a{font-size:16px;font-size:1.6rem;}
    .photo{padding-bottom: 30px;}
}
/* ======================================== photo1 ======================================== */
.photo1 ul li .litop a .phzz{background:rgba(0,0,0,0.4) url(../images/fangda2.png) no-repeat center center;}

/* ======================================== news ======================================== */
.news{padding-top: 22px;padding-bottom: 5px;background:url(../images/fenyebg.jpg) repeat center center; }
.news>.wp>ul li{margin-bottom: 20px;padding: 6px; }
.news>.wp>ul li .limg{width: 327px;}
.news>.wp>ul li .limg a{display: block;} 
.news>.wp>ul li .limg a img{max-width:100%; display: block;}

.news>.wp>ul li .rtxt{width: 820px;}
.news>.wp>ul li .rtxt .txt1 {margin-top: 23px;margin-bottom: 24px;}
.news>.wp>ul li .rtxt .txt1 a{letter-spacing: 1.5px; font-size:16px;font-size:1.6rem;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.news>.wp>ul li .rtxt .txt1 a:hover{color: #17a1df;}

.news>.wp>ul li .rtxt .txtrq{margin-bottom: 16px;}
.news>.wp>ul li .rtxt .txtrq span{font-size:14px;font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;color:#333;}


.news>.wp>ul li .rtxt .txt2{margin-bottom: 26px;}
.news>.wp>ul li .rtxt .txt2 a{letter-spacing: 1.4px;display: block; font-size:14px;font-size:1.4rem;color: #666;line-height: 24px; font-family: Arial, Helvetica, sans-serif;}
.news>.wp>ul li .rtxt .txt2 a:hover{color: #17a1df;}

.news>.wp>ul li .rtxt .txt3{margin-bottom: 15px;}
.news>.wp>ul li .rtxt .txt3 a{text-align: center; display: block; font-size:14px;font-size:1.4rem;color: #333;width: 119px;height: 29px; line-height: 29px;border-radius: 15px;border: 1px solid #333; font-family: Arial, Helvetica, sans-serif;}
.news>.wp>ul li .rtxt .txt3 a:hover{color: #fff; background-color: #333;}


.news .page{margin-top: 28px;margin-bottom: 49px;}


.news .rel-pro ul li .libox{padding-bottom: 7px;}

.news .rel-pro ul li{margin-right: 20px;}

@media screen and  (max-width:1219px){
    .news .rel-pro ul li{margin-right: 62px;}
    .news > .wp > ul li .rtxt{width: 610px;}
    .news>.wp>ul li .rtxt .txt1 {margin-top: 0px;}
}
@media screen and  (max-width:999px){
    .news .rel-pro ul li{margin-right: 38px;}
    .news > .wp > ul li .rtxt{width: calc(100% - 360px);}
}

@media screen and  (max-width:979px){
    .news .rel-pro ul{width: 1000%;}
    .news .rel-pro ul li{width: 3.2%;margin-right: 0.2%;}
}

@media screen and  (max-width:768px){
    .news>.wp>ul li .limg{width: 100%;float: none;}
    .news > .wp > ul li .rtxt{width: 100%;float: none;margin-top: 20px;}
}
@media screen and  (max-width:600px){
    .img-scroll1{margin-bottom: 30px;}
    .news .rel-pro ul li{width: 4.8%;margin-right: 0.2%;}
}
/* ======================================== news1 ======================================== */

.news1 h1{margin-bottom: 14px; font-size: 20px;font-size:2rem;color: #333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;text-align: center; }
.news1 .cont1 p{line-height: 24px;font-size:14px;font-size:1.4rem;color: #333;/*padding-bottom: 24px;*/font-family: Arial, Helvetica, sans-serif;}
.news1 .cont1 span{line-height: 24px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news1 .cont1 p img{display:inline-block;max-width: 100%;}
.news1 .cont1 a{line-height: 24px;font-size:14px;font-size:1.4rem;color: #019bdd;}

.news1 .cont1 table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 30px;}
.news1 .cont1 tr td{ line-height:24px; padding:2px;border: 1px solid #ccc;white-space:nowrap;}


.updown{padding-top: 46px;border-top: 2px solid  #bfbfbf;margin-bottom:30px;}
.updown .up{margin-top: 0px;margin-bottom: 14px;}
.updown{line-height: 24px;font-size: 14px;font-size:1.4rem;color: #333;}
.updown a{font-size: 14px;font-size:1.4rem;color: #333;display: block;float: left;line-height: 28px;font-family: Arial, Helvetica, sans-serif; }
.updown span{font-size: 14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.updown a:hover{color: #019bdd;}


.updown a.a1{margin-right: 15px; width: 84px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #6f6f6f;}

.updown a.a2{font-size:16px;font-size:1.6rem;}
@media screen and  (max-width:639px){
    .updown a{float: none;}
}

/* ======================================== contact ======================================== */
.contact{padding-bottom: 101px;background:url(../images/fenyebg.jpg) repeat center center; padding-top: 9px;}
.contact .cuxin{ margin-top:0px;}
.contact .xinl{ width:503px; float:left;}
.contact .xinr{ width:665px; float:right;}
.contact .cuxin .int1{ padding-left:20px; margin-top:19px;}
.contact .cuxin .xing{ background:url(../images/xingxing.png) no-repeat 0px 22px;}
.contact .cuxin .int1 input{ width:439px; color: #333; height:48px; border:1px solid #bbbbbb; padding-left:40px; font-size:16px; font-size:1.6rem; line-height:48px; border-radius:5px;font-family: Arial, Helvetica, sans-serif ;}
.contact .cuxin .curen{ background:#fff url(../images/coren.png) no-repeat 12px center;}
.contact .cuxin .cuxinfeng2{ background:#fff url(../images/coxinfeng.png) no-repeat 12px center;}
.contact .cuxin .cudianhua2{ background:#fff url(../images/codianhua.png) no-repeat 12px center;}
.contact .cuxin .cufangzi2{ background:#fff url(../images/cofang.png) no-repeat 12px center;}
.contact .cuxin .int2{padding-left:20px; margin-top:19px;}
.contact .cuxin .int3{padding-left:20px; margin-top:19px;}
.contact .cuxin textarea{font-family: Verdana, Geneva, Tahoma, sans-serif; width:603px; height:186px; border:1px solid #bbbbbb; padding-left:40px; font-size:16px; font-size:1.6rem; line-height:48px; background:#fff url(../images/cobiji.png) no-repeat 10px 15px; border-radius:5px;}
.contact .cuxin .int4{width:229px; height:48px; border:1px solid #bbbbbb; padding-left:11px; font-size:16px; font-size:1.6rem; line-height:48px; float:left; border-radius:5px;background-color: #fff;}
.contact .cuxin .cuyanzheng{ width:161px; height:50px; float:left; margin-left:8px; cursor:pointer;}
.contact .cuxin .int5{ transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; width:197px; height:48px; border:1px solid #333;background:#333;font-weight: bold; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif ;  float:right; cursor:pointer; font-size:16px; font-size:1.6rem;  color:#fff; border-radius:5px; }
.contact .ditu{background-color: #da251c; max-width:calc(100% - 10px);margin: 81px auto 0;position: relative;left: 10px;} 
.contact .ditu img{display: block;position: relative;top: -10px;left: -10px;max-width: 100%;}
.contact .cuxin .int5:hover{ color:#333;background:#f4f4f4;}

.contact .cuxin .int1 input::-webkit-input-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
.contact .cuxin .int1 input:-o-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
.contact .cuxin .int1 input::-moz-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
.contact .cuxin .int1 input:-ms-input-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
    
.contact .cuxin textarea::-webkit-input-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
.contact .cuxin textarea:-o-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
.contact .cuxin textarea::-moz-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}
.contact .cuxin textarea:-ms-input-placeholder {
color:#333333;font-family: Arial, Helvetica, sans-serif; font-size:16px;font-size:1.6rem;}

.contact .c-top p{margin-bottom: 22px;}

.contact .c-top{margin-top: 47px;}
.contact .c-top .n-xq{background-color: #333333;padding-bottom: 29px; padding-top: 31px; padding-left: 18px;padding-right: 12px; width: 388px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact .c-top .n-xq p{font-size:18px;font-size:1.8rem;color:#fff;text-transform: uppercase;line-height: 24px;}
.contact .c-top .n-xq ul li{font-weight: bold; font-size:14px;font-size:1.4rem;line-height: 24px;color:#fff;padding: 8px 0;}
.contact .c-top .n-xq ul li a{font-weight: normal; font-size:14px;font-size:1.4rem;line-height: 24px;color:#fff;}
.contact .c-top .n-xq ul li a:hover{color: #019bdd;}
.contact .c-top .n-xq ul li.li1{padding-left: 32px;background:url(../images/c-li1.png) no-repeat left center;}
.contact .c-top .n-xq ul li.li2{padding-left: 32px;background:url(../images/c-li2.png) no-repeat left center;}
.contact .c-top .n-xq ul li.li3{padding-left: 32px;background:url(../images/c-li3.png) no-repeat left center;}
.contact .c-top .n-xq ul li.li4{padding-left: 32px;background:url(../images/c-li4.png) no-repeat left center;}
.contact .c-top .n-xq ul li.li5{padding-left: 32px;background:url(../images/c-li5.png) no-repeat left  15px;}

.contact .c-top .n-xq ul li.li10{padding-left: 32px;background:url(../images/c-li10.png) no-repeat left  15px;}


.contact .c-top .map{width: 810px;overflow: hidden;}
.contact .c-top .map img{display: block;max-width:100%; }




@media screen and (min-width:1000px) and (max-width:1219px){
    .contact .xinl{ width:400px;}
    .contact .xinr{ width:564px;}
    .contact .cuxin .int1 input{ width:337px;}
    .contact .cuxin textarea{ width:507px;}
    .contact .cuxin .int4{width:179px;}
    .contact .cuxin .int5{ width:150px;}


    .contact .c-top .map{width: 644px;}
}
@media screen and (max-width:999px){
    .contact .xinl{ width:100%;}
    .contact .xinr{ width:100%;}
    .contact .cuxin .int1 input{ width:92.3%;}
    .contact .cuxin textarea{ width:92.3%;}
    .contact .cuxin .int4{width:30%;}
    .contact .cuxin .int5{ width:30%; float:left; margin-left:10px;}

    .contact .c-top .map{width: calc(100% - 410px);}


}
@media screen and (max-width:999px){
    .contact .c-top .n-xq{width: 100%;float: none;}
    .contact .c-top .map{width: 100%;float: none;}
    .contact .c-top .map img{max-width:100%; margin: 0 auto;}

    .contact .c-top{margin-top: 20px;}
    .contact{padding-bottom: 30px;}
}
@media screen and (max-width:639px){
    .contact .cuxin .int1 input{ width:88.5%;}
    .contact .cuxin textarea{ width:88.5%;}
    .contact .cuxin .int4{width:30%;}
    .contact .cuxin .cuyanzheng{ float:left; margin-left:10px;}
    .contact .cuxin .int5{ width:96%; margin-top:20px; margin-left:auto;}
}
@media screen and (max-width:419px){
    .contact .cuxin .int1 input{ width:84.5%;}
    .contact .cuxin textarea{ width:84.5%;}
}


/* ======================================== l-map ======================================== */
.l-map dl{padding: 15px 0 30px 0;position: relative;margin-top: 40px;border-top: 1px solid #cdcdcd;}
.l-map dl .liangkuai{position: absolute;right: 0;top: -23px;border: 1px solid #cdcdcd;}
.l-map dl .liangkuai .lk1 a{border-right: 1px solid #cdcdcd;}
.l-map dl .liangkuai a{display: block;font-size:14px;font-size:1.4rem;color:#666;width: 90px; background-color: #F8F8F8;border-radius: 0px;height: 20px;line-height: 20px;text-align: center;}
.l-map dl .liangkuai a:hover{text-decoration: underline;}

.l-map dl dd .ddtitle{font-size:16px;font-size:1.6rem;color:#666;margin-bottom: 15px;}
.l-map dl dd .ddtitle a{font-size:16px;font-size:1.6rem;color:#666;}
.l-map dl dd .ddtitle a:hover{text-decoration: underline;}
.l-map dl dd ul{border: 1px solid #ccc;padding-left: 2%;padding-right: 3%;margin-bottom: 20px;padding-top: 5px; padding-bottom: 5px;}
.l-map dl dd ul li{width: 20%;float: left;}
.l-map dl dd ul li a{font-size:14px;font-size:1.4rem;color:#666;display: block;line-height: 30px;}
.l-map dl dd ul li a:hover{text-decoration: underline;}
@media screen and (max-width:979px) {
    .l-map dl dd ul li{width: 23%;float: left;}
}
@media screen and (max-width:768px) {
    .l-map dl dd ul{padding-left: 4%;padding-right: 2%;}
    .l-map dl dd ul li{width: 31%;float: left;}
}
@media screen and (max-width:600px) {
    .l-map dl dd ul{padding-left: 2%;padding-right: 2%;}
    .l-map dl dd ul li{width: 48%;float: left;}
    .l-map dl dd ul li a{text-align: center;}
}


.nav2 .divshow .showpy{ width:370px;}


 @font-face{
            font-family:iskpota;
            src:url('../css/fonts/iskpota.ttf');
        }
.logo_text_box { 
    float: left;
    width: 361px;
    font-size: 14px;
    margin-left: 135px;
    font-family: "iskpota";
    border-left: 1px solid #000;
    padding-left: 15px;
    line-height: 20px;
    padding-bottom: 3px;
    margin-top: 25px;
 }



@media screen and (max-width: 979px) {
    .foot .ftbox .ft1 .ft-bot input { margin:0;  }
    .foot .ftbox .ft1 .ft-mid img { float: none;padding-left: 20px; }
}

.zanwu { padding-bottom: 10px; }



