@charset "utf-8";









/* CSS Document */



* { margin: 0;   padding: 0; }
html { font-size: 62.5%;   height: 100%

}
body { margin: 0 auto;   font-family: 'MyriadProRegular';   font-size: 14px;   font-size: 1.4rem;   height: 100%; }
img { border: none; }
ul li { list-style-type: none; }
ul,

form,

p,

a,

img,

table,

tr,

td,

li,

dd,

dt,

dl,

span { margin: 0;   padding: 0;   list-style: none;   color: #333; }
a { text-decoration: none;   color: #333;   outline: none;   transition: 0.3s;   -moz-transition: 0.3s;   -o-transition: 0.3s;   -webkit-transition: 0.3s; }
h1 { margin: 0;   padding: 0;   font-weight: normal;   color: #333; }
.clear { clear: both; }
.maln { margin-left: auto !important

}
input,

textarea { font-family: 'MyriadProRegular';   font-size: 16px;   font-size: 1.6rem;   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:1520px) { .wp { width: 1500px; margin: auto; }
.no_margin { margin-left: auto!important; } }
@media screen and (min-width:1220px) and (max-width:1519px) { .wp { width: 1200px; margin: auto; }
.no_margin { margin-left: auto!important; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .wp { width: 980px; margin: auto; }
.no_margin { margin-left: auto!important; } }
@media screen and (max-width:999px) { .wp { width: 95%; margin: auto; } }
@font-face { font-family: 'MyriadProRegular';   src: url('../fonts/MyriadProRegular.eot');   src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
    url('../fonts/MyriadProRegular.woff2') format('woff2'),
    url('../fonts/MyriadProRegular.woff') format('woff'),
    url('../fonts/MyriadProRegular.ttf') format('truetype'),
    url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg'); }
@font-face { font-family: 'slatew01medium58bd1b9fe5f97';   src: url('../fonts/slatew01medium58bd1b9fe5f97.eot');   src: url('../fonts/slatew01medium58bd1b9fe5f97.eot') format('embedded-opentype'),
    url('../fonts/slatew01medium58bd1b9fe5f97.woff2') format('woff2'),
    url('../fonts/slatew01medium58bd1b9fe5f97.woff') format('woff'),
    url('../fonts/slatew01medium58bd1b9fe5f97.ttf') format('truetype'),
    url('../fonts/slatew01medium58bd1b9fe5f97.svg#slatew01medium58bd1b9fe5f97') format('svg'); }
@font-face { font-family: 'slatew01bold58bd1b651ea74';   src: url('../fonts/slatew01bold58bd1b651ea74.eot');   src: url('../fonts/slatew01bold58bd1b651ea74.eot') format('embedded-opentype'),
    url('../fonts/slatew01bold58bd1b651ea74.woff2') format('woff2'),
    url('../fonts/slatew01bold58bd1b651ea74.woff') format('woff'),
    url('../fonts/slatew01bold58bd1b651ea74.ttf') format('truetype'),
    url('../fonts/slatew01bold58bd1b651ea74.svg#slatew01bold58bd1b651ea74') format('svg'); }

body { background: url("../images/bodybg.jpg"); }
/********************  head  *******************/



.head { background: url("../images/headbg.png") no-repeat center top;   position: absolute;   top: 0;   left: 0;   width: 100%;   padding-bottom: 140px;   z-index: 9999; }
.logo { padding-top: 20px;   width: 15%; }
.logo a { display: block;   float: right; }
.search { margin-top: 42px;   width: 15.1%

}
.search form { position: relative;   float: left; }
.sou { width: 172px;   height: 24px;   border: 1px solid #d87058;   background: transparent;   padding-left: 8px; color:#999

}
.suo { width: 16px;   height: 16px;   background: url("../images/sousuo.png?v=20261023i") no-repeat;   position: absolute;   top: 5px;   right: 7px;   cursor: pointer; }
.nav_list { margin-top: 43px;   width: 69.9%;   text-align: center; }
.nav_list>li { margin-left: 84px;   display: inline-block;   padding-bottom: 42px;   position: relative; }
.nav_list>li.special{position: static;}


.nav_list>li:hover>a { color: #d87058; }
.nav_list>li.current_nav>a { color: #d87058; }
.nav_list>li>a { font-size: 22px;   font-size: 2.2rem;   display: block;   text-transform: uppercase;   font-family: 'slatew01medium58bd1b9fe5f97'; }
.nav_list2 { display: none; }


.yiji { width: 1350px;   background: #f4f4f4;   position: absolute;   top: -999999px;   left: 0;   z-index: 9999;   left: 50%;   margin-left: -750px;   padding: 0 75px;   padding-bottom: 15px;   padding-top: 15px; }
.bold { font-family: 'slatew01bold58bd1b651ea74';   font-size: 16px;   font-size: 1.6rem;   display: block;   margin-top: 5px;   margin-bottom: 17px; }
.shu { float: left;   margin-left: 120px;   width: 125px;   text-align: left; }
.fenlei li { line-height: 36px;   font-family: 'SlateW01Bk'; }
.fenlei li a { color: #000; font-size:16px; font-size:1.6rem

}
.fenlei li a:hover { color: #d87058; }
.nav_list>li:hover .yiji { top: 92%; }
/*****************  xiugai  ******************/
.yiji2 { width: 260px;   background: #f4f4f4;   padding-top: 10px;   padding-bottom: 10px;   position: absolute;   top: -99999px;   left: -30px; }
.yiji2 li { line-height: 36px;   font-size: 18px;   font-size: 1.8rem;   text-align: left;   padding: 0 30px; }
.yiji2 li a { display: block;
    font-family: 'SlateW01Bk'; }
.yiji2 li a:hover { color: #d87058; }
.nav_list>li:hover .yiji2 { top: 40px; }

@media screen and (min-width:1220px) and (max-width:1519px) { .yiji { width: 1120px; padding: 0 40px; margin-left: -600px; padding-bottom: 15px; }
.shu { margin-left: 74px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .yiji { width: 940px; padding: 0 20px; margin-left: -490px; padding-bottom: 10px; }
.shu { margin-left: 38px; } }
@media screen and (max-width:999px) { .yiji,.yiji2 { display: none !important

    }
}

@media screen and (max-width:1400px) { .nav_list>li { margin-left: 25px; }
.logo { width: 22%; }
.search { width: 20%; }
.nav_list { width: 58%; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .nav_list>li { margin-left: 10px; } }
@media screen and (max-width:999px) { .nav_list { width: 100%; margin-top: 10px; }
.nav_list1 { display: flex; justify-content: space-between; }
.head { background: none; position: relative; }
.logo { width: 50%; }
.logo a { float: left; margin-left: 20px; }
.search { width: 50%; }
.search form { float: right; margin-right: 20px; } }


@media screen and (min-width:1220px) { .no_margin { margin-left: auto!important; }}
@media screen and (min-width:1000px) and (max-width:1219px) { .no_margin { margin-left: auto!important; }
.nav1>li { margin-right: 10px; }
}
@media screen and (max-width:999px) { .hide_clear { display: block; }
.logo_box { float: left; margin-top: 0; }
.nav1>li { margin-right: 20px; }
    .search { top: 43px; }
.nav_list>li { margin-left: 10px; } }
@media screen and (max-width:639px) { .container { display: block; }
.medianone { display: none!important; }
.yiji { display: none; }
.nav_list1 { display: none; }
.nav_list2 { display: flex; justify-content: space-between; }
.logo { margin-left: 0; }
.cllist { display: none; } }
@media screen and (max-width:479px) { .nav1>li { margin-right: 0; }
.icon_box>ul>li { margin-left: 3px; }
.nav1>li>a { font-size: 1.4rem; padding: 44px 3px; }
    .logo { width: 100%; }
.search { width: 100%; margin-top: 15px; margin-bottom: 15px; }
.search form { float: left; margin-right: 0; margin-left: 15px; } }
@media screen and (max-width:420px) { .nav_list>li>a { font-size: 1.4rem; padding-left: 3px; padding-right: 3px; }
.head_lianxi li { float: none; }
.dianhua { margin-bottom: 10px; }
.nav_list>li { margin-right: 6px; } }
.banner { margin-top: 97px; }




/*******lunbo*******/









/* CSS Document */



#idx_main { width: 100%;   position: relative;   z-index: 2;   float: left;    margin-top: 12px; }
#idx_main #carousel_wrap { float: left;   width: 100%;   position: relative; }
#idx_main #carousel_wrap #yane {   height: 123px;   width: 100%;   position: absolute;   z-index: 10;   left: 0px;   top: 0px; }
#idx_main #carousel_wrap #carousel { float: left;   width: 100%;   position: relative;   z-index: 0;   height: 803px; }
#idx_main #carousel_wrap #carousel a { float: left;   width: 1500px; }
#idx_main #carousel_wrap #carousel img { width: 1500px; }
#idx_main .main_prev { height: 74px;   width: 74px;   position: absolute;   z-index: 2;   left: 30px;   top: 50%;   cursor: pointer;   background-image: url(../images/prev.png);   background-repeat: no-repeat;   background-position: left top;   text-indent: -9999px; }
#idx_main .main_next { height: 74px;   width: 74px;   position: absolute;   z-index: 2;   right: 30px;   top: 50%;   cursor: pointer;   background-image: url(../images/next.png);   background-repeat: no-repeat;   background-position: left top;   text-indent: -9999px; }
#idx_main #pager {float: left;width: 100%;text-align: center;z-index: 2;position: relative;top: -43px;}
#idx_main #pager a {display: inline-block;margin-right: 18px;margin-left: 18px;border: 3px solid #fff;}
#idx_main #pager span {text-indent: -9999px;}
#idx_main #pager .selected {border: 3px solid #d87058;}

#idx_main #pager a img { display:block}


/*#idx_wrappar {float: left;width: 100%; border:1px solid #0F0;}

*/
/******************  syp  ********************/

@font-face { font-family: 'SlateW01Bk';   src: url('../fonts/SlateW01Bk.eot');   src: url('../fonts/SlateW01Bk.eot') format('embedded-opentype'),
    url('../fonts/SlateW01Bk.woff2') format('woff2'),
    url('../fonts/SlateW01Bk.woff') format('woff'),
    url('../fonts/SlateW01Bk.ttf') format('truetype'),
    url('../fonts/SlateW01Bk.svg#SlateW01Bk') format('svg'); }
.syp { padding-top: 125px;   padding-bottom: 152px;   text-align: center; }
.etdo { width: 900px;   margin: 0 auto;   font-size: 66px;   font-size: 6.6rem;   font-family: 'slatew01bold58bd1b651ea74';   text-transform: uppercase;   line-height: 60px; }
.mib { font-family: 'slatew01medium58bd1b9fe5f97';   font-size: 30px;   font-size: 3rem;   margin-top: 32px;   margin-bottom: 27px; }
.mib a { display: inline-block;   padding-bottom: 13px;   border-bottom: 2px solid #d87058;   color: #d87058; }
.driven { font-family: 'SlateW01Bk';   font-size: 22px;   font-size: 2.2rem;   line-height: 24px;   padding: 0 235px; }
.driven a { color: #666666;   display: block; }
.driven a:hover { color: #d87058; }
.seeall { width: 266px;   line-height: 51px;   border: 1px solid #d87058;   font-family: 'slatew01medium58bd1b9fe5f97';   font-size: 20px;   font-size: 2rem;   color: #d87058;   display: block;   margin: 0 auto;   border-radius: 3px;   margin-top: 82px; }
.seeall:hover { background: #d87058;   color: #fff; }
@media screen and (min-width:1220px) and (max-width:1519px) { .driven { padding: 0 100px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .etdo { width: auto; }
.driven { padding: 0 100px; } }
@media screen and (max-width:999px) { .driven { padding: 0 50px; }
.etdo { width: auto; font-size: 40px; font-size: 4rem; line-height: 50px; }
.syp { padding-top: 100px; }
    .banner { margin-top: 0; }
.head { padding-bottom: 20px; } }
@media screen and (max-width:639px) { .syp { padding-top: 60px; padding-bottom: 60px; }
.seeall { margin-top: 40px; }
.etdo { font-size: 30px; font-size: 3rem; line-height: 40px; }
.mib { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width:420px) { .etdo { font-size: 24px; font-size: 2.4rem; line-height: 30px; }
.mib { font-size: 20px; font-size: 2rem; }
.driven { padding: 0 20px; } }
.img-scroll3 { position: relative;   margin: 0 auto;   width: 100%; }
.img-scroll3 .prev3,

.img-scroll3 .next3 { position: absolute;   display: block;   width: 82px;   height: 82px;   top: 47%;   margin-top: -16px;   color: #fff;   text-align: center;   line-height: 100px;   display: none; }
.img-scroll3:hover .prev3,

.img-scroll3:hover .next3 { display: block; }
.img-scroll3 .prev3 { left: 0;   margin-left: 53px;   cursor: pointer;   background: url("../images/sys.png") no-repeat; }
.img-scroll3 .next3 { right: 0;   margin-right: 53px;   cursor: pointer;   background: url("../images/syx.png") no-repeat; }
.img-list3 { width: 100%; max-width:1920px;   overflow: hidden;   margin: 0 auto; }
.img-list3 ul { width: 10000%; }
.img-list3 li { float: left;   display: inline;   width: 0.25%;   position: relative; max-width:480px }
.sypbox { position: relative;   overflow: hidden; }
.sycover { position: absolute;   top: 100%;   left: 0;   width: 100%;   height: 100%;   background: rgba(255, 255, 255, 0.5); }
.sycover span { font-family: 'SlateW01Bk';   font-size: 45px;   font-size: 4.5rem;   position: absolute;   left: 50%;   margin-left: -100px;   top: 50%;   margin-top: -23px; }
.sypbox:hover .sycover { top: 0; }
.syptu img { width: 100%;   max-width: 481px;   max-height: 534px;   transition: 0.5s;   display: block; }
.sypbox:hover .syptu img { transform: scale(1.1, 1.1); }
.sypp { text-align: center;   font-family: 'SlateW01Bk';   font-size: 20px;   font-size: 2rem;   margin-top: 15px;   display: none; }
.sypp:hover a { color: #d87058; }
@media screen and (min-width:1220px) and (max-width:1519px) {}
@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:999px) { .sycover { display: none; }
.sypp { display: block; }
.img-list3 li { width: 0.333333333%; } }
@media screen and (max-width:639px) { .img-list3 li { width: 0.5%; } }
@media screen and (max-width:480px) { .img-list3 li { width: 1%; } }

/**************************  sanbiao  **************************/



.sanbiao { padding-top: 114px;   padding-bottom: 68px;   text-align: center; }
.biaobox { display: inline-block;   margin-left: 172px;   padding-top: 185px;   text-align: center;   width: 320px; }
.biaobox1 { background: url("../images/syi1.png?v=20261023i") no-repeat center top; }
.biaobox2 { background: url("../images/syi2.png?v=20261023i") no-repeat center top; }
.biaobox3 { background: url("../images/syi3.png?v=20261023i") no-repeat center top; }
.biaop1 { font-family: 'SlateW01Bk';   font-size: 38px;   font-size: 3.8rem;   margin-bottom: 32px; }
.biaop1:hover a { color: #d87058; }
.biaop2 { font-family: 'SlateW01Bk';   font-size: 20px;   font-size: 2rem;   line-height: 24px; }
.biaop2 a { color: #666666;   display: block;   height: 72px;   overflow: hidden; }
.biaop2 a:hover { color: #d87058; }
.sylm { display: block;   width: 139px;   line-height: 36px;   text-align: center;   border: 1px solid #d87058;   color: #d87058;   margin: 0 auto;   font-family: 'slatew01medium58bd1b9fe5f97';   margin-top: 30px;   font-size: 18px;   font-size: 1.8rem; }
.sylm:hover { background: #d87058;   color: #fff; }
@media screen and (min-width:1220px) and (max-width:1519px) { .biaobox { margin-left: 90px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .biaobox { margin-left: 10px; } }
@media screen and (max-width:999px) { .biaobox { width: 100%; margin: 0; margin-bottom: 30px; } }
@media screen and (max-width:639px) {}
@media screen and (max-width:480px) {}

/***********************  tuwen  *************************/



.tuwen {}
.zuo { width: 50%; }
.you { width: 50%; }
.you img { width: 100%;   max-width: 960px;   max-height: 468px; }
.sn { font-family: 'slatew01medium58bd1b9fe5f97';   font-size: 44px;   font-size: 4.4rem; }
.zuon { padding-right: 40px; }
.sn { text-align: right;   padding-bottom: 15px;   background: url("../images/syhui.jpg") no-repeat right bottom;   margin-top: 81px; }
.eu { line-height: 30px;   font-size: 20px;   width: 795px;   text-align: right;   margin-top: 30px;   font-family: 'SlateW01Bk'; }
.eu a { color: #666666;   display: block;   height: 120px;   overflow: hidden; }
.eu a:hover { color: #d87058; }
.syvm { width: 148px;   line-height: 43px;   text-align: center;   border: 1px solid #d87058;   color: #d87058;   font-size: 20px;   font-size: 2rem;   font-family: 'slatew01medium58bd1b9fe5f97';   margin-top: 58px;   display: block;   margin-right: 10px; }
.syvm:hover { background: #d87058;   color: #fff; }
.syvm2 { margin-right: 0;   margin-left: 15px; }
.sn2 { text-align: left;   background: url("../images/syhui.jpg") no-repeat left bottom; }
.zuon2 { padding-left: 40px; }
.eu2 { text-align: left; }
@media screen and (max-width:1675px) { .sn { margin-top: 20px; }
.eu { width: 700px; } }
@media screen and (max-width:1500px) { .eu { width: auto; padding-left: 30px; }
.eu2 { padding-left: 0; padding-right: 20px; } }
@media screen and (max-width:1430px) { .eu { margin-top: 10px; }
.syvm { margin-top: 15px; } }
@media screen and (max-width:1200px) { .sn { margin-top: 0; padding-bottom: 10px; }
.eu { line-height: 26px; }
.eu a { height: 104px; } }
@media screen and (max-width:999px) { .zuo { width: 95%; margin-left: 2.5%;margin-right: 2.5%; margin-bottom: 30px; text-align: center; }
.you { width: 100%; text-align: center; margin-bottom: 30px; }
    .sn{text-align: center;background: url("../images/syhui.jpg") no-repeat center bottom;}
.sn2{background: url("../images/syhui.jpg") no-repeat center bottom;}
.zuon{padding-right: 0;}
.eu{padding-left: 0;text-align: center;}
.syvm{margin-right: 0;margin: 0 auto; margin-top: 20px;float: none;}
.zuon2{padding-left: 0;}
.eu2{padding-right: 0;} }
@media screen and (max-width:499px) { .sn { font-size: 30px; font-size: 3rem; } }






/**********************  bottom  ****************************/



.bottom { margin:0 auto; margin-top: 81px;   text-align: center;   font-family: 'slatew01medium58bd1b9fe5f97';   padding-bottom: 38px; max-width:1920px; }
.div>a { font-size: 30px;   font-size: 3rem;   color: #333333;   display: block;   margin-bottom: 24px; }
.div1 a { display: block;   margin: 0 auto;   margin-bottom: 3px;   margin-top: 7px; }
.div { display: inline-block;   text-align: left; }
.div2 li {
color:#333;
    line-height: 26px;   padding-left: 29px; }
.div2 li.li2{
	
	color:#333;
	
	}


.div2 li a:hover { color: #d87058; }
.li1 { background: url("../images/bi1.png?v=20261023i") no-repeat left 6px; }
.li2 { background: url("../images/bi2.png?v=20261023i") no-repeat left 6px; }
.li3 { background: url("../images/bi3.png?v=20261023i") no-repeat left 6px; }
.div2 { width: 198px; }
.div3 li { line-height: 26px;   float: left;   width: 32%;   margin-left: 77px; }
.div3 li a { display: block;   padding-left: 15px;   background: url("../images/xianlv.png?v=20261023i") no-repeat left center; color:#333

}
.div3 li a:hover { background: url("../images/shenlv.png?v=20261023i") no-repeat left center;   color: #d87058; }
.div3 { width: 217px; }
.shejiaoji { margin-bottom: 15px; }
.shejiaoji a { padding-right: 8px; }
.div1 { margin-left: 10.5%;   margin-right: 10.5%;   text-align: center; }
.div2 { margin-right: 11.5%; }
.div4 { margin-right: 9.5%; }
@media screen and (max-width:1700px) { .div1 { margin-left: 10%; margin-right: 6.5%; }
.div2 { margin-right: 9.5%; }
.div4 { margin-right: 10%; } }
@media screen and (max-width:1480px) { .div { width: 20%; margin-left: 4%; margin-right: 0; }
.div4 { margin-right: 4%; } }
@media screen and (max-width:1200px) { .div { width: 25%; margin-left: 0; margin-right: 0; }
.div1 { width: 28%; text-align: center; }
.div2 { width: 25%; }
.div3 { width: 25%; }
.div4 { width: 22%; }
.shejiaoji a { padding-right: 0; } }
@media screen and (max-width:999px) { .bottom { margin-top: 30px; padding: 0 20px; }
.div1 { text-align: left; }
.div { width: 50%; margin-left: 0; margin-right: 0; margin-bottom: 30px; }
.div2 { margin-bottom: 70px; }
    .div3 li { margin-left: 0; width: 50%; } }
@media screen and (max-width:639px) { .div { width: 100%; } }






/************************  dibu  ***************************/



.dibu { font-family: 'slatew01medium58bd1b9fe5f97';   padding-top: 24px;   padding-bottom: 8px; max-width:1920px; margin:0 auto; }
.link { padding-left: 10%; }
.copyright { padding-right: 10%;   font-size: 16px;   font-size: 1.6rem; }
.link span { font-size: 16px;   font-size: 1.6rem; }
.link a { padding: 0 10px; }
.cnzz { padding-left: 8px; }
@media screen and (max-width:999px) { .link { padding-left: 0; }
.copyright { padding-right: 0; line-height: 24px; }
.dibu { padding: 0 20px; } }
@media screen and (max-width:800px) { .copyright { width: 100%; } }
@media screen and (max-width:639px) { .link { display: none; } }


#returnTop { _display: none;   position: fixed;   _position: absolute;   z-index: 999999999999999999999;   right: 70px;   bottom: 49px;   _bottom: auto;   width: 32px;   height: 54px;   text-indent: -999px;   overflow: hidden;   background: url(../images/top.png?v=20261023i) no-repeat;   transition: bottom 0.9s;   -webkit-transition: bottom 0.9s;   -moz-transition: bottom 0.9s;   -o-transition: bottom 0.9s; }






/**********************  contact  **************************/



.bread { font-size: 20px;   font-size: 2rem; }
.bread a { color: #000; }
.contact {
    padding-top: 11px;
}
.sino { text-align: center;   font-size: 60px;   font-size: 6rem;   font-family: 'slatew01bold58bd1b651ea74'; margin-top:59px; }
.whether { text-align: center;   padding: 0 265px;   font-size: 26px;   font-size: 2.6rem;   font-family: 'SlateW01Bk';   margin-top: 22px;   margin-bottom: 79px;   line-height: 30px; }
.cz_part { width: 560px; }
.clxfs>li>span { font-size: 2.2rem;   display: block;   margin-bottom: 18px;   font-family: 'slatew01medium58bd1b9fe5f97'; }
.clxfs>li { margin-bottom: 24px; }
.cicbiao { padding-left: 27px;   font-size: 18px;   font-size: 1.8rem;   line-height: 24px; }
.cicbiao1 { background: url("../images/cic1.png") no-repeat left top; }
.cicbiao2 { background: url("../images/cic2.png") no-repeat left 5px; }
.cicbiao2 a { display: block; }
.cicbiao3 { background: url("../images/cic3.png") no-repeat left top; }
.cicbiao4 { background: url("../images/cic4.png") no-repeat left top; }
.cicbiao5 { background: url("../images/cic5.png") no-repeat left top; }
.cp1 { font-weight: bold;   margin-bottom: 3px; }
.cp2 { line-height: 24px; }
.cicbiao1 li { margin-bottom: 28px; }
.clxfs a:hover { color: #d87058; }
.wu { font-size: 1.8rem;   font-weight: bold;   font-family: Arial, Helvetica, sans-serif;   margin-bottom: 10px; }
.cy_part { width: 827px; }
.xing input { width: 370px;   height: 52px;   padding-left: 13px;   color: #a6a6a6;   border: 1px solid #d2d2d2;   border-radius: 10px;font-family: 'MyriadProRegular'; }
.xing { padding-left: 14px;   margin-bottom: 27px; }
.xing2 { background: url("../images/xing.png") no-repeat left 24px; }
.textarea {
font-family: 'MyriadProRegular';
    width: 798px;   padding-left: 13px;   border: 1px solid #d2d2d2;   padding-top: 13px;   height: 214px;   color: #a6a6a6;   border-radius: 10px; }
.xing input.capt { width: 219px;   height: 52px;   padding-left: 13px;   color: #a6a6a6;   border: 1px solid #d2d2d2;
	font-family: 'MyriadProRegular'; }
.yzm { cursor: pointer;   vertical-align: middle;   margin-left: 6px; }
.xing3 { display: inline-block; }
.csub { width: 363px;   height: 54px;   text-align: center;   text-align: center;   background: #d87058;   color: #fff;   float: right;   cursor: pointer;   font-family: 'SlateW01Bk';   border-radius: 10px;   font-size: 24px;   font-size: 2.4rem; }
.csub:hover { background: #333; }
.ditu { margin-top: 38px; }
.ditu img { width: 100%;   max-width: 1499px; }
.bottom2 { margin-top: 0; }
.head2 .logo { padding-top: 34px; }
.head2 .nav_list { margin-top: 43px; }
.head2 .search { margin-top: 42px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .cz_part { width: 360px; }
.whether { padding: 0 100px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .cz_part { width: 280px; }
.cy_part { width: 670px; }
.xing input { width: 300px; }
.textarea { width: 640px; }
.csub { width: 220px; }
.whether { padding: 0 50px; } }
@media screen and (max-width:999px) {
.sino { margin-top:10px}
    .cz_part { width: 100%; margin-bottom: 40px; }
.cy_part { width: 100%; }
.textarea { width: 99%; }
.contact { padding-bottom: 70px; }
.zydiv { width: 100%; }
.xing input { width: 99%; }
.whether { padding: 0 30px; }
.head2 .nav_list { margin-top: 20px; } }
@media screen and (max-width:850px) { .csub { width: 100%; } }
@media screen and (max-width:699px) { .zydiv { width: 100%; }
.csub { width: 45%; }
.xing input { width: 96%; }
.textarea { width: 96%; }
.xing3 { display: block; }
.xing input.capt { width: 96%; }
.yzm { margin-bottom: 27px; margin-left: 14px; }
.sino { font-size: 40px; font-size: 4rem; }
.whether { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width:479px) { .head2 .search { margin-top: 15px !important; } }
@media screen and (max-width:420px) { .xing input.capt { width: 96%; }
.xing3 { display: block; }
.yzm { margin-bottom: 20px; margin-left: 15px; } }








/**********************  about1  **************************/



.about1 { padding-top: 10px;   padding-bottom: 40px; }
.bread .current_bread { color: #d87058; }
.bread a:hover { color: #d87058; }
.ahang { background: #dcdcdc;   margin-bottom: 50px; }
.a1you img { width: 100%;   max-width: 767px;   max-height: 394px; }
.zft { background: url("../images/zft.png") no-repeat center top;   font-family: 'slatew01medium58bd1b9fe5f97';   padding-top: 113px;   line-height: 30px;   font-size: 22px;   font-size: 2.2rem;   width: 610px;   color: #353535;   margin-top: 67px;   margin-left: 80px;   height: 60px;   overflow: hidden; }
.zft2 { margin-left: 0;   margin-right: 75px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .zft { width: 510px; margin-left: 50px; }
.zft2 { margin-left: 0; margin-right: 45px; }
.a1you { width: 625px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .zft { width: 445px; margin-left: 30px; margin-top: 35px; }
.zft2 { margin-left: 0; margin-right: 25px; }
.a1you { width: 500px; } }
@media screen and (max-width:999px) { .zft { width: 80%; margin: 0 auto; padding-top: 90px; margin-top: 20px; margin-bottom: 20px; }
.a1you { width: 100%; text-align: center; } }
@media screen and (max-width:639px) { .zft { width: 90%; } }






/**********************  about2 **************************/



.about2 {
    padding-top: 11px;
}
.wel { font-family: 'slatew01bold58bd1b651ea74';   color: #333;   font-size: 60px;   font-size: 6rem;   text-align: center;   margin-bottom: 46px;  margin-top:64px; }
.weltu img { width: 100%;   max-width: 1504px;   max-height: 576px;   margin-bottom: 45px; }
.ap { font-family: 'SlateW01Bk';   font-size: 24px;   font-size: 2.4rem;   line-height: 36px;   color: #333;   margin-bottom: 46px; }
.abiaolist .li { padding-left: 115px;   font-family: 'SlateW01Bk';   font-size: 24px;   font-size: 2.4rem;   line-height: 36px;   color: #333;   margin-bottom: 37px;   min-height: 51px;   max-height: 144px;   overflow: hidden; }
.abiaolist .li div { display: table-cell;   vertical-align: middle; }
.abiaolist .li.ali1 { background: url("../images/ai1.png") no-repeat 14px center; }
.abiaolist .li.ali2 { background: url("../images/ai2.png") no-repeat 14px center;   margin-bottom: 21px; }
.abiaolist .li.ali3 { background: url("../images/ai3.png") no-repeat 14px center;   margin-bottom: 59px; }
.timeline { text-align: center;   font-family: 'slatew01bold58bd1b651ea74';   color: #333;   font-size: 60px;   font-size: 6rem;   padding-bottom: 19px;   border-bottom: 1px solid #7a7a7a; }
.shangbiao2 img { width: 264px;   height: 32px;   float: right; }
.shangbiao2 { margin-bottom: 65px;   margin-top: 88px; }
.timebox { background: url("../images/heishu.jpg") repeat-y center top;   margin-top: 29px;   padding-top: 18px;   margin-bottom: 32px;   padding-bottom: 77px; }
.baibg { width: 643px;   height: 457px;   border: 1px solid #eaeaea;   background: #fff;   text-align: center;   position: relative;   margin-left: 45px; }
.baibg2 { margin-left: 0;   margin-right: 45px; }
.jiao { position: absolute;   top: 35px;   right: -25px; }
.jiao2 { right: auto;   left: -25px; }
.nian { width: 57px;   height: 57px;   border-radius: 50%;   background: #000;   text-align: center;   color: #fff;   position: absolute;   top: 28px;   right: -90px; }
.nian2 { right: auto;   left: -90px; }
.nian span { display: block;   color: #fff;   padding-top: 17px;   font-size: 20px;   font-size: 2rem;   font-family: 'SlateW01Bk'; }
.abouttu2 { margin-top: 23px;   width: 100%;   max-width: 590px;   max-height: 366px; }
.est { font-family: 'SlateW01Bk';   font-size: 24px;   font-size: 2.4rem;   line-height: 24px;   margin-top: 21px; }
.xian { border-bottom: 1px solid #7a7a7a;   height: 1px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .baibg { margin-left: 0; }
.baibg2 { margin-right: 0; }
.baibg { width: 537px; height: 425px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .baibg { margin-left: 0; }
.baibg2 { margin-right: 0; }
.baibg { width: 427px; height: 360px; } }
@media screen and (max-width:999px) {
	.wel { margin-top:10px}
.baibg { margin-left: 0; }
.baibg2 { margin-right: 0; }
.baibg { width: 80%; height: auto; padding-bottom: 20px; }
.timehang { margin-bottom: 30px; }
    .timebox { background: none; }
.timebox { padding-bottom: 20px; } }
@media screen and (max-width:639px) { .wel { font-size: 40px; font-size: 4rem; }
.baibg { width: 70%; }
.shangbiao2 img {   

        max-width: 100%;      

    }
.abiaolist .li { padding-left: 85px; } }




/*************************  zhengshu  ***************************/



.zhengshu {
    margin-top: 14px;
}
.zhengshu .wp { background: #fff;   padding-top: 81px;   padding-bottom: 81px; }
.certi { text-align: center;   font-size: 60px;   font-size: 6rem;   font-family: 'slatew01bold58bd1b651ea74';   margin-bottom: 79px; }
.satu { text-align: center; }
.satu img { width: 100%;   max-width: 347px;   max-height: 428px; }
.certi2 { margin-top: 67px;   margin-bottom: 76px; }
.lvkuai { text-align: center;   margin-bottom: 52px; }
.lvkuai img { width: 95%;   max-width: 1367px;   max-height: 143px; }
.satu2 { text-align: center; }
.zsbox { display: inline-block;   margin-left: 53px; }
.zsbox1 img { width: 100%;   max-width: 423px;   max-height: 313px; }
.zsbox2 img { width: 100%;   max-width: 416px;   max-height: 313px; }
.zsbox3 img { width: 100%;   max-width: 425px;   max-height: 313px; }
.zsbox1 { border-top-left-radius: 20px;   border-bottom-left-radius: 20px;   overflow: hidden; }
.zsbox3 { border-top-right-radius: 20px;   border-bottom-right-radius: 20px;   overflow: hidden; }
@media screen and (min-width:1220px) and (max-width:1519px) { .zsbox { width: 340px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .zsbox { width: 270px; } }
@media screen and (max-width:999px) { .zsbox { width: 31%; margin: 0 1%; } }
@media screen and (max-width:639px) { .certi { font-size: 40px; font-size: 4rem; }
.zsbox { width: 100%; margin: 0; margin-bottom: 20px; }
.certi2 { margin-top: 30px; margin-bottom: 40px; } }




/*********************  blog1  **********************/
.blog1 {
    padding-top: 12px; 
}
.blogbox { padding-top: 30px;   background: #fff;   border: 1px solid #cccccc;   padding-left: 30px;   padding-bottom: 30px;   padding-right: 30px;   margin-bottom: 30px;
}
.byou {
    width: 1007px;
    font-family: 'SlateW01Bk';
}
.bzuo img { width: 100%;   max-width: 383px;   max-height: 254px;   border: 1px solid #ccc; }
.youn { padding-left: 52px;   background: url("../images/huishu.jpg") no-repeat left center; }
.bp1 { font-size: 24px;   font-size: 2.4rem;   margin-bottom: 21px;   margin-top: 2px; }
.bp1 a { color: #d87058;   display: block;   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }
.bp1 a:hover { color: #333; }
.bsj { font-size: 16px;   font-size: 1.6rem;   color: #333; }
.bp2 { line-height: 30px;   font-size: 20px;   font-size: 2rem;   margin-top: 20px; }
.bp2 a { display: block;   height: 120px;   overflow: hidden; }
.bp2 a:hover { color: #d87058; }
.brm { font-size: 20px;   font-size: 2rem;   color: #d87058;   display: block;   margin-top: 30px; }
.brm:hover { color: #333; }
.ms_ye { text-align: right;   float: right; }
.ms_ye a { display: inline-block;   width: 33px;   line-height: 28px;   border: 1px solid #e5e5e5;   text-align: center;   font-size: 12px;   background: #fff;   font-size: 1.2rem;   float: left;   font-family: 'slatew01bold58bd1b651ea74'; }
.ms_ye .ms_current_ye { border: 1px solid #d87058;   background: #d87058;   color: #fff; }
.ms_ye a:hover { border: 1px solid #d87058;   background: #d87058;   color: #fff; }
@media screen and (min-width:1220px) and (max-width:1519px) { .byou { width: 715px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .byou { width: 500px; } }
@media screen and (max-width:999px) { .bzuo { width: 100%; }
.byou { width: 100%; margin-top: 20px; }
.youn { padding-left: 0; background: none; }
.ms_ye a { margin-bottom: 5px; } }




/***********************  blog2  *************************/



.blog2 { padding-top: 10px;

/*    padding-bottom: 90px;*/

}
.blog2 .wp { background: #fff;   padding-top: 33px;   border: 1px solid #cccccc;   padding-bottom: 25px; }
.wpn { padding-left: 30px;   padding-right: 30px; }
.b2zuo { font-family: 'SlateW01Bk'; }
.b2zuo h1 { font-size: 24px;   font-size: 2.4rem;   color: #d87058;   margin-bottom: 25px;   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }
.b2sj { font-size: 16px;   font-size: 1.6rem; }
.b2p { line-height: 30px;   font-size: 20px;   font-size: 2rem;   margin-top: 15px;   color: #353535;   padding-bottom: 51px;   border-bottom: 1px solid #cccccc; }
.b2p p,

.b2p span,

.b2p li { color: #333; }
.b2p a { color: #d87058; }
.b2p img { max-width: 100%; }
.b2zuo {
   padding-right: 66px; margin-right:30px;
    width: calc(899px - 97px); border-right:1px solid #cccccc; }
.sx { line-height: 40px;   margin-top: 40px;   font-size: 20px;   font-size: 2rem;   width: 49%; }
.sx span { display: inline-block; }
.span1 { width: 48px;   text-align: center;   border: 1px solid #e5e5e5;   border-top-left-radius: 5px;   border-bottom-left-radius: 5px; }
.span2 { width: 120px;   text-align: center;   border: 1px solid #cccccc;   border-top-right-radius: 5px;   border-bottom-right-radius: 5px; }
.span3 { border-top-right-radius: 5px;   border-bottom-right-radius: 5px;   border-top-left-radius: 0px;   border-bottom-left-radius: 0px; }
.span4 { border-top-left-radius: 5px;   border-bottom-left-radius: 5px;   border-top-right-radius: 0px;   border-bottom-right-radius: 0px; }
.blognr { margin-top: 27px;   width: 100%; }
.blognr a { display: block;   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }
.sx:hover .span2 { border: 1px solid #d87058;   background: #d87058;   color: #fff; }
.sx:hover .blognr a { color: #d87058; }
.b2you { width: 539px;   font-family: 'SlateW01Bk'; }



.backto { font-size: 18px;   font-size: 1.8rem;   display: block;   width: 237px;   line-height: 60px;   text-align: center;   border-radius: 10px;   background: #d87058;   color: #fff;   text-transform: uppercase;   margin-top: 90px; }
.backto:hover { background: #3f8843; }
.share { color: #6293d8;   font-size: 16px;   font-size: 1.6rem; }
.shejiaoji2 img { vertical-align: middle; }
.shejiaoji2 { margin-top: 46px; }
.latest { font-size: 30px;   font-size: 3rem;   text-transform: uppercase;   margin-top: 117px;   font-family: 'slatew01bold58bd1b651ea74';   margin-bottom: 27px; }
.latest a { color: #d87058; }
.bnewtu img { width: 100%;   max-width: 266px;   max-height: 153px; }
.bnewnr { font-size: 18px;   font-size: 1.8rem;   line-height: 30px;   margin-top: 25px; }
.bnewnr a { display: block;   height: 120px;   overflow: hidden; }
.tags { margin-top: 108px; }
.guanjian li { width: 33.333333%;   float: left;   font-size: 18px;   font-size: 1.8rem;   text-decoration: underline;   margin-bottom: 32px; }
.guanjian a:hover { color: #d87058; }
@media screen and (min-width:1220px) and (max-width:1519px) { .b2zuo {    
		 width: calc(680px - 30px); 

    }
.b2you { width: 450px; }
.guanjian li { width: 50%; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .b2zuo { width: calc(600px -30px); }
.b2you { width: 315px; }
.b2youn { padding-left: 60px; background: url("../images/changhuishu.jpg") no-repeat 30px center; } }
@media screen and (max-width:999px) { .b2zuo { width: 100%; }
.b2you { width: 100%; }
.b2youn { background: none; padding-left: 0; } }
@media screen and (max-width:639px) { .sx { width: 100%; }
.latest { margin-top: 60px; }
.latest { margin-top: 30px; } }






/******************  video  *******************/



.video {
    padding-top: 14px;
}
.video .wp { padding-top: 81px;   padding-bottom: 75px;   background: #fff; }
.vid { text-align: center;   font-size: 60px;   font-size: 6rem;   font-family: 'slatew01bold58bd1b651ea74';   margin-bottom: 20px; }
.view { text-align: center;   font-size: 26px;   font-size: 2.6rem;   color: #333;   margin-bottom: 77px;   font-family: 'SlateW01Bk'; }
.video .wpn { padding-left: 35px;   padding-right: 35px; }
.vidp { text-align: center;   font-family: 'slatew01medium58bd1b9fe5f97';   font-size: 22px;   font-size: 2.2rem;   margin-top: 20px; }
.vidp:hover a { color: #d87058; }
.videobox { float: left;   margin-left: 50px;   margin-bottom: 90px; }
.videobox img { width: 100%;   max-width: 320px;   max-height: 228px; }
.video .ms_ye { position: relative;   top: -12px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .videobox { width: 245px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .videobox { width: 200px; margin-left: 36px; } }
@media screen and (max-width:999px) { .videobox { width: 31%; margin: 0 1%; margin-bottom: 30px; } }
@media screen and (max-width:639px) { .videobox { width: 48%; margin: 0 1%; margin-bottom: 30px; }
.video .wp { padding-bottom: 50px; padding-top: 45px; } }
@media screen and (max-width:450px) { .videobox { width: 90%; margin: 0 5%; margin-bottom: 30px; } }




/**********************  service1  **************************/



.service1 {
    padding-top: 10px;
}
.service1 .wp { padding-top: 81px;   background: #fff; }
.love { text-align: center;   font-size: 36px;   font-size: 3.6rem;   margin-bottom: 26px;   font-family: 'slatew01bold58bd1b651ea74'; }
.whether2 { text-align: center;   font-size: 20px;   font-size: 2rem;   padding: 0 115px;   line-height: 30px;   font-family: 'SlateW01Bk'; }


.coxin { margin-top: 20px;   padding-bottom: 83px;   *border: 1px solid #fff; }
.coxinn { padding-top: 17px;   width: 1215px;   margin: 0 auto; }
.coxin .xin { background: url(../images/xing.png) no-repeat left 24px;   padding-left: 14px; }
.coxinn .int1 { padding-left: 20px;   width: 554px;   float: left;   margin-top: 47px; }
.coxinn .int2 { padding-left: 20px;   width: 554px;   float: right;   margin-top: 47px; }
.coxinn .int1 input,

.coxinn .int2 input { width: 539px;   height: 52px;   padding-left: 12px;   font-size: 16px;   font-size: 1.6rem;   line-height: 42px;   border: 1px solid #d2d2d2;   font-family: 'SlateW01Bk'; }
.tex { padding-top: 55px;   background: url(../images/xing.png) no-repeat left 80px;   padding-left: 14px; }
.coxinn textarea { width: 1182px;   height: 216px;   padding-left: 12px;   font-size: 16px;   font-size: 1.6rem;   line-height: 42px;   border: 1px solid #d2d2d2;   padding-top: 4px;   font-family: 'SlateW01Bk'; }
.coxinn .int5 { margin-top: 50px; }
.coxinn .int3 { width: 409px;   height: 52px;   padding-left: 12px;   font-size: 14px;   font-size: 1.4rem;   line-height: 42px;   float: left;   border: 1px solid #d2d2d2;   font-family: 'SlateW01Bk'; }
.coyanzheng { width: 178px;   height: 54px;   float: left;   margin-left: 23px;   cursor: pointer; }
.coxinn .int4 { width: 500px;   height: 54px;   float: right;   background: #000;   font-size: 18px;   font-size: 1.8rem;   color: #fff;   cursor: pointer;   transition: 0.5s;   -moz-transition: 0.5s;   -o-transition: 0.5s;   -webkit-transition: 0.5s;   font-family: 'SlateW01Bk'; }
.coxinn .int4:hover { background: #d87058; }
.ditu { display: block;   width: 100%;   margin-top: 38px; }


@media screen and (min-width:1220px) and (max-width:1519px) { .coxinn { width: 1100px; }
.coxinn .int1 { width: 500px; }
.coxinn .int2 { width: 500px; }
.coxinn .int1 input,

    .coxinn .int2 input { width: 470px; }
.coxinn textarea { width: 1058px; }
.coxinn .int4 { width: 435px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .coxinn { width: 890px; }
.coxinn .int1 { width: 440px; }
.coxinn .int2 { width: 400px; }
.coxinn .int1 input,

    .coxinn .int2 input { width: 400px; }
.coxinn textarea { width: 877px; }
.coxinn .int4 { width: 220px; } }
@media screen and (max-width:999px) { .colianxi { background: none

    }
.codianhua,

    .coxinfeng,

    .cochuanzhen,

    .codingwei { width: 47%; margin-left: 1.5%; margin-right: 1.5%; margin-top: 20px; }
.coxin { height: auto; padding-bottom: 30px; }
.coxinn { width: auto; padding-top: 20px; }
.coxinn .int1,

    .coxinn .int2 { width: auto; float: none; }
.coxinn .int1 input,

    .coxinn .int2 input { width: 95%; }
.coxinn textarea { width: 95%; }
.ditu { max-width: 100%; margin-top: 20px; }
.coxinn .int4 { width: 30%; float: left; margin-left: 10px; }
.coxinn .int3 { width: 30%; }
.coxinn { padding-left: 10px; padding-right: 10px; }
.coqq { margin-left: 10px; } }
@media screen and (max-width:699px) { .coxinn .int4 { margin-left: 0; width: 100%; margin-top: 47px; } }
@media screen and (max-width:639px) { .codianhua,

    .coxinfeng,

    .cochuanzhen,

    .codingwei { width: 100%; float: none; margin: auto; margin-top: 20px; }
.coxinn .int1 input,

    .coxinn .int2 input { width: 90%; }
.coxinn textarea { width: 90%; }
.coxinn .int3 { width: 90%; margin-bottom: 20px; }
.coyanzheng { margin-left: auto; margin-top: 25px; }
.comain { padding-bottom: 25px; }
    .coxinn .int2,

    .coxinn .int1 { margin-top: 20px; }
.tex { padding-top: 20px; }
.coxinn .int5 { margin-top: 20px; }
.coyanzheng { margin-top: 20px; }
.coxinn .int4 { margin-top: 20px; }
.whether2 { padding: 0 15px; }
.wpn { padding-left: 15px; padding-right: 15px; } }




/**************************************************/



.service2 { padding-top: 10px;   padding-bottom: 90px; }
.p_shang { font-size: 16px;   font-weight: bold;   line-height: 26px; }
.p_shang:hover a { color: #d87058; }
.p_xia { line-height: 26px;   font-size: 18px;   font-size: 1.8rem;   font-family: 'SlateW01Bk'; }
.p_xia a { color: #4d4d4d;   height: 52px;   overflow: hidden;   display: block; }
.p_xia a:hover { color: #d87058; }
.lianghang { margin-left: 23px;   width: 1200px; }
.sup_you a { width: 112px;   line-height: 40px;   padding-left: 28px;   border: 1px solid #d87058;   text-align: center;   color: #d87058;   display: block;   background: url("../images/xiazai.png?v=20261023i") no-repeat 20px center;   position: relative;   top: 26px;   font-size: 16px;   font-size: 1.6rem;   font-family: 'slatew01bold58bd1b651ea74'; }
.sup_you a:hover { color: #fff;   background: url("../images/xiazai2.png") #d87058 no-repeat 20px center;   border-radius: 21px; }
.file_list { margin-top: 22px; }
.file_list li { padding-bottom: 54px;   background: url("../images/xuxian.png") repeat-x left bottom;   margin-bottom: 46px; }
.punch { font-size: 2rem;   margin-bottom: 18px;   font-family: 'slatew01medium58bd1b9fe5f97';   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }
.punch:hover a { color: #d87058; }
.no_bg { background: none!important; }
.service2 .ms_ye { float: none;   text-align: center;   margin-top: 85px; }
.service2 .ms_ye a { float: none; }
@media screen and (min-width:1220px) and (max-width:1519px) { .lianghang { width: 910px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .lianghang { width: 730px; } }
@media screen and (max-width:999px) { .sup_zuo { width: 75%; }
.sup_you { width: 20%; }
.lianghang { width: 83%; } }
@media screen and (max-width:750px) { .sup_zuo { width: 70%; }
.sup_you { width: 25%; }
.lianghang { width: 80%; } }
@media screen and (max-width:639px) { .sup_zuo { width: 100%; }
.sup_you { width: 100%; }
.lianghang { width: 80%; }
.file_list li { padding-bottom: 50px; } }
@media screen and (max-width:450px) { .lianghang { width: 70%; } }




/**********************  service3  **********************/



.service3 { padding-top: 11px;


}
.req { font-size: 60px;   font-size: 6rem;   text-align: center;   font-family: 'slatew01bold58bd1b651ea74';   margin-bottom: 20px; margin-top:60px; }
.will { font-family: 'SlateW01Bk';   font-size: 26px;   font-size: 2.6rem;   text-align: center;   margin-bottom: 79px; }
.biaozuo { width: 711px; }
.biaoyou { width: 712px; }
.biaozuo input { width: 694px;   padding-left: 13px;   height: 52px;   background: #fff;   border: 1px solid #d2d2d2;   border-radius: 8px;   margin-bottom: 25px;   color: #a6a6a6;   font-size: 16px;   font-size: 1.6rem;   font-family: 'SlateW01Bk'; }
.biaozuo input.capt { width: 492px;   float: left; }
.s3yzm,.service3 .yanzheng { width: 178px;   height: 54px;   float: right;   cursor: pointer; }
.s3area { width: 687px;   padding-left: 13px;   padding-top: 17px;   border: 1px solid #d2d2d2;   background: #fff;   border-radius: 8px;   font-family: 'SlateW01Bk';   color: #a6a6a6;   font-size: 16px;   font-size: 1.6rem;   height: 271px; }
.s3send { font-size: 24px;   font-size: 2.4rem;   color: #fff;   width: 100%;   font-family: 'SlateW01Bk';   height: 54px;   border-radius: 8px;   background: #d87058;   margin-top: 27px;   cursor: pointer; }
.s3send:hover { background: #347537; }


.img-scroll99 { position: relative;   margin: 0 auto;   width: 100%;   padding-top: 51px; }
.img-scroll99 .prev99,

.img-scroll99 .next99 { position: absolute;   display: block;   width: 45px;   height: 42px;   top: 55%;   margin-top: -16px;   color: #fff;   text-align: center;   line-height: 100px

}
.img-scroll99 .prev99 { left: 0;   margin-right: 15px;   ;   cursor: pointer;   background: url("../images/zazhis.jpg") no-repeat; }
.img-scroll99 .next99 { right: 0;   cursor: pointer;   background: url("../images/zazhix.jpg") no-repeat; }
.img-list99 { width: 1306px;   margin-left: 77px;   overflow: hidden;   margin: 0 auto; }
.img-list99 ul { width: 9999px; }
.img-list99 li { float: left;   display: inline;   width: 291px;   margin-right: 47px;   text-align: center; }
.img-list99 li img { width: 100%;   max-width: 291px;   max-height: 410px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .biaozuo { width: 49%; }
.biaoyou { width: 49%; }
.biaozuo input { width: 572px; }
.biaozuo input.capt { width: 380px; }
.s3area { width: 572px; }
.img-list99 { width: 1065px; }
.img-list99 li { width: 231px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .biaozuo { width: 49%; }
.biaoyou { width: 49%; }
.biaozuo input { width: 464px; }
.biaozuo input.capt { width: 265px; }
.s3area { width: 466px; }
.img-list99 { width: 850px; }
.img-list99 li { width: 177px; } }
@media screen and (max-width:999px) {
	.req { margin-top:10px}
.biaozuo { width: 100%; }
.biaoyou { width: 100%; }
.biaozuo input { width: 99%; }
.biaozuo input.capt { width: 99%; }
.s3yzm,.service3 .yanzheng { float: left; margin-bottom: 25px; }
.s3area { width: 99%; }
.img-list99 { width: 80%; }
.img-list99 ul { width: 10000%; }
.img-list99 li { width: 0.31%; margin: 0 0.01%; } }
@media screen and (max-width:639px) { .req { font-size: 4rem; }
.will { font-size: 2rem; }
.img-list99 { width: 70%; }
.img-list99 li { width: 0.46%; margin: 0 0.02%; }
.service3 { padding-bottom: 60px; }
    .biaozuo input { width: 97%; }
.biaozuo input.capt { width: 97%; }
.s3area { width: 97%; margin-top: 20px; }
}
@media screen and (max-width:449px) { .img-list99 { width: 66%; }
.img-list99 li { width: 0.8%; margin: 0 0.1%; } }




/*************************  product3  *****************************/



.product3 {
    padding-top: 14px;
}
.product3 .wp { padding-top: 59px;   background: #fff;   padding-bottom: 113px; }
.product3 .wpn { padding-left: 59px;   padding-right: 47px; }
.cpxx { width: 555px; }
.cp { margin-right: 115px; }
.cp_bt { font-size: 1.8rem;   font-weight: bold;   text-transform: uppercase;   margin-bottom: 10px; }
.cp_xbt { margin-top: 17px;   color: #666666;   line-height: 24px; }
.cpxx_list li { line-height: 24px;   padding-left: 12px;  }
.two_btn2>a { display: inline-block;   width: 160px;   line-height: 54px;   color: #fff;   text-align: center;   background: #d87058;   border-radius: 5px;   font-family: 'SlateW01Bk';   font-size: 23px;   font-size: 2.3rem; }
.two_btn2>a:hover { background: #448b48; }
.btn1 { font-size: 1.6rem; }
.two_btn2 { margin-top: 66px; }
.share2 { margin-top: 10px; margin-left:23px }
.share2 img { vertical-align: middle; }
.share2 .span { padding-right: 5px;   font-size: 2.2rem;   font-family: 'SlateW01Bk'; }
.detail_bt { text-transform: uppercase;   font-size: 2.4rem;   margin-top: 43px;   padding-bottom: 14px;   border-bottom: 1px solid #b15c48;   margin-bottom: 20px;   color: #b15c48; }
.chanpinx { line-height: 24px;   padding-bottom: 20px;   margin-bottom: 40px; }
.chanpinx p,

.chanpinx li,

.chanpinx span {}
.chanpinx a { color: #2aa0de; }
.chanpinx img { max-width: 100%; }
.products2 .lanxian { margin-top: 7px;   margin-bottom: 25px; }
.products2 .hot { margin-top: 30px; }
.xxms ,.cpxx p{ font-size: 18px;   font-size: 1.8rem;   line-height: 30px;   font-family: 'SlateW01Bk'; }


.chanpinx .flex { font-size: 1.8rem;   line-height: 56px;   color: #333; }
.chanpinx .flex_list li { line-height: 30px; }
.ec { font-size: 3.6rem!important;   margin-bottom: 35px;   margin-top: 15px;   font-family: 'slatew01bold58bd1b651ea74'!important; }
.cxlist li { line-height: 36px; }
.cxlist li span { font-weight: bold; }


#tsShopContainer li,

#tsShopContainer img { vertical-align: top; }
#tsShopContainer { width: 610px;   position: relative;   float: left; }
#tsShopContainer #tsImgS { text-align: center;   width: 100%;   position: relative; }
#tsShopContainer #tsImgS a { display: block;   text-align: center;   margin: 0px auto;   border: 2px solid #ebebeb; }
#tsShopContainer #tsImgS img { border: 0px; }
#tsShopContainer #tsPicContainer { width: 100%;   height: 100px;   position: relative;   margin-top: 22px; }
#tsShopContainer #tsPicContainer #tsImgSArrL { width: 26px;   height: 43px;   background: url(../images/shang.jpg) no-repeat left center;   position: absolute;   top: 30px;   left: 13px;   cursor: pointer; }
#tsShopContainer #tsPicContainer #tsImgSArrR { width: 26px;   height: 43px;   background: url(../images/xia.jpg) no-repeat right center;   position: absolute;   top: 30px;   right: 13px;   cursor: pointer; }
#tsShopContainer #tsPicContainer #tsImgSCon { position: absolute;   left: 85px;   width: 1px;   height: 96px;   overflow: hidden; }
#tsShopContainer #tsPicContainer #tsImgSCon ul { width: 100%;   overflow: hidden; }
#tsShopContainer #tsPicContainer #tsImgSCon li { width: 159px;   float: left;   cursor: pointer; }
#tsShopContainer #tsPicContainer #tsImgSCon li a { display: block;   width: 123px;   border: 2px solid #ebebeb; }
#tsShopContainer #tsPicContainer #tsImgSCon li img { display: block;   width: 123px;   height: 92px; }
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a { border: 2px solid #d87058; }
.MagicZoomBigImageCont { border: 1px solid #ccc;   background: #FFF; }
.MagicZoomPup { border: 0px solid #aaa;   background: #ffffff; }
.MagicZoomMain { text-align: center !important;   width: 92px; }


@media screen and (min-width:1000px) and (max-width:1219px) { #tsShopContainer { float: none; margin: auto; }
.MagicZoomBigImageCont,

    .MagicZoomPup { display: none !important; }
.jianjie { width: 100%; float: none; margin-top: 20px; }
.jianjie h1 { margin-top: 20px; background-position: bottom center; }
.jianjie ul { height: auto; }
.inno { text-align: center; margin-top: 20px; }
.inno a { float: none; display: inline-block; *float: left; } }
@media screen and (min-width:1000px) { .chanx { display: none

    } }
@media screen and (max-width:999px) { #tsShopContainer { display: none

    }
.chanx { width: 100%; }
.chanx a { display: block; width: 48%; margin-left: 1%; margin-right: 1%; float: left; margin-bottom: 18px; }
.chanx a img { width: 100%; max-width: 416px; max-height: 350px; border: 1px solid #ddd

    }
.jianjie { width: 100%; float: none; margin-top: 20px; }
.jianjie ul { height: auto; }
    .jianjie h1 { margin-top: 10px; }
.jielie { margin-left: 5px; }
.inno { text-align: center; margin-top: 20px; }
.inno a { float: none; display: inline-block; *float: left; margin: 0 3px; width: 100px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width:409px) { .chanx a { width: 97%; }
.relie { width: 98%; }
.img-list2 { margin-top: 20px; }
.img-list2 li { width: 1%; margin-right: 0.01%; }
.renav { top: -12px; } }


#outer2 { width: 100%;   margin-top: 73px; }
#tab2 { overflow: hidden;   zoom: 1;   border-top: 1px solid #ececec; }
#tab2 li { float: left;   cursor: pointer;   line-height: 61px;   font-size: 2.2rem;   width: 20%;   margin-top: 1px;   background: #eeeeee;   text-align: center;   font-family: 'slatew01medium58bd1b9fe5f97'; }
#tab2 li a { color: #353535;   display: block;   border-left: 3px solid #fff;   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }
.no_border { border: none!important; }
#tab2 li.current { color: #fff; }
#tab2 li.current a { color: #fff;   background: #d87058; }
#tab2 li:hover { color: #fff; }
#tab2 li:hover a { color: #fff;   background: #d87058; }
#content2 {}
#content2 .ul { line-height: 25px;   display: none;   padding-top: 43px;   ; }


.cpms { padding-top: 48px; }
.ov { font-family: 'SlateW01Bk';   font-size: 32px;   font-size: 3.2rem;   color: #d87058;   text-transform: uppercase;   display: block;   padding-bottom: 23px;   border-bottom: 1px solid #eeeeee;   margin-bottom: 18px; }
.ovp,.overview p { font-size: 18px;   font-size: 1.8rem;   font-family: 'SlateW01Bk';   line-height: 30px;   margin-bottom: 30px; }
.overview p { line-height: 30px;font-size: 24px;   font-size: 2.4rem;  }
.size img { max-width: 100%; }
.choose { margin-top: 91px;   padding-bottom: 56px; }
.wen { width: 850px; }
.tuwen .wen .tp1 { font-size: 28px;   font-size: 2.8rem;   font-family: 'slatew01medium58bd1b9fe5f97';   margin-top: 36px;   margin-bottom: 27px; }
.tp2 ,.tuwen p{ font-size: 24px;   font-size: 2.4rem;   font-family: 'SlateW01Bk';   line-height: 30px; }
.det { margin-bottom: 27px; }
.tuwen { padding-bottom: 72px;   border-bottom: 1px solid #eeeeee;   margin-bottom: 27px; }
.may { font-size: 38px;   font-size: 3.8rem;   text-align: center;   color: #353535;   font-family: 'slatew01bold58bd1b651ea74';   padding-bottom: 52px;   background: url("../images/lvxian.jpg?v=20261023i") no-repeat center bottom;   margin-bottom: 53px;   margin-top: 112px; }
.maytu img { width: 100%;   max-width: 366px;   max-height: 278px; }
.mayp { font-size: 20px;   font-size: 2rem;   font-family: 'SlateW01Bk';   line-height: 28px;   margin-top: 16px;   background: url("../images/jiantou.jpg") no-repeat 94% center;   padding-right: 20px;   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; }
.mayp:hover a { color: #d87058; }
.boxn { padding-top: 23px;   padding-left: 30px;   padding-right: 31px;   padding-bottom: 17px; }
.maybox { border: 1px solid #eeeeee;   float: left;   margin-left: 53px; }
.tu img { width: 100%;   max-width: 361px;   max-height: 219px; }
.fang img { width: 100%;   max-width: 543px;   max-height: 386px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .cpxx { width: 430px; }
.cp { margin-right: 35px; }
.wen { width: 680px; }
.maybox { width: 349px; margin-left: 20px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .cpxx { width: 100%; }
.cp { margin-right: 0px;
        float: none; }
.share2 { float: left; }
.wen { width: 480px; }
.maybox { width: 276px; margin-left: 20px; } }
@media screen and (max-width:999px) { .cp { margin-right: 0; width: 100%; }
.cpxx { width: 100%; }

    

    .tu { width: 48%; }
.wen { width: 50%; }
.tp1 { margin-top: 0px; }
.maybox { width: 31%; margin: 0 1%; }
.boxn { padding: 17px; }
.tuwen .wen .tp1{font-size: 24px;font-size: 2.4rem;margin-top: 0;margin-bottom: 10px;}
    .tp2, .tuwen p{font-size: 20px;font-size: 2rem;} }
@media screen and (max-width:639px) { .share2 { width: 100%; margin-left:0px }
.tu { width: 100%; }
.wen { width: 100%; margin-top: 10px; }
.product3 .wpn { padding-left: 15px; padding-right: 15px; }
.ec{font-size: 30px!important;font-size: 3rem!important;} }
@media screen and (max-width:749px) { .maybox { width: 64%; margin: 0 18%; margin-bottom: 30px; } }
@media screen and (max-width:639px) { .maybox { width: 68%; margin: 0 16%; margin-bottom: 30px; }
.product3 .wp { padding-bottom: 50px; }
.may { font-size: 3rem; } }
@media screen and (max-width:425px) { .maybox { width: 98%; margin: 0 1%; margin-bottom: 30px; } }


/*************************  product2  *****************************/



.product2 {
    padding-top: 14px; }
.baihang { background: #ffffff;   padding-top: 37px;   padding-bottom: 23px;   margin-top: 90px; }
.no_top { margin-top: 0!important; }
.baiyou { width: 778px;   padding-right: 20px; }
.baip1 { font-size: 36px;   font-size: 3.6rem;   font-family: 'slatew01bold58bd1b651ea74';   margin-bottom: 46px;   margin-top: 47px; }
.baip1:hover a { color: #d87058; }
.baip2 { font-family: 'SlateW01Bk';   font-size: 18px;   font-size: 1.8rem;   line-height: 30px; }
.baip2 a { display: block;   height: 120px;   overflow: hidden; }
.baip2 a:hover { color: #d87058; }
.p2vm { font-family: 'SlateW01Bk';   font-size: 18px;   font-size: 1.8rem;   display: block;   width: 182px;   line-height: 54px;   text-align: center;   background: #d87058;   color: #fff;   border-radius: 5px;   margin-top: 54px; }
.p2vm:hover { background: #428545; }
.baiyou2 { padding-right: 0;   padding-left: 45px; }
.baizuo img { width: 100%;   max-width: 606px;   max-height: 459px; }
@media screen and (min-width:1220px) and (max-width:1519px) { .baiyou { width: 535px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .baizuo { width: 390px; }
.baiyou { width: 560px; }
.baip1 { margin-top: 0; }
.baiyou2 { padding-left: 20px; } }
@media screen and (max-width:999px) { .baizuo { width: 100%; float: none; }
.baiyou { width: 90%; padding: 0; margin: 0 auto; float: none; } }




/*************************  product1  *****************************/



.product1 {
    padding-top: 13px;
}
.huihang { background: url("../images/pbg1.jpg") no-repeat center top;   padding-top: 42px;   padding-bottom: 34px;   margin-top: 91px; }
.huin { padding-left: 45px;   padding-right: 47px; }
.huizuo { width: 390px; }


.huizuo a { color: #fff; }
.huiyou { width: 953px;   margin-top: 7px; }
.huip1 { font-size: 40px;   font-size: 4rem;   font-family: 'slatew01bold58bd1b651ea74';   padding-bottom: 30px;   background: url("../images/baixian.jpg") no-repeat left bottom;   margin-bottom: 26px; }
.huip1:hover a { color: #d87058; }
.huip1 a { color: #fff; }
.huip2 { font-size: 20px;   font-size: 2rem;   line-height: 30px;    font-family: 'MyriadProRegular'; }
.huip2 a { color: #fff;   display: block;   font-family: 'slatew01medium58bd1b9fe5f97'; }
.huip2 a:hover { color: #d87058; }
.vtr { font-family: 'SlateW01Bk';   font-size: 20px;   font-size: 2rem;   color: #fff;   width: 166px;   line-height: 47px;   text-align: center;   border-radius: 5px;   background: #d87058;   display: block;   margin-top: 17px; }
.vtr:hover { background: #478e4a; }
.p_box { padding: 2px;   background: #fff;   float: right;   margin-left: 20px;   margin-bottom: 31px; }
.p_tu img { width: 100%;   max-width: 219px;   max-height: 165px; }
.ptup { font-family: 'SlateW01Bk';   padding-right: 20px;   background: url("../images/jiantou.jpg") no-repeat 95% center;   line-height: 28px;

	height:28px; overflow:hidden;   padding-left: 12px;   margin-top: 8px;   margin-bottom: 5px; }
.ptup a { color: #2e303c; }
.huihang2 { background: url("../images/pbg2.jpg") no-repeat center top; }
.huihang3 { background: url("../images/pbg3.jpg") no-repeat center top; }
.huihang4 { /*background: url("../images/pbg4.jpg") no-repeat center top;*/

}
.huihang5 { background: url("../images/pbg5.jpg") no-repeat center top; }
.huihang6 { /*background: url("../images/pbg6.jpg") no-repeat center top;*/

}


@media screen and (min-width:1220px) and (max-width:1519px) { .huizuo { width: 310px; }
.huiyou { width: 780px; }
.p_box { width: 176px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .huizuo { width: 280px; }
.huiyou { width: 590px; }
.p_box { width: 136px; margin-left: 10px; } }
@media screen and (max-width:999px) { .huihang { background: url("../images/dapbg.jpg") no-repeat center top; background-attachment: fixed; }
.huizuo { width: 100%; margin-bottom: 30px; }
.huiyou { width: 100%; }
.p_box { width: 22%; margin: 0 1%; margin-bottom: 20px; } }
@media screen and (max-width:749px) { .p_box { width: 30%; margin: 0 1%; margin-bottom: 20px; }

	 .huihang { margin-top: 30px; background:#333

    } }
@media screen and (max-width:549px) { .p_box { width: 44%; margin: 0 2%; margin-bottom: 20px; }
.huin { padding-left: 15px; padding-right: 15px; }

   

}
@media screen and (max-width:399px) { .p_box { width: 63%; margin: 0 18%; margin-bottom: 20px; } }
@media screen and (max-width:349px) { .p_box { width: 72%; margin: 0 13%; margin-bottom: 20px; } }




/*********************  faq  ********************/



.faq {
    padding-top: 11px;
}
.freq { font-size: 60px;   font-size: 6rem;   font-family: 'slatew01medium58bd1b9fe5f97';   text-align: center;   padding-bottom: 39px;   background: url("../images/lvxian2.jpg?v=20261023i") no-repeat center bottom;   margin-bottom: 32px; margin-top:58px; }
.here { font-size: 26px;   font-size: 2.6rem;   line-height: 30px;   font-family: 'SlateW01Bk';   padding: 0 200px;   text-align: center;   margin-bottom: 66px; }
.here a,.here span{ color: #d87058; }


.subNav1 { line-height: 36px;   background: url("../images/jia.jpg?v=20261023i") no-repeat left 10px;   padding-left: 30px;   margin-bottom: 33px;   cursor: pointer;   font-size: 30px;   font-size: 3rem;   font-family: 'slatew01medium58bd1b9fe5f97'; }
.subNav1:hover a { color: #d87058; }
.currentDt1 a { color: #d87058; }
.navContent1 { display: none;   padding: 0 43px;   margin-bottom: 45px;   font-size: 24px;   font-size: 2.4rem;   font-family: 'SlateW01Bk'; }
.navContent1 img { width: 90%;   max-width: 380px;   margin-left: 25px; }
.lianxi { font-size: 60px;   font-size: 6rem;   text-align: center;   font-family: 'slatew01medium58bd1b9fe5f97';   margin-bottom: 33px; }
.got { text-align: center;   font-size: 26px;   font-size: 2.6rem;   font-family: 'SlateW01Bk';   margin-bottom: 80px; }
@media screen and (max-width:999px) {
	.freq { margin-top:10px}
.here { padding: 0 20px; } }
@media screen and (max-width:639px) { .freq { font-size: 4rem; } }




/********************************************************/



#tab li p { font-size: 18px;   font-size: 1.8rem;   font-family: 'slatew01medium58bd1b9fe5f97';   margin-top: 9px; }
#tab li { text-align: center;   float: left;   margin-left: 10px;   width: 100px;   margin-bottom: 40px;   cursor: pointer; }
#tab { width: 660px; }


.fang { float: right;   margin-right: 78px;   margin-top: 67px; }
.lei { font-size: 28px;   font-size: 2.8rem;   font-family: 'SlateW01Bk';   margin-bottom: 41px; }
.choose>span { margin-bottom: 25px; }
@media screen and (min-width:1220px) and (max-width:1519px) { #tab { width: 550px; }
.fang { margin-right: 0; width: 520px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { #tab { width: 435px; }
.fang { margin-right: 0; width: 430px; }

    #tab li { margin-left: 5px; margin-bottom: 20px; } }
@media screen and (max-width:999px) { #tab { width: 100%; }

    #tab li { width: 19%; margin: 0; margin-bottom: 10px; }
.fang { margin-right: 0; width: 100%; } }

@media screen and (max-width:700px) { #tab li { width: 22%; margin: 0 1%; margin-bottom: 10px; } }
@media screen and (max-width:639px) { .fang { margin-top: 35px; } }

@media screen and (max-width:500px) { #tab li { width: 30%; margin: 0 1%; margin-bottom: 10px; } }

@media screen and (max-width:360px) { #tab li { width: 47%; margin: 0 1%; margin-bottom: 10px; } }


/*******************  ce  *********************/



.ce { position: fixed;   top: 40%;   right: 0;   width: 71px;   z-index: 9999999; }
.ce li { width: 40px;   height: 40px;   text-align: center;   transition: 0.5s;   padding-left: 0;   float: right; }
.ce li a { display: block;   width: 100%;   height: 100%; }
.ce li:hover { padding-left: 23px; }
.ce li img { margin-top: 10px; }
.ce1 { background: #69d5ed; }
.ce2 { background: #0177b5; }
.ce3 { background: #e8aa9b; }
.ce4 { background: #5281e9; }








/*****************************************************/



body { padding-top: 144px; }
.head2 { position: fixed;   top: 0;   left: 0;   width: 100%;   z-index: 999;   background: url("../images/bodybg.jpg"); }
.head { height: 113px; }
.headn { background: url("../images/bodybg.jpg");   position: fixed;   top: 0;   left: 0;   width: 100%;   z-index: 99999; }
.head3 { position: relative!important; }
.body { padding-top: 0!important; }
.container2 { position: absolute; }
.zscon { position: relative;   overflow: hidden;   display: inline-block;   margin-left: 110px;   border-radius: 25px;
    
    overflow: hidden;   border: 1px solid #a0a0a0;
}
.fu { position: absolute;   bottom: 100%;   left: 0;   width: 100%;   height: 83px;   line-height: 83px;   background: #f5f5f5;   font-family: 'slatew01bold58bd1b651ea74';   font-size: 48px;   font-size: 4.8rem;   transition: 0.5s; }
.zscon:hover .fu { bottom: 39%; }
@media screen and (min-width:1220px) and (max-width:1519px) { .zscon { width: 300px; } }
@media screen and (min-width:1000px) and (max-width:1219px) { .zscon { width: 280px; margin-left: 20px; } }
@media screen and (max-width:999px) { .zscon { width: 31%; margin: 0 1%; } }
@media screen and (max-width:639px) { .zscon { width: 58%; margin: 0 21%; margin-bottom: 30px; } }
@media screen and (max-width:399px) { .zscon { width: 90%; margin: 0 5%; margin-bottom: 30px; } }
.ce .close { background: none;   border: none;   position: absolute;   right: 0px;   top: -12px;   width: 12px;   height: 12px;   background: url(../images/guanbi.jpg) no-repeat;   z-index: 999;   cursor: pointer; }


@media screen and (max-width:999px) { .nav_list>li { padding-bottom: 15px; }

    body { padding-top: 185px; }
    .about2,
    .contact,
    .faq,
    .service3 { padding-top: 40px; }
    .ap { font-size: 2.2rem; line-height: 32px; margin-bottom: 24px; }
.abiaolist .li { font-size: 2.2rem; line-height: 32px; margin-bottom: 20px; max-height: 128px; }
.abiaolist .li.ali3 { margin-bottom: 25px; }
.shangbiao2 { margin-top: 50px; margin-bottom: 50px; }
    .sino { font-size: 5rem; }
.whether { font-size: 2.2rem; margin-bottom: 40px; }
.freq { font-size: 5rem; padding-bottom: 25px; }
.here { font-size: 2.2rem; margin-bottom: 40px; }
.subNav1 { font-size: 2.4rem; }
.req { font-size: 5rem; }
.will { font-size: 2.2rem; margin-bottom: 45px; }
.video .wp { padding-top: 40px; }
.vid { font-size: 5rem; }
.view { font-size: 2.2rem; margin-bottom: 40px; }
.zhengshu .wp { padding-top: 40px; }
.certi { font-size: 5rem; margin-bottom: 40px; }
.certi2 { margin-top: 40px; } }
@media screen and (max-width:639px) { .ce { bottom: 0; top: auto; width: 100%; }
.ce li { width: 25%; }
.dibu { padding-bottom: 80px; }
.headn { position: relative; }
.head2 { position: relative; }

    body { padding-top: 0; }
.nav_list>li { padding-bottom: 10px; }
.container { position: absolute; }
.div2 { margin-bottom: 30px; }
    .zft { font-size: 1.8rem; line-height: 26px; }
.ahang { margin-bottom: 20px; }
    .fu { bottom: 39%; }
    .ap { font-size: 2rem; }
.abiaolist .li { font-size: 2rem; }
    .blogbox { padding-left: 10px; padding-right: 10px; padding-top: 10px; }
.sino { font-size: 4rem; }
.whether { font-size: 2rem; line-height: 26px; margin-top: 16px; margin-bottom: 30px; padding: 0 10px; }
.cz_part { margin-bottom: 15px; }
.xing { margin-bottom: 20px; }
.freq { font-size: 3rem; margin-bottom: 25px; }
.here { font-size: 2rem; line-height: 26px; }
.subNav1 { font-size: 2.2rem; margin-bottom: 24px; }
.lianxi { font-size: 5rem; }
.got { margin-bottom: 30px; }
.here { padding: 0 10px; }
.huip1 { font-size: 3.4rem; }
.huip2 { font-size: 1.6rem; line-height: 26px; }
.baip2 { font-size: 1.6rem; line-height: 26px; }
.baip2 a { height: 104px; }
.p2vm { margin-top: 30px; }
.baip1 { margin-top: 30px; margin-bottom: 20px; }
.baihang { margin-top: 30px; }
.two_btn2 { margin-top: 40px; }
.tp2 { font-size: 2rem; }
.may { margin-top: 50px; padding-bottom: 30px; margin-bottom: 35px; }
.love { font-size: 3rem; margin-bottom: 20px; }
.coxinn { padding-top: 0; }
.whether2 { font-size: 1.8rem; line-height: 26px; }
.req { font-size: 3rem; }
.will { font-size: 2rem; margin-bottom: 25px; }
.view { font-size: 2rem; }
.vid { font-size: 4rem; }
.certi { font-size: 4rem; }
.certi2 { margin-top: 10px; }
.logo img { width: 120px; }
    .img-scroll3 .prev3,
    .img-scroll3 .next3 { display: block; background-size: 60%; }
.img-scroll3 .prev3 { margin-left: 25px; }
.img-scroll3 .next3 { margin-right: 0; }


    .blog1,
    .about2,
    .blog2,
    .contact,
    .product2,
    .product3,
    .service1,
    .video,
    .zhengshu { padding-bottom: 60px; }
.service1 .wp { padding-top: 50px; } }
@media screen and (max-width:479px) { .head2 .logo { padding-top: 20px; }
.guanjian li { width: 50%; } }
@media screen and (max-width:399px) { .wel { font-size: 3rem; } }
@media screen and (max-width:349px) { .guanjian li { width: 100%; } }
.at-resp-share-element .at-icon { width: 24px!important;   height: 24px!important; overflow:hidden}
.at-style-responsive .at-share-btn { padding: 0!important;   border-radius: 2px!important;overflow:hidden}
.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px!important;   height: 24px!important;overflow:hidden}
.at-resp-share-element .at-share-btn { margin-bottom: 0!important;   margin-right: 3px!important;overflow:hidden}
.p123 { float: right !important;overflow:hidden}




/******** xiugai **********/



.mssp { position: relative;   overflow: hidden; }
.spcover { position: absolute;   left: 0;   top: -100%;   width: 100%;   height: 100%; }
.spcover img { width: 99px;   height: 99px;   position: absolute;   left: 50%;   margin-left: -50px;   top: 50%;   margin-top: -50px; }
.videobox:hover .spcover { top: 0; }
@media screen and (max-width:999px) { .spcover { top: 0; }
.spcover img { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; } }
.ptup a { display: block; }
.p_tu { display: block;   overflow: hidden; }
.p_tu img { transition: 0.5s; }
.p_box:hover .p_tu img { transform: scale(1.05); }
.p_box:hover .ptup a { color: #d87058; }
.logo { transition: 0.5s; }
.logo img { max-width: 165px;   transition: 0.5s; }
.nav_list { transition: 0.5s; }
.search { transition: 0.5s; }
.top { position: fixed;   right: 38px;   bottom: -100px;   transition: 1s;   cursor: pointer;   z-index: 9999999999; }

/*.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: -5px; right: 0; display: block; }
.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }
.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }
.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }
.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right;  }
.container .nav > ul { display: none; margin-top: 10px; margin-bottom: 20px; overflow: scroll; }
.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }
.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 > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }
.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 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > li .c-show .c-s1 .c-s2 { }
.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; }
.container .nav > ul > li .c-show .c-s1 .c-s2 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > dl{padding: 20px;}
.container .nav > ul > dl dd{float: left;margin: 0 2px;}
.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #d87058; }
@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }
#outer2 table,.b2p  table{ width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }
#outer2 table tr td,.b2p  table table tr td{ padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }

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



#outer2 table,.b2p table, { width: 800px;}
#outer2 .table,.b2p .table{ overflow:scroll}
}
/***********  lunbo  *************/

#lun2{position: relative;}
.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;display: block;}
.slide .carouse .slideItem{ width:100%;

	position:absolute; }
.slide .console{ height: 57px;   display: inline-block;   width: 35px;   position: absolute;   top: 40%; }
.slide .dotList{ text-align: center;   position: absolute;bottom: 50px;width: 100%;left: 0; }
.slide .dotList ul li{ display: inline-block;   width: 18px;   height: 18px;    margin-left: 13px;   cursor:pointer; }
.slide .dotList ul li.active{  }
.slide .carousel-control{ position: absolute;   top: 50%;   margin-top: -28px;   width: 74px;   height: 74px;   z-index:999; }
.slide .carousel-control.left{ left:8%;

	background-image:url("../images/prev.png");

	cursor:pointer; }
.slide .carousel-control.right{ right:8%;

	background-image:url("../images/next.png");

	cursor:pointer; }


.slide .slidedetail{display:none;}


.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{ width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   padding:1px;   display:none

}
.imgtoVideo .imgtoVideoDetail >div{  background: rgba(0, 98, 197,0.8);

	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);

	 width: 100%;    height: 100%;    text-align:center; }
.imgtoVideo .tovideo .imgtoVideoDetail{ display:block; }
.imgtoVideo .tovideo .imgtoVideoDetail >div{ background: #0C2D47;   width: 60px;   height: 60px;   color: #fff;   line-height: 60px;   vertical-align: middle;   margin: 0 auto;   margin-top: 17%; }
.imgtoVideo .imgtoVideoDetail .fa-search{ color: #fff;   font-size: 25px;   margin-top: 21%; }
.contentIV{ position: fixed;   top: 0;   left: 0;   right:0;   width: 100%;   height: 100%;   display: table;   background: rgba(20, 43, 73,0.8);   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);   margin:0 auto;   z-index:-999;   max-width:1024px;   display:none; }
#picturetoVideo .carouse .slideItem{display:table;height:100%}

#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}

#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{ position: absolute;   top: 10px;   right: 10px;   font-size: 25px;   color: #fff;   font-weight: bold;   cursor:pointer;   z-index: 999; }
@media screen and (max-width:639px) {

.slide .dotList ul li{margin-left: 10px;}
.slide .dotList{bottom: 5px;}
.slide .dotList ul li{width: 10px;height: 10px;border-radius: 5px;overflow: hidden;}
.slide .carousel-control.left,.slide .carousel-control.right{width: 50px;height: 50px;background-size: 100%;} }

#lun2{display: none;}
@media screen and (max-width:999px) {

#lun2{display: block;}
.banner{display: none;} }
.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: -5px; right: 0; display: block; }
.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }
.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }
.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }
.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff ; }
.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top:45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }
.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("fonts/shizi.png") no-repeat center center;  }
.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; margin-right: 50px;}
.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }
.container .nav > ul > li .c-show { display: none; width: 100%; }


.container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;  font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 50px;}
.container .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }


.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2{position: relative; }
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 50px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a  span { font-size: 12px; font-size: 1.2rem; color: #fff; }


.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; 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-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }


.container .nav > ul > dl{padding: 20px;}
.container .nav > ul > dl dd{float: left;margin: 0 2px;}
.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #d87058; }
@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }
.service3 form{padding-bottom: 27px;border-bottom: 1px solid #e0e0e0;}
.service3 .wp{border-bottom: 1px solid #e0e0e0;padding-bottom: 44px;}
.product3 .wp{position: relative;}
.nav-list li{float: left;cursor: pointer;line-height: 61px;font-size: 2.2rem;width: 20%;margin-top: 1px;background: #eeeeee;text-align: center;font-family: 'slatew01medium58bd1b9fe5f97';}
.nav-list li a{color: #353535;display: block;border-left: 3px solid #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.no_border{border: none!important;}
.nav-list li a.active{background: #d87058;color: #fff;}
.nav-list li a:hover{background: #d87058;color: #fff;}
.nav-list{border-top: 1px solid #ececec;}
.kuandu{width: 1394px;}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .kuandu{width: 1094px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .kuandu{width: 874px;}
}
@media screen and (max-width:999px){
    .kuandu{width: auto;}
}
@media screen and (max-width:999px){
    .nav-list li { width: 31%!important; margin: 0 1%!important; margin-bottom: 5px!important; }
}

@media screen and (max-width:639px){
    .nav-list li { width: 49%!important; margin: 0 0.5%!important; margin-bottom: 5px!important; }
}