/*Base*/

html,body {font-family:"微软雅黑", Arial,sans-serif; min-width:1100px;

	color: #666; font-size:14px;

    -ms-text-size-adjust: 100%; 

    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/

}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }

h1,h2,h3,h4,h5,h6{ font-family:"微软雅黑"; font-weight:normal;}

.indet{text-indent:2em;}

.mR30{ margin-right:30px;}

/*布局*/

.wrap{ width:1100px; height:auto; margin:0 auto;   }

	

/* 导航模块 */	

#header{ height:auto; width:100%; min-width:1100px; }

.headtop{height:30px; line-height:30px; color:#666666; background:#f8f8f8; border-bottom:1px solid #dcdcdc;  }

.headtopright{ float:right; text-align:right;}

.headtopright a{padding:0px 3px; color:#666666;}

.headtopright a:hover{ color:#0475e6;}



.logo a{ width:458px; height:40px;  display:block;  float:left; margin:25px 0; }

	.topright{ float:right;height:61px; margin-top:20px; background:url(ico_tel1.png) no-repeat left center; padding-left:40px; color:#666666; font-size:14px;}

	.topright p{ font-size:24px;color:#ff5b07; font-family:arial; font-weight:600; }

	.nav{height:48px; line-height:48px; background:url(bgnav.png) repeat-x;}

	.nav li{ float:left; position:relative; padding:0 20px;  text-align:center;}

	.nav li a{ color:#fff; font-size:15px;  display:block;  font-family:"微软雅黑"; height:48px; line-height:48px; transition:all 600ms ease-in 0s; font-weight:600;  }

	.nav li a:hover{ color:#ff5b07;}

.nav li.focus a{ color:#ff5b07;}

	







/*首页banner*/

#banner{ height:552px;  overflow:hidden;  margin:0px auto; width:100%; min-width:1080px; position:relative;   }

#banner .banner_box{  height:552px; position:relative; width:100%;  }

#banner #myjQueryContent { OVERFLOW:hidden; HEIGHT:552px; WIDTH:100%;}

#banner #myjQueryContent DIV { POSITION: absolute; HEIGHT:552px; top:0px; left:0px; WIDTH:100%;}

#banner #myjQueryContent .smask { Z-INDEX: -1; }

#banner #myjQueryContent IMG { width:100%; HEIGHT:552px; border:0; }

#myjQueryNav {

	DISPLAY: block;

	OVERFLOW: hidden;

	WIDTH:200px;

	HEIGHT:20px;

	position: absolute;

	bottom:0px;

	right:50%;

	z-index:5; margin-right:-100px; }

#myjQueryNav LI { DISPLAY: block; FLOAT: left; WIDTH:35px; CURSOR: pointer; HEIGHT:10px; background:#80b3e5; margin-left:5px;    }

#myjQueryNav a { COLOR: #666;  }

#myjQueryNav .current { background:#ff5b07;  }

#myjQueryNav .current a { color:#fff; }



#innerbanner{ height:350px; overflow:hidden;  margin:0px auto; width:100%; min-width:1200px; position:relative;  }









/*首页主要内容*/

#mainbody{ height:auto;overflow:hidden; }



.mainTitle{color:#1A3375;font-size:20px; font-weight:600; }

.mainTitle span{ color:#ccc; }



.g_ser{ height:auto; padding-bottom:20px; margin-top:20px; border-bottom:1px solid #e4e4e4;}

/*search*/

	.searchbox{ width:308px; height:27px;  border:none; background:#fff;  float:right;  }

	.searchbox .text {height:25px; line-height:25px; width:260px; float:left;color:#666666;  border:1px solid #ddd; background:none; outline:medium; padding-left:8px; font-size:12px; }

	.searchbox .submit{ border:none; width:36px; height:27px; float:left; outline:medium;background:url(btn_search.png) no-repeat; cursor:pointer; color:#fff;  }

	

.g_ser .key{ height:30px; line-height:30px;}

.g_ser .key a{color:#666666; padding:0 4px;}

.g_ser .key a:hover{ color:#ff5b07;}

.g_ser .key b{ color:#ff5b07; padding-left:14px; background:url(ico_hot.png) no-repeat left center;}









.section1{ height:auto; padding:50px 0; overflow:hidden; }

.leftPart{ width:248px; float:left; }

.leftPart .tit{ background:url(bg_title1.jpg) no-repeat left center; text-align:center;  padding:20px 0; color:#fff; }

.leftPart .tit span{ font-size:14px; opacity:0.7; letter-spacing:2px;}

.leftPart .tit h2{ font-size:24px; font-weight:normal;}





.catelist{ background:#fff; height:auto; border:2px solid #0062bd; width:244px; padding:20px 0; }

.catelist h3{ width:160px; height:32px; line-height:32px; border-radius:4px; background:#1273d4 url(ico_arr1.png) no-repeat 166px center; margin:0 auto; color:#fff; padding:0 15px;  }

.catelist h3 a{color:#fff; }

.catelist .subcate{ width:200px; margin:5px auto;}

.catelist .subcate li{ height:32px; line-height:32px; border-bottom:1px dashed #dcdcdc;}

.catelist .subcate li a{ color:#666666; font-size:14px; padding-left:20px; background:url(ico_arr2.png) no-repeat 5px center;  transition:all 400ms ease 0s;}

.catelist li a:hover,.catelist li a.on{ color:#ff9e00; }

.catelist .subcate li:last-child{ border-bottom:none;}









.productBox{ float:right; width:820px; border:1px solid #e5e5e5;}

.protit{ height:42px; line-height:42px; background:url(bg_title3.png) repeat-x; width:100%; padding:0; border-bottom:1px solid #e5e5e5;}

.protit ul{ width:80%; float:left;}

.protit ul li{ float:left;}

.protit ul li a{ color:#333; font-size:14px;  height:42px; padding:0 20px;}

.protit ul li a:hover,.protit ul li.on a{ color:#fff; background:url(bg_title2.png) repeat-x; display:block;}



.protit span{ float:right; width:60px; text-align:right; padding-right:10px;}

.protit span a{ color:#666;}

.protit span a:hover{color:#ff9e00;}



.productRec { padding:24px 0; height:auto; overflow:hidden;}

.productRec  li{ width:248px; height:auto; float:left;  margin-left:20px;}



.productRec  li a .pic{width:240px; height:220px; padding:3px; border:1px solid #eee; display:block; overflow:hidden; position:relative; }

.productRec  li a .pic img{width:240px; height:220px;transition-duration:500ms;}

.productRec  li a:hover .pic img{transform: scale(1.06);}

.productRec  li a .name{ height:40px; line-height:40px; display:block; color:#666; font-size:14px; text-align:center;}

.productRec  li a:hover .name{color:#ff9e00;}





.gd{ width:100%; height:138px; background:url(bg01.jpg) no-repeat center center; padding:40px 0;}

.gd h3{ margin-left:56%; font-size:24px; color:#fff; font-weight:bold;}

.gd .tel{margin-left:56%; padding-left:45px; background:url(ico_tel2.png) no-repeat left center; color:#fff; font-size:14px; margin-top:15px; padding-bottom:10px; }

.gd .tel strong{ font-size:30px; font-weight:bold;}

.gd a{ width:137px; height:42px; display:block; margin:0 0 0 60%;}





.about{ height:auto; padding:50px 0; overflow:hidden;}

.mainTitle{ text-align:center; color:#ff5b07; background:url(title_line1.png) no-repeat center center; margin-bottom:40px; font-weight:bold; font-size:30px;}

.mainTitle span{ color:#666; font-weight:normal; font-size:24px; letter-spacing:2px;}

.mainTitle p{ font-size:18px; color:#666; font-weight:normal;}

.about .atxt{ font-size:14px; color:#666; line-height:30px; margin-bottom:30px; height:90px; overflow:hidden;}

.eqiup ul li{ width:222px; height:auto; border:1px solid #dcdcdc; padding:8px; float:left; margin-left:30px;}

.eqiup ul li a .pic{ display:block; width:222px; height:180px; overflow:hidden; }
.eqiup ul li a .pic img{width:222px; height:180px;}

.eqiup ul li a .name{ display:block; width:222px; height:40px; line-height:40px; margin-top:8px; overflow:hidden; background:#1273d4; text-align:center; color:#fff; }



.about .btn{ text-align:center; margin:40px auto 0;}

.about .btn a{ margin:0 10px;}





.case{ height:auto; padding:50px 0;    }

.caseScroll{ position:relative;}

.caseScroll .bd{height:auto; padding:0 50px; overflow:hidden;}

.caseScroll  li{ width:230px; height:auto;   margin-left:20px;  float:left;  }

.caseScroll  li .pic{ width:220px; height:180px; transition: all 400ms ease 0s; }

.caseScroll  li .pic a{ width:220px; height:180px;overflow:hidden; position:relative; display:block;}

.caseScroll  li .pic a .img{width:220px; height:180px;    transition: all 1s ease 0s;  }

.caseScroll  li .pic a:hover .img{ transform: scale(1.1);}

.caseScroll  li .pic a .bg{ width:100%; height:100%; position:absolute; left:0; bottom:100%; background:url(mbg1.png) repeat;transition: all 400ms ease 0s; text-align:center;}

.caseScroll  li .pic a .bg img{ margin-top:30%;}

.caseScroll  li .pic a:hover .bg{ bottom:0;}

.caseScroll  li .name{ text-align:center;line-height:40px; height:40px; }

.caseScroll  li .name a{ font-size:14px; color:#555; }

.caseScroll  li .name a:hover{color:#ff9e00;}



.caseScroll  .prev,.caseScroll .next{ position:absolute; left:-3%; top:50%; margin-top:-26px; display:block; width:53px; height:53px; background:url(btn-scroll1.png) no-repeat left center;   }

	.caseScroll  .next{ left:auto; right:-3%; background:url(btn-scroll2.png) no-repeat left center;  }

	.caseScroll  .prev:hover{background:url(btn-scroll3.png) no-repeat left center;}

	.caseScroll  .next:hover{background:url(btn-scroll4.png) no-repeat left center;}







/* 优势 */

.g_ys{height: auto; background:#f5f5f5; padding:50px 0; overflow:hidden; }

.ys1{ background: url(bg2.jpg) no-repeat center center; height:288px;}



.g_ys dl{ width:420px;  background:url(num1.png) no-repeat 20px 60px; padding:158px 0 0 90px;}



.g_ys dl dt{ color:#1273d4; font-size:24px; font-weight:600;}

.g_ys dl dd{ font-size:14px; color:#666; line-height:24px; } 

.g_ys .imgs{ width:50%;}

.ys2{ background:url(bg02.jpg) no-repeat center center; position:relative; z-index:10; height:440px;}

.ys2 dl dt,.ys2 dl dd{ color:#fff;}



.ys1 dl{background:url(num1.png) no-repeat 20px 60px; height:130px; }

.ys1 dl{ float:right;}

.ys2 dl{background:url(num2.png) no-repeat 20px 60px;}

.ys3 dl{background:url(num3.png) no-repeat 20px 60px;   }

.ys3{ margin-top:-150px; position:relative; z-index:11; background:url(himg2.png) no-repeat center center;}

.ys3 dl{ float:right;}





/*新闻*/

.hnews{ height:auto; padding:50px 0; background:#f5f5f5; overflow:hidden;}

.hnews .tit{ font-size:18px; color:#1273d4; height:46px; line-height:46px; background:url(title_line2.png) no-repeat left bottom; font-weight:bold; margin-bottom:20px;}

.hnews .tit img{ margin-top:5px; margin-right:5px;}

.hnews .left_cont{ width:690px; float:left;}

.news_cut .imgs{float:left; width:250px; height:160px;}

.news_cut .ntxt{ float:left; margin-left:30px; width:380px;}

.news_cut .ntxt h2{ color:#333; font-size:18px; font-weight:bold; margin-bottom:8px;}

.news_cut .ntxt p{line-height:24px; height:48px; color:#666; font-size:14px; overflow:hidden;}

.news_cut .ntxt a{display:block; width:134px; height:42px;  background:url(btn1.png) no-repeat 0 0; font-size:14px; color:#555; margin-top:20px;}



.hnews .newslist{ height:auto; overflow:hidden; width:100%; padding-top:20PX;}

.hnews .newslist li{ height:40px; line-height:40px; border-bottom:1px dashed #c9c9c9; float:left; width:315px; overflow:hidden; padding-left:18px; background:url(ico03.gif) no-repeat 3px center; margin-right:20px; }

.hnews .newslist li:nth-child(2n){ margin-right:0;}

.hnews .newslist li a{ font-size:14px; color:#666;}

.hnews .newslist li a:hover{color:#ff9e00;}



.hnews .right_cont{ float:right; width:366px;}

.hnews .right_cont ul li{ height:auto; border-bottom:1px dashed #c9c9c9; padding-bottom:10px; margin-bottom:10px;}

.hnews .right_cont ul li h4 a{ color:#666; font-size:14px; line-height:30px; height:30px; overflow:hidden; padding-left:25px; background:url(wd_w.gif) no-repeat left center;}

.hnews .right_cont ul li  p{ color:#888; font-size:14px; line-height:24px; height:72px; overflow:hidden;background:url(wd_d.gif) no-repeat left center;padding-left:25px; margin-top:10px; }



.cooper{ height:auto; margin:50px auto; overflow:hidden;}

.cooper .tit{font-size:18px; color:#1273d4; height:46px; line-height:46px; background:url(title_line2.png) no-repeat left bottom; font-weight:bold; margin-bottom:20px;}

.cooper .tit a{ float:right; color:#666; font-weight:normal; font-size:14px;}

.cooper ul li{ width:145px; height:80px; border:1px solid #ddd; float:left; margin-left:20px;}

.cooper ul{ height:85px; overflow:hidden;}



/*页脚样式*/

#footer{ height:auto;  background:#0461be;  overflow:hidden;  position:relative; padding:50px 0 30px 0;}

#footer .footnav{  color:#fff; font-size:14px;   text-align:center;}

#footer .footnav a{  color:#fff; font-size:14px; margin:0 10px; line-height:30px;}

#footer .footnav a:hover{color: #ff5b07;}

.copyRight{  line-height:30px;   color:#fff; font-size:14px;text-align:center;}

.copyRight  a{color:#fff; font-size:14px; transition:all 0.5s ease 0s;}







/*内页样式*/

#innerbody{ height:auto; padding:40px 0; overflow:hidden;}



.leftlx{ margin-top:30px; height:auto; }

.leftlx p{ border:1px solid #ddd; text-align:center; font-size:14px; color:#666; line-height:30px; padding:10px;}



.about_main{ height:auto; margin:30px auto;}

.about_main .mainTitle{ background:none; color:#666; font-size:18px; }

.about_main .mainTitle p{ background:url(title_line1.png) no-repeat center center; font-size:30px; color:#ff5b07; font-weight:bold;}

.sub_about{ text-align:center;}

.sub_about a{ background:#f5f5f5; padding:10px 20px; border-right:1px solid #ddd; color:#333; font-size:16px; display:inline-block; margin:0;}

.sub_about a span{ color:#999; display:block; font-size:14px;}

.sub_about a:hover,.sub_about a.on{ background:#ff5b07; color:#fff;}

.sub_about a:hover span,.sub_about a.on span{ color:#fff;}



.about_txt{ height:auto; padding:30px 0; overflow:hidden;}

.about_txt h2{ text-align:center; color:#ff5b07; font-size:18px; margin-bottom:30px;}

.about_txt h2 p{color:#ff5b07; font-size:24px; margin-top:0; }

.about_cont{ font-size:14px; line-height:30px; color:#666;}



.lycont{  background:url(on_bj.jpg) no-repeat left top; padding-left:380px; height:auto; overflow:hidden; padding-top:30px;}

.lycont h3 { width:120px; height:78px; background:url(on_tx.gif) no-repeat left bottom; font:24px "Microsoft YaHei"; font-weight:bold; line-height:24px; float:left;color: #ff5b07;  }

.lycont h3 span { display:block; font:14px Arial;  line-height:36px; text-transform:uppercase; }

.lycont .message{ float:left; width:500px;}





.lx_map{ width:98%; border:4px solid #ddd; min-height:450px; margin-bottom:30px;}



.lx_cont h3{ font-size:24px;border-bottom:1px dashed #ccc;line-height:57px; color:#0461be; font-weight:normal;  }

.lx_cont p{ border-bottom:1px dashed #ccc; padding:10px 0; line-height:57px; font-size:14px; color:#666;}

.lx_cont p img{ float:left;}





.location{ height:auto; padding:10px 0; overflow:hidden;color:#666; padding-left:18px; background:url(logo_03.png) no-repeat left center; border-bottom:1px solid #eee; margin-top:20px; }

.location span{ color:#ff5b07;}

.location a{ color:#666;}

.location a:hover{ text-decoration:underline;}



.rightpart{ width:820px; height:auto; float:right;}

.nav_title{    

    border-bottom:1px solid #ddd;

    height:40px; line-height:40px;

    cursor: pointer;

    font-family: "Microsoft YaHei";

    color:#0066cb;

    position: relative; margin-bottom:30px ;

 }

.nav_title h2{font-size:16px;color:#0066cb; }

.nav_title span{ font-size:14px; font-family:arial;}



.innermain{ height:auto; line-height:30px; color:#555; padding-bottom:40px; min-height:300px;}

 /*（图片列表）--dl_sb*/

dl.dl_sb { width:210px;  float:left; margin-right:10px; display:inline-block;}

dl.dl_sb dt { width:200px; height:177px; padding:3px;border: 1px solid #E5E5E5; overflow:hidden; } /*图片边框*/

dl.dl_sb dt:hover {border:1px solid #f67000;}/*图片边框,点击时的状态*/

dl.dl_sb dt img { width:210px; height:175px; }

dl.dl_sb dd { font-size:14px; margin:2px 0 0 0;  width:100%;background:none; height:36px; line-height:36px; overflow:hidden; text-align:center;}

dl.dl_sb dd a:hover{ color:#f67000;}

/*下载专区*/

.download li {

    height:30px; line-height:30px;

    border-bottom: 1px dotted #cccccc; padding:0 5px;

}

.download li a{ color:#666; font-size:13px;}

.download li .date {

    float: right;

    color: #666666;

    padding-right: 3px;font-size:13px;

}





/*案例*/

.caselist{ height:auto;}

.caselist  li{ width:220px; height:auto;   margin-right:10px;  float:left; margin-bottom:10px;  }

.caselist  li .pic{ width:220px; height:180px;padding:2px;border:1px solid #ccc; transition: all 400ms ease 0s;  }

.caselist  li .pic a{ width:220px; height:180px;overflow:hidden; position:relative; display:block;}

.caselist  li:hover .pic{ border-color:#f67000;}

.caselist  li .pic a .img{width:260px; height:140px;    transition: all 1s ease 0s;  }

.caselist  li .pic a:hover .img{ transform: scale(1.1);}

.caselist  li .name{ text-align:center;line-height:40px; height:40px; background:#fff;}

.caselist  li .name a{ font-size:14px; color:#333; }

.caselist  li .name a:hover{color:#f67000;}









.inproduct{ height:auto; margin:30px 0;}

.inproduct  li{ width:252px; height:auto;   margin-right:30px; margin-bottom:10px;  float:left;  }

.inproduct  li:nth-child(3n){ margin-right:0;}

.inproduct  li .pic{ width:240px; height:180px; transition: all 400ms ease 0s; border:1px solid #eee; padding:5px;}

.inproduct  li .pic a{ width:240px; height:180px;overflow:hidden; position:relative; display:block;}

.inproduct  li:hover .pic {border-color:#f67000;}

.inproduct  li .pic a .img{width:240px; height:180px;    transition: all 1s ease 0s;  }

.inproduct  li .pic a:hover .img{ transform: scale(1.1);}

.inproduct  li .name{ text-align:center;line-height:40px; height:40px; background:#fff;}

.inproduct  li .name a{ font-size:14px; color:#333; }

.inproduct  li .name a:hover{color:#f67000;}



.pagination{ width:100%; text-align:center; margin-bottom:25px; margin-top:50px;}

.pagination a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:2px solid #eee; margin:0 1px; font-size:12px; color:#555; padding:0 5px;}

.pagination a.now{ color:#FFF; font-weight:bold; background:#0072B8; border-color:#0072B8;}







.hot_pro h3,.hot_news h3{ font-size:18px; color:#0461be; border-bottom:1px solid #ccc; line-height:40px; margin-bottom:20px; height:40px; font-weight:600;}

.hot_pro h3 span,.hot_news h3 span{ font-size:12px; color:#999; font-weight:normal;}



.hot_news{ width:100%; background:none; padding:0;}

.hot_news .news_cut .ntxt{ width:500px;}

.hot_news .newslist li{ width:380px;}



/*新闻列表*/

.news_list{border-top:2px solid #e5e5e5; overflow:hidden;}

.news_list:after{}

.news_list li{margin:20px 0; padding:10px; overflow:hidden; border-bottom:1px dotted #e5e5e5; background:#f5f5f5; }

.news_list li .time{width:120px; height:120px; float:left; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; color:#666;}

.news_list li .time .date{ font-size:36px; font-weight:600;padding:20px 20px 0; }

.news_list li .time .mon{  font-size:14px; line-height:18px;}

.news_list li .time .non{padding:0 25px; font-size:16px;}

.news_list li .main{ margin-left:140px; }

.news_list li .main a{ color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}

.news_list li .main a b{font-weight:bold;}

.news_list li:hover .main a{color:#e67817;}

.news_list li .main .small{font-size:12px; color:#999; margin:8px 0;}

.news_list li .main  .intr{font-size:13px; height:48px; overflow:hidden; line-height:24px; color:#555;}





/*合作客户*/

.incooper ul li{ width:240px; height:auto;float:left; margin-left:20px;}

.incooper ul li a img{ border:1px solid #ddd; width:240px; height:145px; }

.incooper ul li a  p{ text-align:center; color:#666; line-height:40px;}

.incooper ul{ height:auto; overflow:hidden; padding:20px 0;}

.incooper ul li:hover a img{ border-color:#ff5b07;}



/*工程案例*/

.incase{ height:auto; margin-top:20px; }
.incase dl{ border:1px solid #dcdcdc; margin-bottom:20px; height:auto; overflow:hidden; padding:20px; margin-right:20px; background:#fefefe; border-bottom:3px solid #ddd; width:300px; float:left;}
.incase dt{ width:100%; height:auto;}
.incase dt img{width:100%; height:208px; }
.incase dd{  height:auto; width:100%;  line-height:30px;  overflow:hidden;}
.incase dd h5 a{ height:30px; line-height:30px; color:#222; font-size:16px; border-bottom:1px dashed #ddd; line-height:36px; height:36px; display:block;}
.incase dd p{ height:44px; overflow:hidden; line-height:22px; font-size:14px; margin-top:10px; margin-bottom:20px; color:#888;}
.incase dd a.more{ height:34px; line-height:34px; width:120px; display:block; text-align:center; color:#ff5b07; margin-top:10px; background:url(btn_more.png) no-repeat center center;}


/*新闻详情*/

.newsdetail-box{

    width: 100%; max-width:1100px; font-family: "微软雅黑";

    margin:40px auto; background:#fff; 

}



.newsdetail-box .title-boxs{

	text-align: center;

	padding-bottom:20px;

	border-bottom: 1px dashed #eee;

}

.newsdetail-box .title-boxs .title{

	font-size:24px;

	line-height:36px;

}

.newsdetail-box .title-boxs .time{

	font-size:12px;

	color: #666666;

	margin-top: 10px;

}



.news-doc{

	font-size:14px;

	color: #555555;

	line-height:24px;

	margin-top:20px;

}

.news-doc img{

	max-width: 100%;

	display: block;

	margin:1em auto;

}





.pages{

	margin-top: 1.5em;

	position: relative;

	border-top: 1px solid #dedede;

	padding-top: 0.5em;

}

.pages li{

	font-size:14px;

	line-height:30px;

	color: #333333;

}

.pages li a{

	color: #333333;

}



.pages li a:hover{

	color: #a66428;

}

.pages .back{

	font-size:12px;

	display: inline-block;

    position: absolute;

    right: 0;

    top: 15px;

    width:110px;

    height:30px;

    line-height:30px;

    text-align: center;

    color: #fff;

    background: #333333;

}

.pages .back:hover{

	background: #666;

}

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

	.newsdetail-box{

		width: 960px;

	}

} 

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

	.newsdetail-box{

	    width: 100%;

	    padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

}

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

	.newsdetail-box .title-boxs .title{

		font-size: 1.5em;

	}

}

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

	.newsdetail-box{

		margin-bottom: 3em;

	}

	.pages .back{

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



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

	.newsdetail-box .title-boxs .title{

		font-size: 1.1em;

	}

	.newsdetail-box .title-boxs .time{

		margin-top: 0.5em;

		font-size: 0.75em;

	}

}

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

	.pages .back{

		width: 10em;

		font-size: 0.875em

	}

}











/*message*/

.message{  width:95%; padding:2%;border:1px solid #fff;}

.message .cont_tit{ font-size:14px; color:#333; border-bottom:1px solid #eee; line-height:40px; height:40px; margin-bottom:20px; }

.message h2 { text-align:center;

    font-size: 22px;

    line-height: 22px;

    padding-bottom: 23px;

    color: #333;

    margin-bottom: 39px;

    border-bottom: 1px solid #eee;

}

.message form{ width:95%; margin:0 auto 60px; overflow:hidden;  }

.message form p{ width:100%; float:left; margin-bottom:15px;}

.message form span{ width:80px; display:block; float:left; font-size:14px; color:#222;height:35px; line-height:35px; text-align:right; margin-right:20px;}

.message form span i{ color:#f00; font-size:14px; margin-right:5px; font-style:normal;}

.message form .inp{ width:70%; height:35px; line-height:35px; padding-left:5px; border:1px solid #e1e1e1; float:left; color:#6a6a6a;}

.message form #Province{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px;float:left; color:#6a6a6a;}

.message form #City{width:200px; height:35px; line-height:35px; border:1px solid #e1e1e1; border-radius:5px;float:right; color:#6a6a6a;}

.message form textarea{ width:75%; height:200px; padding:5px; border:1px solid #e1e1e1;  color:#6a6a6a; line-height:20px;}

.message form #sub{ width:100px; height:32px; line-height:32px;background:#000; color:#fff; border:0; font-size:12px; float: right; margin-right:30px;   cursor:pointer; }

.message form #sub:hover{ background:#7c4c4c }



/*产品内页*/

.pro_content{ width:100%; padding-left:10px; margin-top:30px;}



/*

 * ------------------------------------ 产品图片 --------------------------------------

 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.

 * -----------------------------------------------------------------------------------------

 */

 /* Etalage container (large thumb + small thumbs): */

/*

 * Title: jQuery Etalage plugin CSS

 * Author: Berend de Jong, Frique

 * Author URI: http://www.frique.me/

 * Version: 1.3.2 (20120904.1)

 *

 * ------------------------------------ STYLE ------------------------------------

 * Edit this section to style your thumbnails, zoom area, magnifier etc.

 * If the id of your Etalage instance is different, do a find/replace on #etalage.

 * -------------------------------------------------------------------------------

 */







#etalage .etalage_thumb{

	background: white url(../images/loading.gif) center no-repeat;

}



#etalage .etalage_small_thumbs li{

	margin: 5px;

	cursor: pointer;

}



#etalage ul li.etalage_smallthumb_active{

	cursor: default;

}



#etalage .etalage_zoom_area,

.etalage_zoom_area{

	background: url(../images/loading.gif) center no-repeat;

}



#etalage .etalage_magnifier{

	background: white;

}



/*

 * ------------------------------------ FUNCTIONALITY --------------------------------------

 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.

 * -----------------------------------------------------------------------------------------

 */



.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }

.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }

.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }

.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }

.etalage, .etalage_small_thumbs li{ float:left }

.etalage_right{ float:right }

.etalage li{ position:absolute }

.etalage img{ vertical-align:bottom; max-width:none }

.etalage_magnifier{ cursor:default }

.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }

.etalage_magnifier div img{ display:none }

.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }

.etalage_small_thumbs li.vertical{ float:none }

.etalage_zoom_area{ z-index:996 }

.etalage_zoom_area div{ overflow:hidden; z-index:997 }

.etalage_zoom_preview{ position:absolute; z-index:998 }

.etalage_zoom_img, .etalage_hint{ z-index:999 }

.etalage{ direction:ltr }

div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }

div.etalage_description.rtl{ direction:rtl; text-align:right }



/*产品介绍*/

.pro_txt {width:350px;display: block;float: left; margin-left:30px;}

.pro_txt h1{color:#222;text-transform:uppercase;font-size:18px;font-weight:bold; border-bottom:1px dashed #ddd; height:50px; line-height:50px; text-align:center; }

.pro_rang{ font-size:14px; line-height:30px; color:#666; padding:10px 0;}

.btn_form{ padding:20px 0; }

.btn_form form input[type="submit"] {cursor: pointer;border: none;outline: none;display: inline-block;font-size: 1em;padding: 13px 20px;background:#ff0d40;color: #FFF;text-transform: uppercase;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-top: 2em; border-bottom:3px solid #e00634;}

.btn_form form input[type="submit"]:hover{background:#555;}

.pro_txt .share{ border-bottom:1px dashed #ccc; height:40px; margin-top:20px;  width:100%; text-align:right;}





/*详细说明*/

.toogle{ height:auto; margin-top:30px;}

.ptit{ font-size:16px;border-bottom:1px solid #e1e1e1; height:50px; line-height:50px;}

.ptit span{ height:50px; padding:0 20px; background:#0066cb; display:inline-block; color:#fff; text-align:center;}

.toogle p{ padding-top:20px;}
.toogle p img{ max-width:100%;}


.toogle .bottom{ text-align:right; border-bottom:1px  dashed #ddd; padding-top:10px; line-height:30px; color:#666; font-size:12px; padding-right:5px;}

.toogle .bottom a{color:#666;}

.toogle .bottom a:hover{color:#f00;}

/*推荐产品 */

.picMarquee-left{ width:100%; position:relative; overflow:hidden;padding:30px 0;}



.picMarquee-left .next{ position:absolute; top:80px; right:0; width:40px; line-height:38px; height:38px; background-color:#272d33; color:#fff; font-size:24px; text-align:center; font-family:"宋体";cursor:pointer;}

.picMarquee-left .prev{ position:absolute; top:80px; left:0; width:40px; height:38px; line-height:38px; background-color:#272d33; color:#fff; font-size:24px; text-align:center; font-family:"宋体"; cursor:pointer;}

.picMarquee-left .bd{ padding:20px 25px; position:relative; width:860px; overflow:hidden; }

.picList{ overflow:hidden; width:800px;}

.picList li{ margin:0 5px; float:left;}

.picList li .pic{ text-align:center; }

.picList li .pic img{ width:200px; height:200px; display:block; border:1px solid #ccc; padding:2px;}

.picList li .pic a:hover img{ border-color:#ff9d01;  }





/*在线客服*/

.keifu{position:fixed;top:10%;right:0;width:131px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

 z-index:990;}

.icon_keifu{width:26px;height:100px;float:left;background:url(../images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}

.keifu_box{float:left;width:131px;}

.keifu_head{width:131px;height:41px;background:url(../images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}

.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(../images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}

.keifu_close:hover{background-position:-60px 0;}

.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}

.keifu_con li{height:33px;padding-left:12px;}

.keifu_con .weixin{height:96px;}

.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}

.keifu_bot{width:131px;height:119px;background:url(../images/keifu.png);background-position:0 -149px;}



/*左侧浮动返回顶部图标样式*/

a.gotoptop_icon{display:block;position:fixed;right:5px;bottom:90px;width:25px;height:25px;background:url(gotop.png) no-repeat -26px 0px;cursor:pointer;display:none; z-index:9999;}

a.gotoptop_icon:hover{background-position:0px 0px;}