@charset "gb2312";
/* CSS Document */

*{margin:0; padding:0;}
body{ font-size:14px;  color:#666; font-family:'\5fae\8f6f\96c5\9ed1',"Hiragino Sans GB","Arial","tahoma"; background:#fff url(/images/bg.jpg);}
a{text-decoration:none; color:#333;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}
a:hover{color:#333;}
.clear{clear:both;}
.blank6{height:6px;}
.blank12{height:12px;}
.blank24{height:24px;}
.blank36{height:36px;}
ul,li{list-style:none;}
em{font-style:normal;}
img{border:0;}
.box{width:1200px; margin:0 auto; position:relative;}
.mt24{margin-top:24px;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;position:relative;}
.tran{transition:background 0.2s ease-in-out;
-webkit-transition:background 0.2s ease-in-out;
-moz-transition:background 0.2s ease-in-out;
-o-transition:background 0.2s ease-in-out;}

a:hover{transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}





/**header**/
.top{background:#f8f8f8; height:44px; line-height:44px; position:relative;border-bottom:1px #E2E3E2 solid;}
.top .welcome{width:600px;color:#464646;font-size:14px;}
.top .collect{float:right;height:44px; font-size:14px;text-align:center;color:#464646;}
.top .collect span{color:#464646; height:22px;line-height:22px; display:inline-block;}
.top .collect span a{color:#666;}
.top .collect span a:hover{color:#464646; text-decoration:underline;}


/**logo**/
.logo{width:100%;height:100px;margin:0 auto;position:relative; z-index:99999;}
.logo_l{width:360px;padding-top:15px;}
.logo_r{width:780px;}





/**导航开始**/
.nav{ font-size:18px;text-align:center; position:relative; width:780px;color:#464646; background:red;}
.nav li{float:left; position:relative; text-align:center; z-index:100;width:100px;margin-top:20px;height:60px;line-height:60px;color:#fff;font-size:18px;color:#464646;margin-left:15px;margin-right:15px;}
.nav ul li::before,ul li::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  height:3px;
  width:0;
  background-color:#1567B3;  /*下滑线颜色*/
  transition: all .2s linear;
}
.nav ul li:hover::before{
  /*width:50%;
  left:0;*/
}
.nav ul li:hover::after{
   width:100%;
   left:0;
}
.nav li a{display:block;}
.nav li a:hover{color:#1567B3;}  /*字颜色*/
/**导航结束**/





/**焦点图开始**/
.banner { position:relative; width:100%;border-top:1px #EFEFEF solid;border-bottom:1px #EFEFEF solid;}
.banner .bd { position:relative; width:100%;height:550px; text-align:center; }
.banner .bd li a{width:100%;height:550px; display:block;}
.banner .hd { position:absolute; bottom:3%; width:100%; height:12px; z-index:1; }
.banner .hd ul { width:1000px; height:15px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:50px; height:6px; margin:0 2px; border-radius:6px; background:#f5f5f5; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background: #F00;}
.banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:59px; height:60px; margin-top:-30px; z-index:99; display:none; }
.banner .bPrev { left:3%; background:url(../images/bPrev.png) no-repeat; }
.banner .bNext { right:3%; background:url(../images/bNext.png) no-repeat; }
/**焦点图结束**/




/*产品中心*/
.product{width:100%;margin:0 auto;position:relative;min-height:500px;}
.product h1{width:100%;text-align:center;font-size:32px;color:#1567B3;line-height:60px;font-weight:normal;background:url(/images/pro_tit_bg.png) center bottom no-repeat;}
.product_list{ width:1200px; text-align:center;}
.product_list .hd{ height:37px; line-height:37px; position:relative;text-align:center;margin:0 auto;width:820px; }
.product_list .hd ul{ float:left; position:absolute;height:37px;}
.product_list .hd ul li{ float:left;min-width:140px;margin:0 10px;font-size:18px;color:#555;background:#fff;border:1px solid #ccc;border-radius:10px 0px 10px 0px;padding-left:10px;padding-right:10px;}
.product_list .hd ul li.on{ height:39px;background:#1567B3; color:#fff;border:1px #1567B3 solid;}
.product_list .hd ul li.on a{color:#fff; display:block;}



.product_list .bd{width:1200px;}
.product_list .bd li{ width:380px;height:285px;float:left; position:relative;margin:10px 10px;border:1px #dfdfdf solid; box-sizing:border-box; overflow:hidden;}
.product_list .bd li .pic{width:380px;height:285px; overflow:hidden;}

.product_list .bd li .pic a{display:block;width:380px;height:285px;}
.product_list .bd li .pic img{transition:all 0.3s}
.product_list .bd li .pic img:hover{transform: scale(1.1)}
.product_list .bd li .tit{width:380px;height:52px;line-height:52px; text-align:center;color:#fff;font-size:16px;background:rgba(21,103,179,0.8); position:absolute;bottom:-52px;left:0px;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s;}
.product_list .bd li:hover  .tit{bottom:-2px;left:0px;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s;}





/*****公司简介*****/
.about{width:100%;margin:0 auto;position:relative;overflow:hidden; background:url(/images/about_bg.jpg);}
.boxabout{width:1040px; background:#fff;margin:60px auto;padding:50px 30px;}

.about_tp{width:500px;height:400px; z-index:998;}



.about_wz {width:500px;;font-size:16px;color:#666;line-height:38px;}
.about_wz h1{font-size:24px;color:#1567B3;}
.about_wz h1 span{color:#999999;font-size:16px;}
.about_wz h2{width:160px;height:32px;line-height:32px;border:1px solid #fff;background:#338EE1; text-align:center;font-size:14px;color:#fff;margin-top:30px;font-weight:normal;margin-left:-90px; z-index:999; position:absolute;}
.about_wz h2 a{color:#fff;display:block;}





/*****新闻资讯***/
.news{padding:30px 0px;}
.news h1{width:100%;height:90px;text-align:center;font-size:32px;color:#1567B3; background:url(../images/pro_tit_bg.png) no-repeat bottom center; font-weight:normal;}
.news h1 span{color:#999;font-size:26px;}

/***
.news_list{width:570px;height:310px;}
.news_r{width:560px;height:300px;}
.news_list li{width:570px; height:45px; line-height:45px;padding-left:20px; background:url(../images/icon.png) no-repeat center left;font-size:16px;color:#25292F;overflow:hidden;transition:All 0.2s ease-in-out;
-webkit-transition:All 0.2s ease-in-out;
-moz-transition:All 0.2s ease-in-out;
-o-transition:All 0.2s ease-in-out;}
.news_list li span{float:right;font-size:14px;color:#6A7688;}
.news_list li a{color:#25292F;width:520px;height:45px;overflow:hidden;}
.news_list li:hover{
	transform:translate(5px,0);
	-webkit-transform:translate(5px,0);
	-moz-transform:translate(5px,0);
	-o-transform:translate(5px,0);
	-ms-transform:translate(5px,0);
	cursor:pointer;}
.news_list li:hover a{color:#DB0000; text-decoration:underline;}
新闻资讯*****/


.news_list{width:1212px;margin:0 auto;margin-top:10px;}
.news_list .news_list_picScroll{width:1212px;margin-top:10px;overflow:hidden; position:relative;}
.news_list .news_list_picScroll ul{ overflow:hidden; zoom:1;margin-left:-3px;}
.news_list .news_list_picScroll ul li{margin-left:26px;float:left;width:370px;height:400px;border:1px #dfdfdf solid; border-radius:10px;background:#fff;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s; color:#000;box-shadow:0px 4px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 4px 5px rgba(100,100,100,.5);-moz-box-shadow:0px 4px 5px rgba(100,100,100,.5);}
.news_list .news_list_picScroll ul li .tit{width:350px;text-align:left;color:#333;font-size:20px;padding:10px;}
.news_list .news_list_picScroll ul li p{font-size:14px;padding:0px 10px; box-sizing:border-box;line-height:20px;color:#666;}
.news_list .news_list_picScroll ul li:hover{background:#fff;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;border:1px #dfdfdf solid;box-shadow:0px 2px 5px rgba(51,142,225,.5);-webkit-box-shadow:0px 2px 5px rgba(51,142,225,.5);-moz-box-shadow:0px 2px 5px rgba(51,142,225,.5);}
.news_list .news_list_picScroll ul li:hover .tit{color:#ff0000;}

a.more1{display:block;height:40px;border:1px #338EE1 solid;background:#fff;line-height:40px;text-align:center;font-size:16px;color:#338EE1;margin:0px auto;width:150px;margin-top:40px;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s;}
a.more1:hover{background:#338EE1;color:#fff;}











.b_3{width:100%;}
.b_3 h1{font-size:28px;font-weight:normal;color:#0058B0; text-align:center; padding:36px 10px 26px;border-bottom:1px #C8C8C6 dashed; letter-spacing:2px;}
.b_3 h1 span{display:block;background:#0058B0;width:56px;height:2px;margin:10px auto;}
.b_3 .sm{font-size:14px;color:#999;line-height:80px; text-align:center;}


/**   384   288 **/
.b_3_box{width:1200px;}
.b_3_box ul li{float:left;position:relative;width:280px;height:210px;border:1px #dfdfdf solid;margin-right:20px;margin-bottom:30px;}
.b_3_box ul li:nth-child(4n){margin-right:0;}

.b_3_box ul li span{position:absolute; left:0; bottom:0; display:block; width:280px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; line-height:60px; text-align:center; }
.b_3_box ul li span em{display:block; background:url(/images/o_ico_19.png) no-repeat center 59px;}




/*.b_3_box ul li .tit{transition: all 0.3s;height:40px;line-height:40px;text-align:center;position:relative;bottom:40px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;color:#fff; }
.b_3_box ul li .con-txt{transition: all 0.3s;position: absolute; left:0;bottom:-165px;height:165px;color:#fff;font-size:14px;line-height:28px; text-align:left;width:245px;padding:40px 20px 10px;}
.b_3_box ul li .con-txt h2{font-size:24px;color:#fff; text-align:center;line-height:50px; font-weight:normal;}
.b_3_box ul li:hover .con-txt{bottom:0px;background:rgba(0,0,0,0.5);}
.b_3_box ul li:hover .tit{bottom:-40px;}
*/






/****************************************************************************内页**************************************************************************************/


.page_main{width:100%;height:auto;background:#F4F4F4; position: relative;}
/******内页banner******/
.page_banner{background:url(../images/page_banner.jpg) no-repeat center center; height:350px; position:relative;}


.page_banner_en{background:url(../images/enpage_banner.jpg) no-repeat center center; height:350px; position:relative;}
/*height:auto;position:absolute;top:-103px;left:0;*/



/**左侧**/
/*导航*/
.page_l{float:left; width:270px;margin-top:-103px;}
.page_tit{width:120px;height:63px;background: url(../images/page_tit_bg.png) no-repeat center center;padding:20px 80px;font-size:24px;color:#fff;font-weight:normal;line-height:32px;text-align:left;}
.page_tit span{font-size:16px; font-weight:normal;text-transform:uppercase;}
.page_nav{width:244px;height:auto;background:#fff;padding:0 18px;}
.page_nav li{width:244px;height:64px;line-height:64px;text-align:left;color:#fff;border-bottom:1px solid #E6E6E6;font-size:16px;}
.page_nav li a{color:#000;display: block;width:184px;height:64px;padding-left:60px;background:url(../images/page_icon.png) no-repeat 20px center;}
.page_nav ul li:hover a{background:url(../images/page_icon.png) no-repeat 20px center;color:#DB0000; text-decoration:underline; }
.page_nav ul li:hover{background:rgba(191,213,255,0.5);}




/**右侧**/
.page_r{float:right; width:910px;min-height:300px;background:#FFFFFF;}
.page_tit2{font-size:16px; color:#666; border-bottom:1px #dfdfdf dashed; line-height:66px; padding:0px 10px; text-indent:35px; background:url(/images/home.png) 20px 25px no-repeat; font-weight:bold;}
.page_tit2 span{float:right; font-size:12px; font-weight:normal; margin-top:24px; line-height:20px; color:#999; margin-right:10px;}




/****关于我们****/
.page_about{font-size:14px; line-height:30px; padding:20px 50px 60px 50px; text-align:justify;}
.up-and-down-page1{width:880px;height:46px;line-height:46px;background:#F5F3F3;margin:10px auto;}
.up-and-down-page1 a.btn{display:inline-table;background: url(../images/page_icon2.jpg) no-repeat 160px center;line-height:46px;width:400px;text-align:center;font-size:14px;color:#666;margin:0px 20px;}
.up-and-down-page1 a.btn:hover{color:#0066CC;background: url(../images/page_icon2.jpg) no-repeat 160px center;}



/******通用图片列表******/
.page_pic{margin:0  auto;width:840px;padding:20px 0px;}
.page_pic ul{width:840px;}
.page_pic li{float:left;width:240px; height:230px; background:#fff; margin:15px 15px 15px 10px;padding:4px;text-align:center;border:1px #dfdfdf solid;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;}
.page_pic li span{height:100%;display:inline-block;vertical-align:middle;}
.page_pic li img{vertical-align:middle;}
.page_pic li .pic{width:240px; height:180px;background:#fff;}
.page_pic li .tit{width:210px;padding-left:10px;padding-right:10px;height:40px;line-height:22px; text-align:center;font-size:16px;padding-top:10px; color:#1F1F1F;}
.page_pic li:hover{background:#6696FF;transition: 0.3s;-webkit-transition: .3s; -moz-transition: .3s;box-shadow:0px 2px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 2px 5px rgba(100,100,100,.5);-moz-box-shadow:0px 2px 5px rgba(100,100,100,.5);}
.page_pic li:hover a{color:#fff;text-decoration:none; text-decoration:underline;}



/******新闻******/
.page_news{width:860px;margin:0 auto;overflow:hidden;padding-top:20px;}							
.page_news li{border-bottom:1px #dfdfdf dotted;line-height:44px;background:url(../images/icon.png) no-repeat left center; text-indent:16px;}
.page_news li a{font-size:14px;color:#666666;}
.page_news li a:hover{color:#D41618; text-decoration:underline;}
.page_news li span{float:right;font-size:12px;color:#999999;}




/*内页右侧翻页按钮样式-新闻列表页*/
.fenye{margin:20px 0px 30px 0px;text-align:center;font-size:12px;}
.fenye a{border:1px solid #DAD1C2; padding:5px 8px; margin:0 2px; height:16px; line-height:16px; display:inline-block;}
.fenye a:hover{background:#1567B3; color:#fff; text-decoration:none;}
.fenye a.currclass{background:#1567B3; color:#fff;}


/**正文内容**/
.page_box .content{padding:20px 50px; font-size:14px; line-height:26px; color:#333;}
.page_box .content  h1{font-size:20px; margin:10px 0px; color:#333; text-align:center; font-weight:normal;}
.page_box .content .time{margin:15px 0px 0px; border-bottom:1px dotted #ddd; padding-bottom:10px;color:#999999; text-align:center;}
.page_box .content1{font-size:14px; line-height:28px; color:#333;padding:20px 0px;}
.page_box .content1 img{padding:8px 0px;}




/*内页新闻详情页**********************/
.newsinfo_con{margin:0 10px 30px 0;}
.newsinfo_con h1{font-size:20px;color:#333;line-height:36px;margin-top:18px; text-align:center;}
.newsinfo_con .time{height:34px;line-height:34px;color:#999;border-bottom:1px #dfdfdf dotted; text-align:center;}
.newsinfo_con .content{font-size:16px;line-height:36px;color:#666;padding-top:20px;}
.newsinfo_con .content img{padding:5px 0px;}





.up-and-down-page{margin:10px auto;height:60px;text-align:center;}
.up-and-down-page a.btn{display:inline-table;border:1px #dfdfdf solid;background:url(/images/next_ico.jpg) 5px 3px no-repeat;border-radius:4px;line-height:24px;width:90px;text-align:center;font-size:14px;color:#666;margin:0px 10px;}
.up-and-down-page a.btn:hover{border:1px #D52C3F solid;color:#D52C3F;background:url(/images/next_ico.jpg) 5px -14px no-repeat;}


.xiangguan-info-list{border:1px #dfdfdf solid;}
.xiangguan-info-list h2{font-size:14px;line-height:30px;background:#f5f5f5;border-bottom:1px #dfdfdf solid;padding-left:20px;}
.xiangguan-info-list ul{padding:12px 10px;}
.xiangguan-info-list ul li{line-height:28px;height:28px;}
.xiangguan-info-list ul li a{font-size:14px;color:#666;text-decoration:None;}
.xiangguan-info-list ul li a:hover{text-decoration:underline;color:#F38800;}










/*底部样式*/
.footer{background:#2E313F;color:#fff;width:100%;height:176px;}
.footer_l{width:480px;padding-top:20px;}
.footer_l dl{float:left;width:160px;text-align:left;line-height:26px; text-indent:20px;}
.footer_l dl dt a{font-size:16px;color:#fff;font-weight:bold;display:block;line-height:32px;}
.footer_l dl dd{color:#fff;}
.footer_l dl dd a{font-size:12px;color:#fff;}
.footer_l dl a:hover{color:#f5f5f5;text-decoration:underline;}

.footer_r{float:right;padding-top:5px;}
.footer_r .tel{float:left;width:460px;}
.footer_r .tel h2{font-size:16px;color:#fff;margin-bottom:10px;}
.footer_r .tel h2 span{font-weight:normal;}
.footer_r .tel p{font-size:14px;line-height:23px; text-align:left; background:url(/images/tel.png) 0px 0px no-repeat; padding-left:54px;padding-right:20px;}
.footer_r img{float:right;display:block;}

.footer a{color:#939393;}
.footer a:hover{ text-decoration:underline;}
.footer_copy{line-height:45px;border-top:0px #73757E solid;font-size:14px;color:#939393; text-align:center;background:#1C1F22;}


/***在线客服***/

.online-qq{position:fixed;top:50%;right:10px;z-index:200}

.online-qq {}
.online-qq .qq_content{background:#fff;margin:0;padding:0;}
.online-qq .qq_content dt{background:url(/images/online_qq.png) no-repeat;color:#fff;font-size:14px;font-weight:bold;padding:6px 15px;border:1px solid #ddd;border-bottom:0;}

.online-qq .qq_content .qq{padding:10px 10px 5px;margin:0;border:1px solid #ddd;border-top:0}
.online-qq .qq_content .qq p{background:url(/images/online_qq.png) repeat-x 0 -33px;margin:0 0 5px}
.online-qq .qq_content .qq a{border:1px solid #ddd;display:block;background:url(/images/online_qq.png) no-repeat 10px -72px;height:23px;line-height:23px;padding:0 18px 0 30px}
.online-qq .qq_content .tel{background:#f9f9f9;padding:10px;margin:0;text-align:center;font-size:14px;font-weight:bold;color:#333;border:1px solid #ddd;border-top:0;line-height:22px;}
.online-qq .qq_content .tel strong{font-size:12px;color:#f60;display:block;padding-left:7px;text-align:left;}
.online-qq .qq_content .tel strong span{font-size:14px;color:#333333;}
.online-qq .foot{border:1px solid #ddd;background:#f1f1f1;height:2px;overflow:hidden;margin:0 5px;border-top:0;display:none}

.others_online{width:110px;text-align:center;background:url(/images/online_qq.png) repeat-x 0 -33px;margin:0 auto 5px;position:absolute;top:46px;left:290px}
.others_online .online_qq{border:1px solid #ddd;display:block;background:url(/images/online_qq.png) no-repeat 10px -69px;height:30px;line-height:30px;padding:0 18px 0 30px}	



/******联系我们******/
.page_contact{padding:20px 40px;}
.page_contact h5{font-size:14px; color:#333; margin:10px 0px;}
.page_contact .contact_con{line-height:22px; height:22px;}
.page_contact .map{margin-top:20px;}

