/* Hides from IE-mac \*/
html{color:#333;background:#fff;overflow:auto;overflow-y:scroll;height:100%; font-size:14px; font-family:microsoft yahei;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
br{letter-spacing:0px;}
a{text-decoration:none;}
a img { border: none; }
.clear{ clear:both;}
.wrap{width: 1200px;margin:0 auto; overflow: hidden;}
/*header*/
.h-hd{width: 100%;height:35px;background: #2e2e2e;overflow: hidden;}
.h-hd h1{color: #ffffff;font-size: 14px;float: left;width: 600px;line-height: 35px;text-indent: 17px;}
.h-hd p{float: right;text-align: right;width: 254px;height: 34px;}
.h-hd p a{width: 80px;float: right;text-align: center;border-right:solid 1px #414045;color: #a6a6a7;line-height: 35px;}
.h-hd p a{width: 107px;float: right;text-align: center;display: block;height: 35px;}
.h-hd p a:hover{color: #098c46}
.h-logo{width:660px;height: 126px;float: left;background: url(../Image/logo.jpg) left top no-repeat; }
.h-right{width: 538px;height: 126px;float: right;background: url(../Image/h-right.jpg);}
.h-right h1{width: 225px;float: left;margin:60px 0 0 30px;color: #24ad74;font-size: 31px;font-weight: bold;font-family: Impact;}
.h-right h2{font-size: 14px;color: #7b7b7b;width: 230px;float: right;margin:65px 37px 0 0;text-align: right;}
/*nav*/
.nav{width: 100%;overflow: hidden;border-top:solid 1px #efefef;height: 50px;}
.nav ul li{width: 132px;float: left;border-right:solid 1px #efefef;}
.nav ul li a{width: 100%;display: block;height:50px;float: left;line-height: 50px;text-align: center;color: #595959;font-size: 16px; }
.nav ul li a:hover{background: #24ad74;color: #ffffff;}
/*banner*/
.banner{ width:100%; height:512px; overflow:hidden;}
#solid{width:100%;height:512px;clear:both;margin-top:0px;position:relative;margin:0 auto;overflow:hidden;}
#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;width:100%;height:512px;display:none;}
#solid ul{margin:0px;padding:0px;list-style:none;	}
#solid ul li{position:absolute;top:0px;width:100%;height:512px;display:none;cursor:pointer;}
#solid #btt{width:100%;margin:0 auto;top:470px;position:relative;}
#solid #btt span{position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;margin:0 15px;	text-align:center;background:#3d3d3d;z-index:1000cursor:pointer;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/}
/*m-pro*/
.m-pro{width: 1200px;margin: 0 auto;background: #ffffff;overflow: hidden;}
.m-pro-left{width: 286px;float: left;margin: 32px 0 0 0px; }
.m-pro-right{width: 887px;float: right;margin-top: 30px;}
.m-pro-hd{width: 100%;height: 320px;overflow: hidden;border-bottom: solid 1px #cccccc;}
.m-pro-hd .hd{width: 100%;height: 40px;background: #e5e5e5;overflow: hidden;}
.m-pro-hd .hd h1{width: 105px;float: left;height: 40px;background: #098c46;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;}
.m-pro-hd .hd a{width: 80px;text-align: center;line-height: 40px;color: #616161;font-size: 12px;display: block;float: right;}
.m-pro-hd .bd{width:100%;overflow: hidden; height: 260px;margin-top: 13px;}
.m-pro-hd .bd .left{width: 320px;height: 240px;padding:3px;border:solid 1px #efefef;text-align: center;box-shadow: 5px 5px 5px #888888;float: left;}
.m-pro-hd .bd .left img{max-width: 320px;height: 240px;}
.m-pro-hd .bd .right{width: 525px;float: right;}
.m-pro-hd .bd .right h1{width: 100%;height: 45px;border-bottom: solid 1px #cccccc;font-size: 16px;color: #757575;line-height: 45px;float: left;margin-top: 15px;}
.m-pro-hd .bd .right h1 span{color: #098c46;}
.m-pro-hd .bd .right p{width: 100%;font-size:14px;line-height: 26px;color: #848484; float: left;margin-top: 8px;}
.m-pro-hd .bd .right p span{color: #848484;}
.m-pro-hd .bd .right .btn1,.m-pro-hd .bd .right .btn2{width: 119px;height: 41px;background: url(../Image/m-pro-bg1.jpg);color: #ffffff;text-align: center;line-height: 41px;margin: 55px 20px 0 0px;float: left;}
.m-pro-hd .bd .right .btn1:hover,.m-pro-hd .bd .right .btn2:hover{background: url(../Image/m-pro-bg2.jpg);}
.picScroll-top{ width: 100%; height: 100%; }
.picScroll-top .bd{height: 100%;}
.picScroll-top .bd ul{height: 100%; }
.picScroll-top .bd ul li{width: 100%; height: 260px; margin-top:5px;float: left}
.picScroll-top .bd ul li a{width: 281px; height: 240px; margin: 5px 6px; display: block;float: left; text-align: center; line-height: 150%;  color: #6c6c6c;border:solid 1px #efefef;}
.picScroll-top .bd ul li a img{ max-width: 275px; height: 206px;padding: 2px;}
.picScroll-top .bd ul li a:hover{ color: #ffffff;background: #12904d;}

/*sidebar*/
/*.sidebar{width: 286px;float: left;}
.s-bt{width: 100%;height: 73px;background: url(../Image/s-bt.jpg);}
.s-con{width: 100%;float: left;background: #e9e9e9;}

.sideMenu{  width: 240px;margin: 25px 23px;overflow: hidden;}
.sideMenu h3{ height: 33px;background:url(../Image/s-item-bg.jpg);line-height: 33px; padding-left: 40px; margin: 15px 0;font-size: 16px;color: #454545;}
.sideMenu h3:hover{color: #ffa801}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../Image/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:0px 0px 0 25px; color:#999; display:none; }
.sideMenu ul li{line-height: 33px; padding-left: 15px; margin: 15px 0;background: #ffffff;}
.sideMenu ul li:hover{color: #ffa801}
.sideMenu ul li a{color: #454545;}
.sideMenu ul li a:hover{color: #ffa801}
.s-contact{width: 100%;float: left;background:url(../Image/s-contact-bg.jpg)#098c46 no-repeat ;padding-bottom:20px;}
.s-contact p{line-height: 23px;color: #ffffff;margin: 78px 0 0 22px;}
.s-contact p a{color: #ffffff;}
.s-contact p a:hover{color: #ffa801;}*/
/*sidebar*/
.sidebar{width: 286px;float: left;}
.s-bt{width: 100%;height: 73px;background: url(../Image/s-bt.jpg);}
.s-con{width: 100%;float: left;background: #e9e9e9;}
.s-con ul{width: 240px;margin: 25px 23px;}
.s-con ul li{width: 182px;height: 33px;background:url(../Image/s-item-bg.jpg);line-height: 33px; padding-left: 56px; margin: 15px 0}
.s-con ul li a{color: #098c46;}
.s-con ul li:hover a{color: #ffa801}
.s-contact{width: 100%;float: left;background:url(../Image/s-contact-bg.jpg)#098c46 no-repeat ;height: 136px;}
.s-contact p{line-height: 23px;color: #ffffff;margin: 78px 0 0 22px;}
.s-contact p a{color: #ffffff;}
.s-contact p a:hover{color: #ffa801;}

/*m-youshi*/
.m-youshi{width: 100%;height: 905px;background: url(../Image/m-youshi-bg.jpg) center;overflow: hidden;margin-top: 20px;}
.m-youshi-hd{width: 100%;float: left;overflow: hidden;height: 200px;background: url(../Image/youshi-hd.png) top center no-repeat;margin-top: 30px;}
.m-youshi-hd h1{width: 600px;height: 45px;border-radius: 50px;background: #606060;text-align: center;line-height: 45px;color: #ffffff;font-size: 21px;margin:77px auto 0;}
.m-youshi-hd h2{width: 350px;text-align: center;font-size: 18px;color: #373737;margin:5px auto 0;display: block;line-height: 40px;}
.m-youshi-hd h2 span{color: #24ad74;font-size: 31px;font-weight: bold;overflow: hidden;float: right;}
.m-youshi-bd{width: 100%;overflow: hidden;padding-top: 55px;float: left;}
.m-youshi-bd ul li{width: 271px;float: left;height: 585px;margin-right: 35px;cursor: pointer;transition:all .5s;}
.m-youshi-bd ul li:hover{margin-top: -25px;}
/*m-com*/
.com-hd{width: 100%;height: 270px;background: url(../Image/m-com-hd.jpg) top center no-repeat;}
.com-hd img{width: 170px;height: 170px;float: left;margin:16px 0 0 740px;}
.com-bd{margin-top: -55px;}
.m-com-left{float: left;width: 365px;height: 295px;background: url(../Image/vedio-bg.jpg);}
.vedio{width: 348px;height: 271px;float: left;}
.vedio img{width: 348px;height: 271px;}
.m-com-right{width: 810px;float: right;}
.m-com-right .hd{width: 100%;overflow: hidden;margin-top: 26px;}
.m-com-right .hd .left{width: 440px;float: left;}
.m-com-right .hd .left h1{font-size: 26px;color: #0aaa3b;font-weight: 700;}
.m-com-right .hd .left h1 span{color: #bf1622;}
.m-com-right .hd .left h2{color: #6d6d6d;font-size: 16px;margin-top: 4px;}
.m-com-right .hd .right img{margin:0 5px; }
.m-com-right .hd .right img:hover{transform: rotateY(360deg);transition:transform 2s;}
.m-com-right p{line-height: 27px;color: #5d5d5d;margin-top: 25px;font-size:16px;}
.m-com-right a{width: 100px;height: 40px;display: block;background: #bf1622;color: #ffffff;text-align: center;line-height: 40px;border-radius: 5px;margin-top: 20px;}
.m-com-right a:hover{background: #16a65e;font-weight: 700;}

/*m-news*/
.m-news{width: 790px;float: left;overflow: hidden;height: 331px;margin: 22px 0 30px;}
.m-news-hd{width: 790px;height: 40px;background: url(../Image/news-bt.jpg) no-repeat;}
.m-news-hd a{width: 60px;height: 40px;display: block;float: right;}
.m-news-bd li{width: 788px;border:solid 1px #cecece;margin-top: 12px;height: 83px;float: left;}
.m-news-bd li .left{width: 70px;height: 73px;background: #929292;color: #ffffff;text-align: center;font-size: 30px;float: left;padding-top: 10px;}
.m-news-bd li .left span{width: 70px;float: left;font-size: 14px;text-align: center;}
.m-news-bd li .right{width: 700px;height: 81px;float: right;}
.m-news-bd li .right h1{width: 700px;margin:10px 0 5px; color: #4d4d4d;float: left;display: block;height: 20px;font-size: 16px;}
.m-news-bd li .right p{font-size: 12px;color: #aaa9a9;width: 685px;padding-right: 15px;line-height: 19px;}
.m-news-bd li:hover .left{background: #bf1622;}
.m-news-bd li:hover .right h1{color:#ffffff;font-weight: 700;}
.m-news-bd li:hover .right p{color: #ffffff;}
.m-news-bd li:hover{background-color: #0aaa3b;transition:background-color 1s;}

/*m-case*/
.m-case{width: 375px;float: right;overflow: hidden;height: 330px;margin: 24px 0 30px 0;}
.m-case-hd{width: 375px;height: 40px;background: url(../Image/case-bt.jpg) no-repeat;}
.m-case-hd a{width: 60px;height: 40px;display: block;float: right;}
.m-case-bd{width: 375px;height: 280px;overflow: hidden;margin-top: 9px;}

/*m-contact*/
.m-contact{width: 100%;height: 370px; background: url(../Image/contact-bj.jpg) no-repeat top center; overflow: hidden;}
.m-contact .box{ width: 1200px; height: 270px; margin: 0 auto; padding-top: 100px;}
.m-contact .box .left{ width: 27%;height: 98%; background-color: #ffa801;float: left;padding:2% 0% 0 2%;}
.m-contact .box .right{ width:66%;height: 98%;background-color: #0aaa3b;float: left;padding:2% 0% 0 2%;}
.m-contact .box h2{ color: #fff; line-height: 50px; font-size: 18px;}
.m-contact .box .left h2 img{padding:10px;float: left;}

.m-contact .box .left p{ line-height: 26px; color: #fff; float: left;padding-top: 10px;}
.m-contact .box .left p a{color: #ffffff;}
.m-contact .box .left p a:hover{color: #0aaa3b;}
.m-contact .box .right a{ color: #fff; float: right;font-size: 18px;padding-right: 20px;}
.m-contact .box .right .input1{width: 240px;float: left;height: 40px;background: #068e2f;color: #ffffff;line-height: 40px; margin-right: 5px;border: none;padding-left: 13px;}
.m-contact .box .right .input2{width: 756px;height: 90px;background: #068e2f;color: #ffffff;padding: 13px 0 0 13px;border: none;margin-top: 5px;}
.m-contact .box .right label{width: 60px;float: left;margin-top: 5px;line-height: 30px;}

/*footer*/
.footer{ width: 1200px; margin:0 auto;line-height: 45px;text-align: center;color: #7f7f7f;}

.contact_box{ width: 211px;padding: 10px;background-color: #1750bb; color: #fff;}

/*list*/
.list{margin-top: 26px;overflow: hidden;margin-bottom: 50px;}
.l-left{width: 286px;float: left;overflow: hidden;}
.l-right{width: 887px;float: right;overflow: hidden;}
.l-right-hd{width: 100%;height: 40px;background: #e5e5e5;overflow: hidden;}
.l-right-hd h1{width: 160px;float: left;height: 40px;background: #098c46;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;}
.l-right-hd p{float: right;margin-right: 15px;line-height: 40px;color: #767676;}
.l-right-hd p a{color: #767676;}
.l-right-bd{width:100%;overflow: hidden;line-height: 260%;margin:20px 0;}
#content_zy{ clear: both; padding:20px 0 0; line-height:2.0;width: 100%;}

/*新闻首页样式*/
#scontent{width: 98%;float: left;margin:0 1%;}
.list-news{min-height: 100px;height: auto; }
.list-news li{height: 50px; line-height: 50px; width:98%;border-bottom: 1px dotted #bbb; padding:0 1%;}
.list-news li span{float: right;}
.list-news li a{color: #595959}
.list-news li:hover{background-color: #eee;}
.page{margin-top: 30px; border-top: 1px solid #999;padding-top:10px;  text-align: right;}

/*新闻内页样式*/
.news_title {margin-top: 20px;text-align: center;font-size: 18px;line-height: 36px;}
.meta{margin-top: 10px;text-align: center;border-bottom: dashed 1px #cecece;}
.meta img{max-width: 500px;}
#newsnr{margin: 20px 0;}
#prev_next{margin: 0 auto;text-align: center; width:96%;margin-bottom:30px;background: #ffffff;padding:20px;border-top: solid 1px #cecece;float: left;}

#prev_next li{line-height: 26px;text-align: left;}

/**************产品列表页*****************/
.pro li{float:left; margin:0 9px 15px; width:267px; height:250px; text-align:center; background: #fff; font-size:14px; transition:0.3s all 0s linear;background: #f2f2f2;}
.pro .img{ width:265px; height:200px;border:solid 1px #eeeeee;background: #ffffff;}
.pro .img img{ max-width:265px; height:200px;}
.pro li .pro_pic{max-width:265px; height:200px; background: #fff; overflow: hidden;}
.pro li h1{width: 100%;line-height: 40px;height: 40px;float: left;}
.pro a{ color:#333; font-size:16px;}
.pro li:hover{ background:#098c46;}
.pro li:hover h1{ color:#fff;font-weight: bold;}


/*产品内页*/
#marqueedivcontrola{width:286px; max-height:650px; overflow:hidden; margin:20px 0 50px;}
#marqueedivcontrola li{ float:left; overflow: hidden; width:286px; height:242px; text-align:center; transition:0.3s all 0s linear;line-height: 20px;}
#marqueedivcontrola li a{ display: block; overflow: hidden; width:284px; height:230px; margin-bottom: 5px; border: 1px solid #eeeeee;color: #333333;}
#marqueedivcontrola li a h1{width: 100%;float: left;}
#marqueedivcontrola li img{ width:250px; height:188px; }
.cpgda{width:286px;}

#por_left{width:400px; height:auto; margin-right:20px; float:left; text-align: center;}
#por_right{float:left; line-height:2.0; width: 450px; height:auto; overflow:hidden;}
#cpms{ border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 20px 0; margin-bottom: 20px;}
#cpms span{ color: #cc0000;}
.dg1{ width: 155px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #098c46; float: left; transition:all 0.3s linear 0s;}
.dg2{ width: 155px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #ffa200; float: left; margin-left: 20px; transition:all 0.3s linear 0s;}
.dg2 a{ color: #fff;}
.dg1 a{ color: #fff;}
.dg1:hover{ background: #d80000;}
.dg2:hover{ background: #d80000;}

.info_nr{ width: 450px;}

.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#141414;text-align:left; font-weight: bold; font-size:30px; margin-bottom: 10px;}
.info_title{ margin:20px 0 0 0; width:100%;height:40px; background: #ebebeb; margin-bottom:10px;}
.info-content{float: left;width: 885px;}
.info-content img{max-width: 100%}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#2765be;color:#fff;line-height:40px; font-weight: normal; font-size: 16px; padding: 0 30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

.p-message{ width: 140px; background: #227fdd; height: 40px; line-height: 40px; float: left; text-align: center; border-radius:3px;margin:0 0 0 70px;}
.p-message a{color:#fff; font-size:16px; text-decoration:none;}
.p-message a:hover{color:#ff0;font-size:16px; }
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info .center{ text-align: center;
    }
.center img{
    padding: 10px;
    background: #fff;
    border: 1px solid #ededed; 
}

/* article styles */
.pro-info,
.pro-message{
    margin:25px 0px;
    overflow: hidden;
}
.info-title{
    height: 40px;
    background: #cecece;
    line-height: 40px;
}
.info-title h3{
    font-size: 22px;
    color: #ffffff;
    padding-left: 30px;
    display: inline-block;
    font-weight: bold;
    background: #098c46;
    padding:0 25px;
    float: left;
}
.info-content{
    border:1px solid #f5f5f5;
    background: #fff;
    padding:30px 0;
}
.pro-message .right{
    padding-right: 26px;
    font-size: 14px;
    color: #333;
    float: right;
}
.pro-message i{
    color: #ff0000;
    padding:0 8px;
}
.pro-message .info-content{
   /* margin-top: 20px;*/
}
.pro-order li{
    margin:20px 0;
}
.pro-order li p{
    font-size: 14px;
    color: #787878;
    margin-left: 136px;
}
.pro-order li small{
    margin: 0 0 0 14px;
    font-size: 14px;
    color: #787878;
}
.pro-order li span{
    display: inline-block;
    width: 122px;
    text-align: right;
    font-size: 14px;
    color: #333333;
    vertical-align: top;
}
.pro-order li input{
    width: 315px;
    height: 28px;
    border: 1px solid #d2d2d2;
   
    outline: none;
}
.pro-order li img{
    vertical-align: middle;
}
.pro-order li input:focus{
    border-color: #036aad;
}
.pro-order li textarea:focus{
    border-color: #036aad;
}
.pro-order li textarea{
    width: 550px;
    height: 110px;
    border:1px solid #d2d2d2;
    resize: none;
    padding: 12px;
    outline: none;
}
.pro-order #submit,
.pro-order #reset{
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    border:none;
    display: inline-block;
     background: #098c46;
}
.pro-order #submit{
   
    padding-left: 0;
    margin-left: 125px;
}
.pro-order #submit:hover{
    background: #db1f3a;
}

.pro-order #reset:hover{
    background: #db1f3a;
}

/* message styles */
.message{margin-left: 20px;}
.message ul{
  overflow: hidden;
}
.message li{
  float: left;
  margin:10px;
}
.message input {
  position: relative;
  display: block;
  float: right;
  padding:1.2em 0.8em;
  width: 380px;
  border: solid 1px #cccccc;
  border-radius: 0;
  background: #fff;
  color: #0075c5;
  font-weight: bold;
}
.message textarea {
  position: relative;
  display: block;
  float: right;
  padding:1.2em 0.8em;
  width: 804px;
  border: solid 1px #cccccc;
  border-radius: 0;
  background: #fff;
  color: #0075c5;
  font-weight: bold;
  resize:none;
}
.message textarea:focus {
  outline: none;
}
.message input:focus {
  outline: none;
}
.message #submit{
  width: 120px;
    height: 51px;
    color: #fff;
    background: #098c46;
    -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.message #submit:hover{
  background: #ffd800;
}