/****************************公共样式****************************/
html, body,ul,li,h1,h2,h3,h4,h5,h6,p{font-size:14px; font-family: "微软雅黑"; margin:0; padding:0; list-style:none; font-weight: normal}
.fl{float: left;}
.fr{float: right;cursor: pointer;}
a{text-decoration: none;}
li{list-style:none;}
img{border:none;}
em{font-style: normal}
input,img,select{border-style: none; vertical-align: middle;}
select{ outline:none;*vertical-align: top;}
ul,ol{list-style:none;}
img{border:0 none; vertical-align:top}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:""; content:none;}
strong,em,i,b{ font-style:normal; font-weight:normal}
.hd{ position:absolute; left:-9999px; top:-9999px;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix{*+height:1%;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}/*只针对IE6/7 */

.w1200{width: 1200px; margin: 0 auto}
.gray{background: #f6f6f6}
.pd50{padding: 0 50px;}

/* html,body{overflow-x: hidden;} */

/****************************首页****************************/
.wrapper{text-align: center;}
/* img{width: 100%;} */
.topimg{background: url(../images/1.png)top center no-repeat;height: 488px;}
.img4box{background: url(../images/4.png)top center no-repeat;height: 530px;}
.title-imgbox{background: url(../images/title-img.png)top center no-repeat;height: 81px;margin-top: 116px;margin-bottom: 54px;}
.img10{background: url(../images/10.png)top center no-repeat;height: 480px;}

.img2{width: 335px;margin-top: 99px;}
.img4{margin-top: 64px;}
.img5{width: 1199px;margin-top: 90px;}
.img6{width: 1183px;margin-bottom: 80px;}
.img7{width: 1148px;margin-bottom: 60px;}
.img8{width: 1141px;margin-bottom: 26px;}
.img9{width: 1045px;}
/* .title-img{width: 400px;margin-top: 116px;margin-bottom: 54px;} */
.img10{width: 100%;}
/*banner*/

.txt_info{ background: url(img/bannerimg2.png) no-repeat;}
.hd{ position:absolute; left:-9999em;}
.header{ background:#fafafa; height:70px;min-width:1100px; overflow:hidden; position:relative; z-index:15;}
.logo{ width:160px; height:46px; margin-top:10px; float:left;}
.logo a{ display:block; width:160px; height:46px;}
.top_nav{ position:absolute; top:0; right:0; font-size:14px; height:70px; line-height:66px; color:#666;}
.top_nav a{ float:left; color:#666; padding:0 10px; height:66px; border-top:#fafafa solid 4px; line-height:66px;}
.top_nav a:hover{ border-top:#347be6 solid 4px; text-decoration:none;}
.top_nav .sina_ico{ background-position:-177px -8px; width:22px; height:18px; display:inline-block; vertical-align:-3px; *vertical-align:-20px; overflow:hidden;}
.top_nav .sina:hover{ border-top:#347be6 solid 4px;}
.top_nav .sina:hover .sina_ico{ background-position:-177px -29px;}
.wp{ width:100%; margin:0 auto; position:relative;}

.content{ position:relative;zoom:1;}
.content .main{ width:1100px; margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-966px; margin-top:-205px;}
.bgs_box{ opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{ opacity:1; filter:alpha(opacity=100); -webkit-filter:alpha(opacity=100); }
.img_area .s_img .img2{width: 439px;margin:0 auto;margin-top: 99px;}
.img_area .s_img .img3{width: 1230px;height: 329px;margin-bottom:40px;}

.item_txt_box{ width:190px; height:209px; position:absolute; top:98px; left:1258px;}
.item_txt{width:190px; height:209px; position:absolute;  left:-9999px;}
.item_txt_box .on{ left:0;}
.detail{ color:#fff; font-size:12px; line-height:20px; position:absolute; left:5px; bottom:0;overflow:hidden;}
.detail ul{ height:80px; overflow:hidden;}
.detail ul li, .detail p{opacity:0.7;filter:alpha(opacity=70); width:362px; height:20px; overflow:hidden;}
.download_btn{ background: url(img/xiazai.png) no-repeat;  display:block;width: 305px; height: 97px; padding-left:120px; margin:0px 0 36px 90px;}

.chk_link{ color:#fff; text-decoration:none;}

/* .bgs_box .wp{ position:absolute; left:50%; margin-left:-372px; top:90%; margin-top:-381px; height:auto!important; z-index:0!important; } */

/* .bgs_1{ background:url(img/bg1.png) no-repeat center top ;/* background-size:100% 100%;*/height: 370px;} */
/* .bgs_1 .s_img{ background:url(img/bannerimg1.png) no-repeat; width:887px; height:257px; } */
.item_txt_1 .txt_info{ background-position:0 0; width:190px; height:209px;}


.item_img_css3{
    -webkit-animation:img_item .8s ease-out;
    animation:img_item .8s ease-out;
}

@-webkit-keyframes img_item{
    0%{-webkit-transform:translateX(-100px); opacity:0}
    100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item{
    0%{transform:translateX(-100px);opacity:0}
    100%{transform:translateX(0); opacity:1}
}

.item_img_css3 .shadow01{
    -webkit-animation:img_item01 .8s ease-out;
    animation:img_item01 .8s ease-out;
}

@-webkit-keyframes img_item01{
    0%{-webkit-transform:translateX(200px); opacity:0}
    100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item01{
    0%{transform:translateX(200px);opacity:0}
    100%{transform:translateX(0); opacity:1}
}

.item_txt_css3{
    -webkit-animation:txt_item .8s ease-out;
    animation:txt_item .8s ease-out;
}
@-webkit-keyframes txt_item{
    0%{-webkit-transform:translateX(100px); opacity:0}
    100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes txt_item{
    0%{transform:translateX(100px);opacity:0}
    100%{transform:translateX(0); opacity:1}
}

.logo1{width:1200px; margin: 0 auto;position:relative;z-index: 99999;}
.logo1 img{margin-left: 70px;}
#content{ min-height: 370px!important;}



.main{width: 1200px;margin: 0 auto;}
.main img{max-width: 100%;height: auto;}
.title i{display: inline-block;width: 33px;height: 31px;background: url(../images/xing.png) no-repeat;vertical-align: middle;}
.title span{color: #FFF895;font-size: 18px;vertical-align: middle;line-height: 31px;display: inline-block;padding-left: 10px;}
.productbox{margin-top: 20px;}
.titlemt{margin-top: 30px;}
.quanyi{font-size: 30px;color: #FFF895;text-align: center;line-height: 40px;margin-top: 40px;margin-left: -70px;}

.jiaobu{background: url(../images/dibu.png) no-repeat;height: 370px;background-position:-221px 20px;}