@charset "utf-8";
/***整体*****/
.wrap{ width:100%; height:auto; overflow:hidden; }
/*****top*******/

.header{ width:100%; height: auto; background:#fff; overflow:hidden;}
.headercont{ width:1200px; height:125px; margin:0 auto; position:relative;}
.logo{ padding-top:0px;}
.logo img{vertical-align:middle;}
.tel{padding:40px 45px 0px 300px;height:55px; float:right;background:url(../Image/tel.jpg) 0px 38px no-repeat;}
.tel span{color:#e3733c;font-size:28px; padding-top:10px; display:block;}
.search{width:283px; height:35px; background:url(../Image/search.jpg) no-repeat;position: absolute; left:920px; top:30px;}
.search .search-text{ display:inline-block;border: none;height:31px; line-height:31px;width:235px;margin-top:1px;padding-left:5px;font-size: 12px; outline:none; margin-left:2px; background:none;}
.search .search-btn{display:inline-block; width:36px; height:33px; background:none;border: none;}

/* nav css 下拉菜单*/
.navbg{ height:55px;background:url(../Image/navbg.jpg) repeat-x;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px; height:55px; line-height:55px;   position:relative; z-index:1; width:1200px; margin:0 auto;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width:133px; text-align:center; font-size:14px; font-weight:bold; background:url(../Image/navright.jpg) right no-repeat; }
.nav .sub{ display:none; width:133px; left:0; top:55px;  position:absolute; background:#f7f7f7;  line-height:32px; padding:5px 0; text-align:center;}
.nav .sub li{ zoom:1; border-top:1px solid #e5e5e5;}
.nav .sub a{ display:block; padding:0 10px; color:#000; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{ background:#f7f7f7; color:#000;   }

/* banner */
.flash{ width:100%;height:auto; margin:0 auto; text-align:center; position:relative; z-index:0; }
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:520px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute; width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height: 520px;}

.flash .flashBoxsub {position:relative; margin:0 auto; width:1000px; height:360px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBoxsub .bd{position:absolute; width:1920px; left:-460px;}
.flash .flashBoxsub .bd img{width:100%; height: 360px;}


.radius{-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
border-radius:15px; }

.main{ width:100%; height:auto;}
/*****首页标题*******/
.itit03{width:100%;height:52px; margin-bottom:10px; border-bottom:1px solid #CCC;}
.itit03 .itit03cont{height:50px;border-bottom:2px solid #2e8b01;line-height:40px;float:left;font-size:30px;}
.itit03 .tit_c{ color:#4c4c4c; font-weight:bold;}
.itit03 .tit_a{ color:#e78a62; font-weight:bold;}
.itit03 .tit_e{ color:#000; font-size:14px;}
.itit03 .tit_m{float:right; width:100px; text-align:center; height:32px; line-height:32px; margin-top:5px;background:#e3733c;moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius:5px;}
.itit03 .tit_m a{text-decoration:none; color:#fff; font-size:14px;  }
.itit03 .tit_m a:hover{text-decoration:none;color:#000;}

.itit01{background:url(../Image/titbg.png) center 50px no-repeat; height:100px; text-align:center; }
.itit01 a{ display:block; line-height:50px; font-size:30px; color:#4c4c4c; font-weight:bold;}
.itit01 a span{ color:#e78a62;}
.itit01 p{ color:#4c4c4c; line-height:50px; font-size:16px;}
.itit01 p span{ color:#e78a62;}

.info_01bg{ width:100%; height:630px;}
.info_01{width:1200px; margin:0 auto; height:auto; padding-top:25px;}

.tjcp dl{ height:60px; overflow:hidden;}
.tjcp dl dt{ height:28px;  line-height:28px; padding:0 8px; float:left;font-size:14px;}
.tjcp dl dt a{display:block; color:#515964;font-weight:bold; }
.tjcp dl dt a:hover{color:#fff;}

/* 多行/多列的滚动css */
.multipleColumn{ overflow:hidden; position:relative;width:1200px;}
.multipleColumn .hd{ overflow:hidden;  height:70px;padding:5px 10px;  }
.multipleColumn .hd h2 a{ display:block; margin-right:5px;color:#000; float:left; font-size:16px; padding:0 20px; background:#eeeeee; height:45px; line-height:45px;}
.multipleColumn .hd h2 a:hover{ background:#309306; color:#fff;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:68px; height:23px; float:right; margin-right:5px; margin-top:20px;  overflow:hidden;cursor:pointer; background:url(../Image/left.jpg) no-repeat;}
.multipleColumn .hd .next{ background:url(../Image/right.jpg) no-repeat;  }

.multipleColumn .bd{ padding:0px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1200px;  }
.multipleColumn .bd ul li{overflow:hidden; background:#fff; border:1px solid #c8b6b6; margin:0 5px; width:388px; float:left; height:380px;}
.multipleColumn .bd ul li .pic{ float:left; }
.multipleColumn .bd ul li .pic img{ width:368px; height:240px; display:block; margin:10px;}
.multipleColumn .bd ul li .picent{ line-height:24px; color:#000; padding:20px; position:relative; }
.multipleColumn .bd ul li .picent a{  color:#4b4b4b;display:block;width:100%; height:32px; line-height:32px; text-align:center; overflow:hidden; text-align:center; font-size:18px; font-weight:bold;}
.multipleColumn .bd ul li .picent a:hover{ background:#f2f2f2; color:#000;}


.info_02bg{ width:100%; height:460px; background:#eeeeee;}
.info_02{width:1200px; margin:0 auto; padding-top:20px; }
.xztd{height:320px; background:url(../Image/xz01.jpg) right 10px no-repeat; position:relative;}
.xz02{position:absolute; top:70px; left:20px;}
.xztd01{ position:absolute; top:50px; left:445px;}
.xztd02{ position:absolute; top:155px; left:565px;}
.xztd03{ position:absolute; top:50px; left:680px;}
.xztd04{ position:absolute; top:155px; left:815px;}
.xztd05{ position:absolute; top:50px; left:925px;}
.xztd06{ position:absolute; top:155px; left:1040px;}

.picxf{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.9;
}

.picxf:hover{
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
opacity: 1;
}


.info_03bg{ width:100%; height:1440px;}
.info_03{width:1200px; margin:0 auto; height:auto; padding-top:15px; position:relative;} 
.bz{ width:1144px; height:180px; margin:0 auto; padding:15px 0;}
.bzleft{width:568px; height:180px; float:left; margin:2px;}
.bzleft h2{ width:99px; height:99px; float:left;}
.bzleft .bzcont{ width:439px; float:left;line-height:24px; color:#737373; font-size:16px; padding:15px;}
.bzleft .bzcont h4{ color:#4b4b4b; font-size:24px; line-height:36px;}
.bzleft .bzcont:hover{ background:#eeeeee;}
.bzright{ width:568px; height:180px; float:left; margin:2px;}

.info_04bg{ width:100%; height:135px;background:url(../Image/ftel.jpg) center 0 no-repeat;}
.info_04{width:1200px; margin:0 auto; height:auto; padding-top:20px;} 
.info_04l{ width:650px; float:left; color:#fff; padding-left:90px;}
.info_04l h2{ font-size:16px; line-height:20px;}
.info_04l h3{ font-size:24px; line-height:40px;}
.info_04l h4{ font-size:16px; line-height:28px;}
.info_04r{ width:450px; float:right; color:#fff;background:url(../Image/ftel.png) right 10px no-repeat; height:120px;}
.info_04r p{color:#fff; font-size:24px; padding-top:45px; text-align:right; padding-right:75px;}


.info_05bg{ width:100%; height:650px; background:#eeeeee;}
.info_05{width:1200px; margin:0 auto; height:auto; padding-top:20px;} 
.cgal li{ width:600px; float:left;}
.cgal li a{ color:#4b4b4b;}
.cgal li a h2{ font-size:20px; line-height:36px; text-align:center;}
.cgal li a p{ font-size:14px; line-height:24px;}

.cgal li img{ width:300px; height:240px; float:left;}
.cgal li .cgalcont{ float:left;width:260px; padding:20px; height:200px; background:#dedede; overflow:hidden;}
.cgal li a:hover .cgalcont{ background:#3c9fe3; color:#fff;}

.info_06bg{ width:100%; height:470px; background:#fff;}
.info_06{width:1200px; margin:0 auto; height:auto; padding-top:20px;} 
/* 多行产品图片滚动css */
.picMarquee{ width:1200px;  overflow:hidden; position:relative;}
.picMarquee .hd{ overflow:hidden;  }
.picMarquee .hd .prev,.picMarquee .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:20px;  overflow:hidden;
cursor:pointer; background:url(../Image/img/arrow.png) no-repeat;}
.picMarquee .hd .next{ background-position:0 -50px;  }
.picMarquee .hd .prevStop{ background-position:-60px 0; }
.picMarquee .hd .nextStop{ background-position:-60px -50px; }
.picMarquee .bd{ padding:0px; margin:0;}
.picMarquee .bd ul{ overflow:hidden; zoom:1; }
.picMarquee .bd ul li{ margin:10px 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee .bd ul li a img{ width:250px; height:200px; display:block; padding:2px; border:1px solid #ededed; }
.picMarquee .bd ul li a:hover img{ border-color:#029b63;  }
.picMarquee .bd ul li a .icptit { display:block;line-height:42px; height:42px; overflow:hidden;background:#ededed; color:#000; width:100%; text-align:center;}
.picMarquee .bd ul li a:hover .icptit{ background:#029b63;color:#fff; }
.picList{width:278px; height:auto; float:left; }


.info_07bg{ width:100%; height:520px; background:#f6f7f9;}
.info_07{width:1200px; margin:0 auto; height:auto; padding-top:20px;} 

/* 产品右侧 */
.gsjjqh{width:580px; float:left; margin-left:10px; padding-top:30px;}
.picFocus{ position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:130px; float:left;  overflow:hidden; }
.picFocus .hd ul{  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:126px; height:85px; border:2px solid #ddd; cursor:pointer;  }
.picFocus .hd ul li.on{ }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd { width:410px; height:270px; border:3px solid #fff; float:left;}
.picFocus .bd img{  display:block; width:410px; height:270px; }

.gsgk{width:560px; height: auto; float:left;}
.gsgk_cont{ line-height:24px;color:#2c2c2c; padding:5px 10px 0 10px; }

.info_08bg{ width:100%; height:460px;}
.info_08{width:1200px; margin:0 auto; height:auto; padding-top:20px;} 


.lxwm_cont{ background:#dcdcdc; padding:15px 15px; line-height:28px; font-size:13px;}
.lxwm_cont h2{background:url(../Image/telephone.png) 0 bottom no-repeat; height:65px; padding-left:75px; color:#000; font-size:24px; font-weight:bold; margin-top:10px; line-height:30px;}
.lxwm_cont h2{background-size:65px 65px;}
.lxwm_cont h2 span{ color:#dc1b1b;}

.xwdt{width:830px; height: auto; float:left; margin-right:28px;}
.xwdt .xwimg{ height:100px; overflow:hidden;width:830px; border-bottom:1px dashed #a8a8a8; margin-bottom:10px;}
.xwdt .xwimgl{width:140px; height:90px;  margin:0 8px 0px 0; float:left;}
.xwdt .xwimgl img{width:140px; height:90px;}
.xwdt .xwimgr{width:680px; height:90px; float:left;}
.xwdt .xwimgr a{color:#000; font-size:16px; height:28px; line-height:28px; overflow:hidden; display:block;}
.xwdt .xwimgr a:hover{color:#cb161c;}
.xwdt .xwimgr p{color:#6e6e6e; line-height:22px;}

/*新闻文字列表样式**/
.newsul{width:50%; float:left;}
.newsul li {line-height:32px; height:32px; list-style: square; color:#ce0e25; margin-left:20px;}
.newsul li a,.newsul_list li a:visited{text-decoration:none;color:#6e6e6e;}
.newsul li a:hover{color:#cb161c;}
.info_date{color: #999999;float:right; margin-right:15px;}


.cjwt{width:340px; height: auto; float:left; border:1px solid #d9dde1;}
.cjwt .itit02{border-bottom:1px solid #d9dde1; height:53px; text-align:center;}
.cjwt .itit02 a{ line-height:50px; color:#e3733c; font-size:30px; font-weight:bold;}
.cjwt .itit02 a:hover{ color:#000;}
.cjwtul li{ list-style:none; padding:5px 20px;}
.cjwtul li a{line-height:32px; height:32px; color:#e3733c;}
.cjwtul li a:hover{ color:#2e8b01;}
.cjwtul li p{ color:#9d9d9d; line-height:24px;}


.linkbg{ width:100%; height:50px; background:#ffd101;}
.link{ width:1200px;margin:0 auto; line-height:50px;}
.link .linkt{ font-size:16px; color:#000;}
.link li{ float:left; padding:0 5px;color:#000;}
.link li a{color:#000;}
.link li a:hover{color:#f2f2f2;}



/*浮动效果*/
.ysm{
  -webkit-animation: float ease-in-out 1.5s infinite;
  animation: float ease-in-out 1.5s infinite;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* 产品左侧 */
.slideGroup{ width:1200px;  margin:0 auto;  }
.parHd{ width:270px; float:left;background:#f8f8f8;position:relative; }
.cpfltit{ height:50px; padding:10px 0 5px 75px; line-height:24px;color:#fff; font-size:16px;background:#3c9fe3;}
.cpfltit a{color:#fff; font-size:20px;}
.cpfltit a:hover{color:#ffd321;}
.parHd ul{ background:#f8f8f8;width:270px; padding:5px 0px;  }
.parHd ul li{  font-size:14px;  margin-top:3px;  }
.parHd ul li a{display:block; width:100%; height:38px;line-height:38px; color:#000;font-weight:bold; text-indent:20px; background:#dcdcdc;}
.parHd ul li.on{color:#fff;}
.cptel{ color:#fff;background:#3c9fe3; height:100px; padding-top:10px; text-align:center;font-size:18px;}
.cptel a{ display:block; width:200px; height:28px; line-height:28px; text-align:center; color:#fff; margin:3px auto; background:#ff950b;font-size:14px;}
.cptel a:hover{ color:#000;}
.cptel h4{ font-size:24px; font-weight:bold;}
/*产品左侧列表动画*/
.button--rayen {
	display: block;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
}
.button--rayen::before {
	background: #3c9fe3;
	color:#fff;
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--rayen:hover::before {
	color:#fff;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*******footer************/
.footer{ width:100%; height:260px; background:#dcdcdc;}
#footer{ width:1200px;margin:0 auto;  position:relative;}
.ftl{width:900px; height:230px; float:left; background:url(../Image/ftlogo.jpg) 0 25px no-repeat;  }
.ftl p{ color:#000; text-align:left; line-height:32px; padding-left:200px; padding-top:30px;}
.ftr{ width:230px; margin-left:30px; float:left; background:#eeeeee;height:250px;}
.ftr .zxzx a{ display:block;color:#000; font-size:14px; width:170px; height:40px; line-height:40px; border:1px solid #dbdbdb; text-align:center;-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; margin:30px auto;}
.ftr .zxzx a:hover{ color:#007cc2;}
.ft_share{ padding-left:30px;}
/********内页********/

.sub_page{width: 100%;height: auto; }
.sub_content{width: 1200px;padding: 15px 0; margin:0 auto;}

.left_list{ width:270px; float:left; margin-bottom:35px;}

.right_list{width:905px; float:left; margin-left:25px; background:#fff; margin-bottom:20px;}
/*内页右侧标题*/
.title{padding:0px;height:52px; background:#3c9fe3; color:#fff;}
.title strong{float:left;display:inline-block;height:52px; line-height:52px;color:#fff;text-align:center; padding:0 10px; font-size:20px;}
.title span{line-height:52px; padding-left:15px; padding-right:15px;}
.title a{color:#fff;}
.title .bold{color:#fff;}
.title .right a:hover{color:#da020d;text-decoration:underline;}

.snewsleft{ width:120px; height:100px; float:left;}
.snewsleft img{width:130px; height:110px;}
.snewsright{width:737px; height:110px; float:left; margin-left:20px; overflow:hidden;}
.snewsright a{ font-size:16px; font-weight:bold; line-height:28px;}
.snewsright p{}
.snewsright .snews_date{ float:right;}