@charset "utf-8";



*{margin: -2px;padding: 0;}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,filedset,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-family:"Microsoft YaHei","微软雅黑",Verdana,"宋体",Arial,helvetica,sans-serif !important}



table{border-collapse:collapse;border-spacing:0;}



fieldset,img{



    border: 0;



    text-align: center;



}



address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}



ol,li{list-style:none}



caption,th{text-align:left}



h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



q:before,q:afer{content:''}



abbr,acronym{border:0}



a{text-decoration: none;}



.clearfix {  *zoom: 1; }



.clearfix:before,



.clearfix:after{display:table;line-height:0;content:"";}



.clearfix:after{clear:both;}



.hide{background: rgba(255,255,255,0.5);}



.xc_cont{ max-width:1920px; margin:0 auto}



.xc_product{ max-width:1920px; margin:0 auto;height:920px;overflow:hidden;background:url(../images/background_2.png) 0 0 no-repeat;}



.top{ height:120px; background:#fff}



.xc_main{ width:1000px; margin:0 auto;}
.head-top{text-align: center;}
.page_list{height:38px;}



.logo{ width:275px; height:50px; float:left; margin-top:15px; float:left}

.logo a img{height:95px;}



.logo_b{ width:275px; height:50px; float:left; margin-top:25px; float:left}

.logo_b a img{height:95px;}

.top1{ width:460px;  float:left; margin-top:10px; float:left; margin-left:72px}

.top1 img{height:100px;}

.wid-1001{width:1001px;margin:0 auto; }



.nav{ height:58px; background: #82d7d0;}



.nav a{ display: inline-block; width:120px; height:58px; text-align:center; line-height:58px; font-size:16px; color:#fff; transition:w 0.7s;-moz-transition: 0.7s; /* Firefox 4 */-webkit-transition: 0.7s; /* Safari and Chrome */-o-transition: 0.7s; /* Opera */}



.nav a:hover{ width:150px; background:#42A2C3; margin-top:0.1px;}







.banner{ height:658px; position:relative}



.b_jm{ height:52px; background:#82d7d0; position:absolute; bottom:0; left:50%; margin-left:-500px; font-size:16px;}



.b_jm dt{ display:block; width:167px; height:52px; background: url(../images/in01.png) no-repeat 20px #929292; float:left; line-height:52px; color:#fff; text-align:center;}



.b_jm dd{ display:block; width:140px; height:40px; margin:6px 0; float:left; line-height:40px; text-align:center; border-right:1px solid #fff}



.b_jm dd a{ color:#fff}



.b_jm dd a:hover{ text-decoration:underline}







/*.xc_new{ height:370px; background:url(../images/innewbg.jpg)}*/

.xc_new{ height:370px; background:url(../images/background_2.png) no-repeat;}

.xc_new .news{ height:350px; background:#fff}



.n_l{ width:430px; height:310px; float:left; margin:20px}



.n_l img{ display:block; width:430px; height:260px; float:left}



.n_l .new_tt{ display:block; width:390px; height:50px; float:left; background:#82d7d0; text-align:center; overflow:hidden; line-height:50px; color:#fff; font-size:16px; padding:0 20px;}



.n_l a:hover{ color:#929292; text-decoration:underline}



.n_r{ width:510px; height:310px; float:left; margin:20px 0}



.new_bt{ width:470px; padding:0 20px; background:#82d7d0; height:60px; line-height:60px; font-size:14px; color:#ccc}



.new_bt font{ font-size:16px; color:#929292; margin-right:15px}



.new_bt font a{color:#fff;font-size:16px;float:left;}



.new_bt a{ float:right; }



.new_l{ width:510px; height:250px; overflow:hidden}



.new_l li{ display:block; width:510px; height:49px; border-top:1px solid #666;line-height:49px; font-size:14px; background: url(../images/jt01.png) no-repeat  480px 20px; background-color:#eee}



.new_l li:hover{ background:url(../images/jt02.png)  no-repeat  480px 20px; background-color:#c5e7d7}



.new_l li:hover font{ color:#fff}



.new_l li:hover a{ color:#fff}



.new_l a:hover{ text-decoration:underline}



.new_l li font{ color:#999; margin:0 20px}



.new_l li a{ color:#333}







.xc_about{ height:638px; background:url(../images/background_2.png) no-repeat 0 -370px;}



.xc_about .hz{ height:190px; width:960px; float:left; padding:30px 20px; float:left;background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;}



.xc_about .hz img{ margin-right:64px;}



.xc_about .about{ width:570px; padding:10px 400px 10px 30px; height:350px; float:left;background: rgba(255, 255, 255, 0.9) url(../images/img_10.png) no-repeat 610px 10px; /*background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;*/}



.xc_about .about h3{ font-size:16px; color:#000; font-weight:bold; padding-left:10px; border-left:2px solid #929292; line-height:30px}



.about a{color:#929292;}

.about .more{color:#929292;}

.I_T a{color:#000;}

.xc_about .about p{ font-size:14px; line-height:32px; color:#333; text-indent:2em}



.xc_about .about p a{ color:#929292}



.hz a img:hover{transform:rotate(9deg);



    -ms-transform:rotate(9deg); /* Internet Explorer */



    -moz-transform:rotate(9deg); /* Firefox */



    -webkit-transform:rotate(9deg); /* Safari 和 Chrome */



    -o-transform:rotate(9deg); /* Opera */;transition: all 2s; -webkit-transition: all 2s;-o-transition: all 2s;opacity: 1;z-index: 1;}







.xc_cp{ height:340px; background: url(../images/incpbg.jpg)}



.cp_bt{ height:80px; border-bottom:1px solid #6e981c; line-height:80px; color:#597b15; font-size:14px;}



.cp_bt font{ font-size:16px; color:#333; margin:0 10px 0 30px; padding-left:10px; border-left:2px solid #333}



.marqueeleft{height:220px;overflow:hidden; margin-top:20px}



.marqueeleft ul{float:left;}



.marqueeleft li{float:left;margin:0 20px 0 0;display:inline;height:220px;overflow:hidden; }



.marqueeleft li img{ border:1px solid #83ad33}



.fl {

    float:left;}

.fr {

    float:right;}

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



.I_main4 {

    height:735px;

    /*background:url(../images/I_main1_banner4.jpg) 50% 0 no-repeat fixed;*/



    position:relative;

    overflow:hidden;



}



.I_main4 .I_T {

    font-size:16px; color:#fff; font-weight:bold; padding-left:10px; border-left:2px solid #929292; line-height:30px;margin-left:30px;



}

.wmain {

    width:1000px;

    margin:0 auto;}

.I_main4  .tag_T {

    height:150px;

    position:absolute;

    bottom:40px;

    left:50%;

    width:1000px;

    margin-left:-408px;

    text-align:left;

}

.I_main4  .tag_T  ul li {

    float:left;

    width:110px;

    text-align:center;

}

.I_main4  .tag_T  ul li.ahover {

    margin-top:-30px;

}

.I_main4 .tag_C {

    margin-left:180px;

    display:none;

}

.I_main4 .tag_C  .my_img {

    margin:20px 0 0 0;

    width:340px;

    text-align:center;

}

.I_main4 .tag_C  .my_word {

    margin:100px 0 0 0;

    width:480px;

    color:#fff;

}

.I_main4 .tag_C  .my_word  h4  a {

    font-size:46px;

    line-height:60px;

    font-weight:normal;

    color:#fff;

}



.I_main4 .tag_C  .my_word  h4  a :hover {

    color:#fff;

}

.I_main4 .tag_C  .my_word  .en_title {

    color:#e6b943;

    font-size:23px;

    line-height:30px;

    margin:5px 0 0 0;

}

.I_main4 .tag_C  .my_word  .info {

    width:390px;

    line-height:36px;

    font-size:20px;

    margin:40px 0 0 0;

}

.I_main4 .tag_C  .my_word  .my_star {

    margin:30px 0 0 0;

}











.xc_link{ height:40px; background:#82d7d0;}



.link_bt{line-height:40px; color:#fff; font-size:14px;}



.link_bt font{ font-size:16px; color:#fff; margin:0 10px 0 30px; padding-left:10px; border-left:2px solid #929292}



.link_bt a{ color:#ccc; border-left:1px solid #666; padding-left:10px; margin-left:10px}







.foot{ height:120px; background:#fff}



.f_r{ width:680px; height:70px; float:right; margin-top:25px; text-align:right; line-height:35px; font-size:14px; color:#666}



.f_r a{ color:#666; border-right:1px solid #ccc; padding:0 10px}



.f_r a:hover{ text-decoration:underline}







.flexslider {position: relative;width: 100%;height:515px;overflow: hidden;zoom: 1;}



.flexslider .slides li {width: 100%;height: 100%;}



.flex-direction-nav a {width:45px;height:90px;overflow: hidden;margin: -45px 40px 0 40px;display: block;position: absolute;top:250px;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;background-image: url(../images/ad_ctr.png);background-repeat: no-repeat; line-height:99em }



.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}



.flex-direction-nav .flex-prev {left: 0;}



.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}



.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}



.flexslider:hover .flex-next:hover,



.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}



.flex-control-nav {width:100%;position: absolute;bottom: 10px;text-align: center;}



.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}



.flex-control-paging li a {display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;background-image: url(../images/dot.png);background-repeat: no-repeat;background-position: 0 -16px;}



.flex-control-paging li a.flex-active,



.flex-control-paging li.active a {background-position: 0 0;}



.flexslider .slides a img {width: 100%;height:515px;display: block;}



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



.list{ background:url(../images/innewbg.jpg)}

.list{  background:url(../images/background_2.png) no-repeat center;}



.list_bt{ height:80px;}



.bt_l{ width:140px;height:60px; float:left; margin-top:20px; background:url(../images/listbt.png) no-repeat left #82d7d0; padding-left:60px; line-height:60px; text-align:center; color:#fff; font-size:16px;}



.bt_r{  height:40px; float: right; margin-top:40px;  line-height:40px; text-align:right; font-size:14px; color:#fff; padding-right:20px; padding-left:50px; background: url(../images/listbt2.jpg) no-repeat  10px  #929292}



.bt_r a{ font-size:14px; margin:0 10px;color:#fff}



.bt_r a:hover{ text-decoration:underline; color:#333}



.list_in li{ display:block; width:1000px; height:78px; border-bottom:1px solid #ccc; background:#fff; padding:11px 0}



.list_in .date{ width:150px; height:78px; border-right:1px solid #eee; line-height:78px; text-align:center; color:#929292; font-size:30px; font-weight:100; float:left}



.list_in .newin{ width:640px; margin-left:40px; height:78px; float:left}



.list_in .newin a{ font-size:16px; font-weight:bold; color:#000; line-height:28px;}



.list_in .newin p{ font-size:14px; color:#999; line-height:26px;}



.list_in .newmore{ width:80px; height:30px; float:left; margin:25px 0 0 40px; background:#929292; text-align:center; color:#fff; line-height:30px; font-size:14px;}



.list_in .newmore:hover{ background:#333;}



.page{ height:50px; margin:20px auto 0; text-align:center; line-height:50px; width:300px; padding-bottom:20px}



.page a{ width:50px; height:50px; display:block; float: left; background:#333; color:#fff}



.page a:hover{ background:#929292}



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



.list_nr{ background:#fff;padding-top:20px; overflow:hidden}



.nr_bt{ border-bottom:1px solid #eee}



.nr_zw{ border-bottom: 1px solid #eee;padding: 0 20px 10px;width: 75%;margin: 0 auto;text-align: center;line-height: 28px;}



.list_nr h1{ font-size:24px; font-weight:bold; color:#000; text-align:center;  line-height:40px;}



.list_nr center{ font-size:12px; color:#999; line-height:40px; }



.list_nr hr{ border:0; margin:0; padding:0; border-bottom:1px solid #ccc}



.list_nr p{ text-indent:2em; font-size:14px; line-height:40px; color:#333; margin:10px 0}



.list_nr img{ display:block; margin:10px auto}



.list_pro ul li{float:left;

    width:33%;

    text-align:center;

    margin-top:30px;}

.bdsharebuttonbox{ margin-left:20px}



.hot_nr{ padding:30px 20px; overflow:hidden; border-bottom:2px solid #eee; background:#fff; width:960px}



.xg_new{ width:480px;height:120px; float:left; line-height:40px;}



.xg_new dt{ font-size:16px; font-weight:bold; color:#000}



.xg_new a,.xg_new dd{ color:#786e6e; font-size:14px;padding-left: 5px;}



.hot_new{ width:480px; height:120px; float:left; line-height:40px;}







.hot_new dt{ font-size:16px; font-weight:bold; color:#000}



.hot_new dd{ display:block; width:48%; float:left; overflow:hidden;padding-left: 5px;}



.hot_new a,.hot_new dd{ color:#786e6e; font-size:14px;}



.hot_nr a:hover{ text-decoration:underline}







/**************************nr****************************************/



.message{ height:610px; width:998px; border:1px solid #ccc; margin-top:130px; margin-bottom:30px; position:relative}



.message_t{ width:540px; height:180px; position:absolute; top:-70px; left:50%; margin-left:-270px}



.message_t dl{ display:block; width:180px; height:180px; float:left;text-align:center; color:#666; cursor:pointer }



.message_t dl:hover dt{ background:url(../images/mon.png) no-repeat top; padding-top:15px}



.message_t dl:hover dd{ color:#d41519}



.message_t dt{ display:block; width:180px; height:120px; background:url(../images/mot.png) no-repeat 0 3px; color:#fff; font-size:28px; line-height:40px; font-weight:bold; padding-top:18px}



.message_t dd{ display:block; width:180px; height:30px;  color:#666; font-size:14px; line-height:30px;}



.message_in{ height:476px; padding-top:20px; background:#fff; border-bottom:2px solid #eee }



.m1{ background:}



.message_in dl{ text-align:center; display:block; width:100%; height:80px; float:left}



.message_in dt{ font-size:24px; color:#000; font-weight:bold; line-height:40px}



.message_in dd{ font-size:14px; color:#666;  line-height:40px}



.message_n{ width:680px; float:left; margin-left:160px}



.n_1{ width:680px; height:50px; float:left}



.n_1 input{ display:block; border:0; border:1px solid #ccc; height:36px; width:300px; text-indent:1em}



.n_1 p{ display:block; float:left; line-height:38px; margin-right:10px}



.n_2{ width:680px; float:left}



.n_2 p{ display:block; float:left; line-height:38px; margin-right:10px}



.n_2 textarea{ display:block; border:0; border:1px solid #ccc; height:155px; width:540px;  padding:1em}



.button{ display:block; border:0; width:120px; height:40px;  background: url(../images/tj.jpg); cursor:pointer; float:left; margin-left:102px; margin-top:10px}



/*************************message***************************************/







.cp_in{ background:#fff; overflow:hidden}



.cp_in li{ display:block; margin:20px; width:290px; height:330px; background:#eee; float:left}



.cp_in li a{ line-height:40px;  color:#333; font-size:14px;}



.cp_in li a:hover{ text-decoration:underline}















/*CSS pageinfo style pagination*/







.pageinfo {



    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center



}



.pageinfo A {



    PADDING-RIGHT: 5px;  PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #000099; PADDING-TOP: 2px; TEXT-DECORATION: none



}



.pageinfo A:hover {



    background:#999999;COLOR: #fff;



}



.pageinfo A:active {



    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid



}



.pageinfo SPAN.thisclass {



    BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099



}



.pageinfo SPAN.disabled {



    BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid



}



.pageli{color:#000;width: 50%;margin: 0 auto;height: 30px;}

.pageli li{float: left;  }

.pageli a{color:#000;}



/*product show start*/

.colum_3{

    position:relative;



}

.colum_3 .content{

    width:1100px;

    position: absolute;

    left:50%;

    top:0;

    margin-left:-550px;

}

.colum_3 .current{color:white;}

.text_box{

    position:absolute;

    left:396px;

    top:300px;

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

    height:311px;

    width:216px;

}

.text_box p{

    font-size:20px;

    width:20px;

    color:white;

    float:right;

    font-family:"方正兰亭黑简�?;

    line-height:21px;

    margin-top:40px;

}

.text_box1{

    position:absolute;

    right:270px;

    top:180px;

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

    height:311px;

    width:216px;

}

.text_box1 p{

    font-size:20px;

    width:20px;

    color:white;

    float:right;

    font-family:"方正兰亭黑简�?;

    line-height:21px;

    margin-top:40px;

}

.img_left{

    position:absolute;

    left:40px;

    top:300px;

    z-index:1;

}

.img_right{

    position:absolute;

    right:40px;

    top:180px;

    z-index:1;

}

.imgbox_2{

    position:absolute;

    bottom:-830px;

    left:50%;

    margin-left:-550px;

    width:1100px;

    height:170px;

    overflow:hidden;

}

.arrow_left,.arrow_right{

    width:40px;

    height:80px;

    position:absolute;

    z-index:999;

    top:50%;margin-top:-40px;

}

.arrow_left{

    left:0;

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

}

.arrow_right{

    right:0;

    background-image:url(../images/669671161614454e94b0260a13a1cd77.gif);

}

.imgbox_2 img{

    float:left;

    margin-right:12px;

}

.imgbox_2 .current{

    margin-left:0;

}

.title_1 {

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

    position: absolute;

    top: 50px;

    left: 50px;

    text-align: center;

    height: 208px;

    width: 245px;

    color: white;

    line-height: 60px;

    font-size: 50px;

    font-family: "寰蒋闆呴粦";

}

/*product show end*/

.list_pro li img{width:310px;height:465px;}

.list_pro a p{color:#929292;}


/*1*/
.hz ul li{float: left;width: 16.6666%;text-align: center;}
.hz ul li div{
    padding-top: 36px;
    width: 136px;
    height: 136px;
    border: 2px solid #69afde;
    border-right-color: rgb(105, 175, 222);
    border-bottom-color: rgb(105, 175, 222);
    border-right-color: #1ad280;
    border-bottom-color: #1ad280;
    border-radius: 50%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    display: inline-block;
    color: #777;
    box-sizing: border-box;
    text-align: center;
}
.hz ul li div:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    padding-top: 20px;
}
.hz ul li .f1:hover {
    background: url(../images/o1.png);
}
.hz ul li .f2:hover {
    background: url(../images/o2.png);
}
.hz ul li .f3:hover {
    background: url(../images/o3.png);
}
.hz ul li .f4:hover {
    background: url(../images/o4.png);
}
.hz ul li .f5:hover {
    background: url(../images/o5.png);
}
.hz ul li .f6:hover {
    background: url(../images/o6.png);
}
/*1end*/

.list_store li{float: left;width: 48%;margin: 30px 1% 0;text-align: center;}
.list_store li a p{color: #929292}
.list_store li a img{width: 100%;height: 300px;}