@charset "utf-8";
/* CSS Document */
body{margin:0px auto; padding:0px; color:#333333; font-size:16px; overflow-x:hidden; font-family:"Arial";text-align:justify; text-justify:inter-ideograph}
form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px;padding:0px;}
i{ font-style:normal;}
img{margin:0px; padding:0px; border:0px; overflow:hidden;}
li{ list-style:none; padding:0; margin:0;}
ul{margin:0px;padding:0px;list-style-type:none;}
input,select{margin:0px;padding:0px;vertical-align:middle; outline:none}
a{ color:#333333; text-decoration:none; padding:0; margin:0;}
a:hover{ color:#006ab9}
.clear{font-size:0px;line-height:0px;float:none;rheight:0px;clear:both;overflow:hidden;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
.margin{ padding-top:50px; padding-bottom:50px;} 
.comwidth{ width:1300px; margin:0 auto;}

/*顶部*/
.top{ width:100%; height:88px; line-height:88px; overflow:hidden; background:url(../images/top.png) repeat; position:absolute; top:0; left:0; z-index:10; box-shadow:1px 1px 5px #d0d0d0;}
.top h1{ float:left;}

.navig{ float:left; padding-left:8%;}
.header .nav li{ float:left; z-index:10; font-size:16px; position:relative;}
.header .nav li .a1{ font-size:17px; color:#006ab9}
.header .nav li a,.header .nav li a:hover{ color:#333}

.header .nav .v1{position:relative;display:block;padding:0 18px;height:88px;line-height:88px;overflow:hidden}
.header .nav .v1 span{position:relative;display:inline-block;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.header .nav .v1 span:after{content:attr(data-txt);position:absolute;left:0;width:100%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.header.header-index .nav .v1 span:after{color:#fff}
.header .nav li.on .v1 span,.header .nav li:hover .v1 span{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}

.language{ float:right; padding-top:12px}
		
/*轮播图*/
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:13px; overflow:hidden; position:absolute; left:50%; margin-left:-58px;  bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 8px;  width:13px; height:13px; border-radius:100%; background:#333; cursor:pointer; opacity:0.5  }
.slideBox .hd ul li.on{ background:#fff; opacity:0.8 }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; width:100%; height:100%; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }

.Online{ position:fixed; bottom:50px; left:50px;}
.Online .phone{ font-size:32px; color:#006ab9}
.Online .phone img{ vertical-align:middle; margin-top:-6px}
.Online ul{ margin-top:15px;}
.Online ul li{ float:left; width:125px; height:40px; border-radius:5px; background:#006ab9; line-height:40px; text-align:center; font-size:16px; margin-right:15px}
.Online ul li a{ color:#fff}
.Online ul li:hover{ background:#2379b8}

.gsjj_left{ float:left; width:70%; padding-top:100px; line-height:32px;}
.gsjj_left h2{ font-size:68px; color:#333; font-weight:normal; margin-bottom:60px}
.jianjie{ height:278px; overflow:hidden}
.jianjie a,.news_left p a,.news ul li .date_r p a{ color:#006ab9}
.jianjie a:hover,.news_left p a:hover,.news ul li .date_r p a:hover{ color:#333}

.gsjj_left ul{ padding-top:50px}
.gsjj_left ul li{ float:left; width:267px; height:196px; overflow:hidden ; margin-right:30px; cursor:pointer}
.gsjj_left ul li img{ width:267px; height:196px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.gsjj_left ul li:hover img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.gsjj_left ul li:hover{ box-shadow:1px 1px 5px #787878;}

.gsjj_right{ float:right; width:17%; height:617px; background:#006ab9; margin-top:100px;}
.gsjj_right ul{ padding-top:10px;}
.gsjj_right ul li{ width:100%; text-align:center; margin-top:27px; cursor:pointer}
.gsjj_right ul li span{ display:block; font-size:18px; color:#fff; padding-top:10px;}
.gsjj_right ul li img{ width:129px; height:129px; transition:1s; -webkit-transition:1s; -moz-transition:1s;}
.gsjj_right ul li img:hover{-webkit-transform:rotate(360deg) scale(1.0); 
	-moz-transform:rotate(360deg) scale(1.0);
	-ms-transform:rotate(360deg) scale(1.0);
	-o-transform:rotate(360deg) scale(1.0)}

/*products*/
.products{ width:1300px; margin:auto; padding-top:100px;}
.products h2{ width:100%; text-align:center; color:#fff; font-size:68px; font-weight:normal; background:url(../images/xian1.png) no-repeat center}
.products .cp_fl ul{ padding-top:70px}
.products .cp_fl ul li{ float:left; padding:10px 15px; background:#cacaca; margin-right:8px; margin-bottom:12px;}
.products .cp_fl ul li:last-child{padding:10px 34px; background:#006ab9;}
.products .cp_fl ul li:last-child a{ color:#fff}

.picScroll-left{ width:1300px;  overflow:hidden; position:relative; }
.picScroll-left .hd .prev{ position:absolute; background:url(../images/an_left.png) no-repeat; width:25px; height:46px; left:0; top:188px; cursor:pointer}
.picScroll-left .hd .next{ position:absolute; background:url(../images/an_right.png) no-repeat; width:25px; height:46px; right:0; top:188px; cursor:pointer}

.picScroll-left .bd{ padding-left:38px; padding-top:100px   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; margin:0 9px; _display:inline; text-align:center; padding:4px; background:#fff;transition:All 0.3s ease-in-out;
		-webkit-transition:All 0.3s ease-in-out;
		-moz-transition:All 0.3s ease-in-out;
		-o-transition:All 0.3s ease-in-out;  }
.picScroll-left .bd ul li:hover{transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #000;
    -moz-box-shadow:0px 5px 15px #000;
	box-shadow:0px 5px 15px #000;}
.picScroll-left .bd ul li .pic img{ width:280px; height:217px; display:block; }
.picScroll-left .bd ul li .title{ border-top:1px #c5c5c4 solid; background:#eaeaea; line-height:68px; }
.picScroll-left .bd ul li:hover,.picScroll-left .bd ul li:hover .title { background:#006ab9}
.picScroll-left .bd ul li:hover a{ color:#fff}


/*news*/
.news{ width:1300px; margin:auto; padding-top:100px;}
.news h2{width:100%; text-align:center; color:#fff; font-size:68px; font-weight:normal; background:url(../images/xian2.png) no-repeat center}
.news_left{ float:left; width:420px; height:480px; background:#fff; margin-top:70px; box-shadow:1px 1px 5px #d0d0d0; position:relative; z-index:10}
.news_left .date{ width:90px; background:#006ab9; top:0; left:0; position:absolute; z-index:10; opacity:0.7; color:#fff; text-align:center; font-size:24px; padding-top:10px; padding-bottom:10px}
.news_left .date span{ display:block; padding-top:6px; border-top:1px #fff solid; font-size:18px; margin-top:4px;}
.xw_img{width:420px; height:287px; overflow:hidden}
.xw_img img{ width:420px; height:287px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.xw_img:hover img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.news_left h3{ font-size:20px; height:45px; overflow:hidden; font-weight:normal; padding:22px;}
.news_left p{  height:85px; overflow:hidden; color:#666; padding:0px 22px;word-break:break-all }

.news ul{ float:right; width:850px; height:465px; background:#fff; margin-top:70px; box-shadow:1px 1px 5px #d0d0d0; padding-top:15px}
.news ul li{ width:780px; height:80px; padding-top:25px; padding-bottom:25px; border-bottom:1px #999 dashed; margin:auto;}
.news ul li .date{ float:left; width:90px; background:#006ab9; color:#fff; text-align:center; font-size:24px; padding-top:10px; padding-bottom:10px; margin-right:35px}
.news ul li .date span{ display:block; padding-top:6px; border-top:1px #fff solid; font-size:18px; margin-top:4px;}
.news ul li .date_r h3{ font-weight:normal; font-size:20px; padding-top:6px;}
.news ul li .date_r p{ color:#666; height:36px; overflow:hidden; padding-top:12px;}

.news .more{ padding:5px 20px; border-radius:5px; position:absolute; right:20px; bottom:22px; background:#cacaca}
.news .more:hover{ background:#006ab9;}
.news .more:hover a{ color:#fff}


/*二级大图*/
.rj_banner{ width:100%; padding-top:88px;}
.rj_banner img{ width:100%}

.mbx_dh{ width:100%; margin-top:-4px;}
.nav-height{ position:relative; height:56px;}
.nav-wrap { width:100%; height:56px; background: #006ab9;}
.nav-wrap.navFix{position:fixed ; top: 0; left:0; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 1300px; display: block;}
.nav-wrap li {height: 56px; line-height: 56px; float: left; }
.nav-wrap li a {font-size:20px; color: #fff; padding:0 30px; }
.nav-wrap li a.active { background:#fff; color:#006ab9; display:block}

/*about us*/
.section-content1,.section-content3{ width:1300px; margin:auto; line-height:32px;}
.section-content1 h2,.section-content3 h2{ width:100%; text-align:center; font-size:46px; font-weight:normal; margin:50px 0px;}
.section-content1 video{ float:right; margin-left:30px; margin-bottom:30px; margin-top:10px}

.section-content2{ width:100%; background:url(../images/wg_bg.jpg) no-repeat top center; margin-top:50px; line-height:32px; padding-bottom:50px}
.section-content2 h2{ width:100%; font-size:46px; font-weight:normal; padding:50px 0px;}
.section-content2 span{ font-weight:600}

.picMarquee-left{ width:1300px;  overflow:hidden; position:relative; padding-bottom:50px; padding-bottom:60px }

.picMarquee-left .hd .prev{ position:absolute; background:url(../images/an_left2.png) no-repeat; width:22px; height:40px; top:150px; left:0; cursor:pointer }
.picMarquee-left .hd .next{ position:absolute; background:url(../images/an_right2.png) no-repeat; width:22px; height:40px; top:150px; right:0; cursor:pointer }

.picMarquee-left .bd{ padding:10px 58px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; width:238px; padding:8px; border:1px #999 solid; margin:0px 20px; display:inline }
.picMarquee-left .bd ul li img{ width:222px; height:320px}
.picMarquee-left .bd ul li .title{ text-align:center; padding:0 10px; line-height:24px; height:48px; overflow:hidden }
.picMarquee-left .bd ul li:hover{ border:1px #006ab9 solid}


/*news*/
.rj_news{ width:1300px; padding-bottom:40px}
.rj_news ul { padding-top:20px; }
.rj_news ul li{ float:left; width:1300px; padding-top:30px; padding-bottom:30px; border-bottom:1px #dddddd solid}
.rj_news ul li .news_img{ float:left; width:316px; height:178px; overflow:hidden; margin-right:35px}
.rj_news ul li .news_img img{ width:316px; height:178px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;}
.rj_news ul li .news_center{ float:left; width:770px;}
.rj_news ul li .news_center h6{ font-size:22px; font-weight:normal; padding-top:22px; padding-bottom:15px}
.rj_news ul li .news_center p{ line-height:24px; height:48px; overflow:hidden; color:#666}
.rj_news ul li .news_center span{ color:#999; padding-top:10px; display:block}
.rj_news ul li .news_more{ float:right; margin-top:74px; border-left:1px #999 solid; padding-left:50px}
.rj_news ul li .news_more img{ vertical-align:middle; padding-left:2px; margin-top:-3px}
.rj_news ul li:hover .news_img img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2)}
.rj_news ul li:hover a{ color:#006ab9;}

/* 分页 */
#page{ font-family:"宋体";text-align:center; margin-bottom:10px; display:block; padding-top:35px}
#page a { display:inline-block; height:27px; line-height:27px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
#page a.a1 { }
#page a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#page span { display:inline-block; height:27px; line-height:27px; background:#337ab7; color:#fff; text-align:center;padding:0 12px}

.article{ width:1300px; padding-top:50px; padding-bottom:50px}
.article h6{ font-size:24px; font-weight:normal; text-align:center; padding-bottom:30px}
.article .pre{ width:100%; padding-top:50px;}
.article .pre ul li{ width:100%; font-size:20px; line-height:42px;}
.article .pre ul li span{ font-weight:600}

/* lxwm */
.rj_lxwm{ width:1300px; margin:auto}

.main{ width:1300px; margin:auto; padding-top:50px; padding-bottom:60px}
.main_left{ float:left; width:294px;}
.main_left h2{ width:100%; height:82px; line-height:82px; background:#006ab9; font-size:26px; font-weight:normal; color:#fff; text-align:center}
.main_left ul{ width:100%; background:#eee; padding-top:20px; padding-bottom:20px;}
.main_left ul li{ width:254px; padding:15px 22px;}
.main_left ul li.a1{ background:url(../images/kuai.jpg) no-repeat;}

.main_right{ float:right; width:965px;}
.leibie{width: 965px; height:62px; line-height:62px; border-bottom: 2px #efefef solid; margin-bottom: 50px; font-size:28px; color: #747474;}
.main_right ul{ margin-top:-10px;}
.main_right ul li{ float:left; padding:8px; border:1px #ddd solid; margin:15px;}
.main_right ul li img{ width:272px; height:218px;}
.main_right ul li span{ display:block; text-align:center; padding-top:15px; padding-bottom:15px; font-size:18px;}
.main_right ul li:hover{ border:1px #006ab9 solid}

/*联系我们*/
.lxwm{ width:1300px; margin:auto; padding-top:100px;}
.lxwm h2{width:100%; text-align:center; color:#fff; font-size:68px; font-weight:normal; background:url(../images/xian3.png) no-repeat center}
.lxwm ul{ padding-top:100px;}
.lxwm ul li{ float:left; width:33.3%; text-align:center; cursor:pointer}
.lxwm ul li img{ width:222px; height:222px; transition:1s; -webkit-transition:1s; -moz-transition:1s;}
.lxwm ul li:hover img{-webkit-transform:rotate(360deg) scale(1.0); 
	-moz-transform:rotate(360deg) scale(1.0);
	-ms-transform:rotate(360deg) scale(1.0);
	-o-transform:rotate(360deg) scale(1.0)}

.lxwm ul li span{ display:block; font-size:22px; color:#fff; padding-top:25px;}
.foot{ width:97%; position:absolute; bottom:0; left:0; height:38px; line-height:38px; text-align:right; color:#999; padding-right:3%;}
.foot a,.rj_foot span a{ color:#999}
.foot a:hover{ color:#e3e3e3}

.rj_foot{ width:100%; height:60px; line-height:60px; background:#666; color:#d8d8d8}
.rj_foot span{ float:right}

/*在线留言*/
.message{ width:1300px; padding-top:80px; padding-bottom:80px}
.message p{ width:500px; margin:auto; margin-bottom:22px}
.message p label{ float:left; width:80px; display:block; line-height:34px;}
.message p .duan1{ width:400px; height:34px; border:1px #bdbdbd solid}
.message p textarea{ width:396px; height:250px;border:1px #bdbdbd solid}
.message p .button{ width:200px; height:34px; background:#006ab9; border-radius:5px; margin-left:170px; display:inline; font-size:18px; color:#fff; text-align:center; cursor:pointer; outline:none}

