﻿/* 全局定义 */

*{margin:0; padding:0;}
html{ min-width:1200px;}
body{text-align:center; font:normal 15px/28px "microsoft yahei"; color:#666;-webkit-text-size-adjust:none;  }
@font-face{
	font-family:"sfont01";
	src: url("sfont01.TTF"); 
}  
@font-face{   
	font-family:"sfont01";
	src: url("sfont01.eot");
} 
img{ vertical-align:top; _behavior: url("../js/png.htc"); border:none;}
.clear{clear:both; height:0; overflow:hidden;}
.clear_r{clear:right; height:0; overflow:hidden;}
.blank10{height:10px; overflow:hidden;}
.blank40{height:40px; overflow:hidden;}
.blank60{height:60px; overflow:hidden;}
ul{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#ff9900; }
.white{color:white;}
.green{color:#68af02;}
.yellow{color:#E57441;}
.blue{color:#00ABEB;}
.text{margin:20px 40px;}
.text2{margin:40px 60px; color:#666666}
.text3{margin:40px 0px; color:#666666;}
.text4{margin:0px 0px; color:#fff; line-height:36px; text-align:left}
.text3 img{ width:980px;}

.header{display:block; width:55px; height:55px; position:fixed; bottom:45px; right:10px; background:#fff url(../images/top.jpg) center no-repeat; z-index:999;  border-radius:5px; border:1px #000000 solid; }
a:hover.header{ background:#f8f8f8 url(../images/top.jpg) center no-repeat;}


/* 头部 */
.header_out{width:100%; margin: 0 auto; background-color:#fff; position:relative;}
.header_line{width:100%; margin:0 auto; height:18px; background-color:#fff;}
#header{ height:140px; width:1200px; overflow:visible; position:relative;  margin: 0 auto; text-align:left;}
#header .logo{ position:absolute; left:0px; top:30px; font:normal 24px/82px "microsoft yahei"; color:#666;}
#header .cxt{ text-align:left;  position:absolute; right:270px; top:40px;  }
#header .tel{ position:absolute; left:610px; top:50px; font:bolder 20px/26px "microsoft yahei"; color:#333; width:300px;}
#header .tel img{ float:left;}
#header .tel span{  font:bolder 24px/24px "microsoft yahei"; color:#c00725; font-style:italic;}
#header .ewm_top{ position:absolute; left:900px; top:30px; font:bolder 36px/36px "microsoft yahei"; color:#666;}
#header .language{ -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; width:140px; height:30PX; line-height:24px;  float:right;padding:0; text-align:center; overflow:hidden; margin-top:30px;}
#header .language a{  color:#333;width:67PX; height:30PX; line-height:24px; display:block; float:left;  }
#header .language a.cn{}
#header .language a.en{ margin-left:1px;}
#header .language a:hover{ color:#fff; margin-top:-3px;}
#header .language a.current{ color:#333;}


.search{ text-align:left; background:url(../images/search.png) left top no-repeat; height:32px; width:236px; position:absolute; right:0px; top:60px;  }
.search .key{ position:absolute; top:5px; left:6px; border:none; line-height:20px; background:none; color:#999; width:180px;}
.search .search_submit{ position:absolute; top:0px; right:0px; cursor:pointer; border:none; background:none; width:50px; height:32px;}
.search_en{background:url(../images/search_en.jpg) left top no-repeat;}

#menu_out{width:100%; height:50px; margin:0px auto;  background:#0067b5; }
.menu{width:1200px; height:50px; margin:0px auto; padding-left:10px;  background:#0067b5; overflow:visible; z-index:9999;}

.menu li{text-align:center;position:relative; float:left;}
.menu li a{display:block; float:left; text-align:center;color:#fff; margin:0 0px; _margin:0 2px; font-size:15px; line-height:50px; width:199px; font-weight:bold;background:#0067b5 ;  overflow:hidden;}
.menu li a:hover{color:#fff	; background:#ff9900;}
#nav ul li ul{position:absolute; top:50px;left:0px;display:none;z-index:9;background:#ff9900;border-top:none;border-radius:0 0 4px 4px;box-shadow:0px 0px 0px 0px #red; padding-bottom:4px;  }
#nav ul li ul li{ margin:0; display:block; padding:0; text-align:center; display:block; float:none; line-height:30px; height:31px; }
#nav ul li ul a{ color:#ff9900; border-bottom:1px solid #ff9900; height:30px; background:#fff;  line-height:30px; font-size:13px;  margin:0px auto;  padding:0;}
#nav ul li ul a:hover{ color:#fff; background:#ff9900;}
#nav ul li.pcls>a{color:#fff; background:#ff9900;}
#nav ul li ul li ul{top:0px;left:199px;}

.menu li a.en{color:#fff; background:#999; line-height:20px; font-size:14px; margin-top:34px;}
.menu li a.en:hover{color:#fff; background:#999; border-bottom:1px #000 solid }

.menu2{width:100%; text-align:center; height:50px; background:#004DA1; overflow:hidden; border-top:1px solid #8398cd;  border-bottom:1px solid #407aba;}
.menu2 .menu2_in{ width:1000px; margin:0 auto; overflow:hidden; }
.menu2 li{ float:left; margin-left:-1px;}
.menu2 li a{display:block; float:left; padding:1px 42px; color:#FFF; font-size:15px; line-height:50px; font-weight:bold; border-left:1px #003B82 solid;}
.menu2 li a:hover{color:#ff9900; background:#FFF; }



/* 主要内容 */
.cnt1{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto"); background:url(../images/bg.jpg) center top no-repeat;}
.cnt2{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto");  background:#fff url(../images/about3.jpg) center bottom no-repeat; z-index:999; padding:30px 0 50px;}
.cnt3{width:100%; max-width:1980px; _width:expression(document.body.clientWidth > 1980 ? "1980px" : "auto"); }
.cnt_index{margin:0px auto;text-align:left; width:1200px; padding:10px 0px; }
.cnt_in{margin:0px auto;text-align:left; width:1200px; padding:0px 0px; }
.cnt_in2{margin:0px auto;text-align:left; width:1200px; padding:30px 0px;}
.cnt_in3{margin:-105px auto 0;text-align:left; width:1200px; padding:0px 0px;  z-index:999 }
.cnt_in_pro{margin:0px auto;text-align:left; width:1100px; padding:30px 0px;}
.cnt_in_pro2{margin:20px auto;text-align:left; width:1200px; height:434px; position:relative; padding:0px 0px;}
.cnt_in_pro2 .view_more1{position:absolute; left:0px; top:0x;}
.cnt_in_pro2 .view_more2{position:absolute; left:612px; top:0px;}
.cnt_in_pro2 .view_more3{position:absolute; right:0; top:0px;}
.cnt_in_pro2 .view_more4{position:absolute; right:0; top:210px;}
.cnt_in_pro2 .view_more5{position:absolute; left:0px; top:130px;}
.cnt_in_news{margin:0px auto;text-align:left; width:1100px; height:600px; padding:0px 0px; background:url(../images/newsbg.png) left top no-repeat; position:relative;}




.products{ text-align:center; background:url(../images/bg3.jpg) repeat; height:220px; padding:20px 0 20px;}
.products .title li{width:125px; margin:0 10px 0 0px; display:inline-block; _float:left; height:37px; text-indent:0;  background:#ddd; line-height:37px;font-size:18px; cursor:pointer; color:#333; font-weight:normal;}
.products .title li.active{background:url(../images/current.jpg) no-repeat; height:43px; color:#fff; }
.products .content li{ float:left; margin:20px 0;}

.products_in{width:450px; float:left; margin:0px 0 0 100px;}

a.img_left{ display:block; position:relative; width:800px; height:110px; margin:10px 0 0 0px; overflow:hidden; float:left; text-align:center; background:#eee; }
a:hover.img_left{ background:#1868b3; color:#fff;}
a.img_left img {width:160px; height:110px; float:left;}
a:hover.img_left img {}
a.img_left p{ float:right; width:600px; padding:10px; overflow:hidden; background:url(../images/icon_pro1.png) left 20px no-repeat; border-bottom:1px #ccc solid; text-align:left;  font-size:16px;}
a.img_left p .time{ font-size:14px; color:#999;}

a:hover.img_left p{ background:url(../images/icon_pro2.png) left 20px no-repeat; border-bottom:1px #1868b3 solid;}
a.img_left div{ float:right; width:260px; overflow:hidden; text-align:left; padding:5px 5px; line-height:24px;}

a.img_left2{ display:block; position:relative; width:1140px; height:320px; margin:0; padding:30px; overflow:hidden; float:left; text-align:center; background:#ddd; border-bottom:0px #ddd solid; }
a:hover.img_left2{ background:#ddd; border-bottom:10px #1868b3 solid;}
a.img_left2 img {width:600px; height:320px; float:left;}
a:hover.img_left2 img {}
a.img_left2 p{ padding:50px 20px 0;line-height:30px; width:500px; height:220px; overflow:hidden; color:#333; font-size:20px; float:right;  text-align:center;}
a.img_left2 p span{line-height:28px; color:#666; font-size:14px; display:block; text-align:left; text-indent:2em;}
a:hover.img_left2 p{ color:#000; font-weight:bold;}
a:hover.img_left2 p span { color:#005488;font-weight:normal;}
b.more3{  background:#d3111a; font-size:9px; color:#fff; line-height:18px;border-radius:10px; padding:0px 7px; margin-left:15px; }
b:hover.more3{  background:#003b99;}






     
.cnt4{ text-align:center; background:url(../images/bg.jpg) center top no-repeat;  padding:0px 0 0 ;  width:100%}
.cnt_in2{margin:0px auto; width:1200px; overflow:visible;  position:relative; }
.cnt_in2 .icon_05_1{ position:absolute; left:48%; top:-53px;}
.cnt_in2 .icon_05_2{ position:absolute; left:48%; bottom:-51px;}



.pro .pro_list{height:65px; overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:8px;}
.pro .pro_list img{ float:left; margin-right:10px; display:inline;}
.pro .pro_list a{font-weight:bold;}
.pro .pro_list div{ height:48px; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.pro .pro_list domain() {
	div { text-overflow:clip; position:relative; white-space:normal; padding-right:1.2em; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	div:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}



.title{font:bold 14px/28px "microsoft yahei"; color:#555; text-indent:15px; background:url(../images/baohe_06.jpg) left bottom no-repeat; position:relative; height:28px; margin-bottom:10px;}
.title span{ position:absolute; right:0; top:0; font:normal 12px/28px "microsoft yahei"; }
.title span a{ color:#14ae67;}

.contacts{float:right; width:206px}

.about_sevice{background:url(../images/about_sevice.jpg) left top no-repeat; margin-top:20px; position:relative; width:1200px; height:383px; }
.about_sevice .about{ position:absolute; top:70px; left:30px; width:350px; height:190px; overflow:hidden; color:#fff;}

.about_sevice .more_about img{ position:absolute; bottom:30px; left:240px; background:#000;}
.about_sevice .more_sevice img{ position:absolute; bottom:30px; right:30px; background:#00a0e9;}
.about_sevice a:hover.more_about img,.about_sevice a:hover.more_sevice img{ background:#134a9e;}


/* 左边 */
#left { float:left; width:240px; margin:0px 0 0 25px; }


.menuTree{padding:0px;}
.menuTree .title_list{font:bold 20px/56px  "microsoft yahei"; color:#fff; text-align:left;height:56px; background:#0858b1 url(../images/icon66.png) 190px center no-repeat; text-indent:40px;border-radius:10px 10px 0px 0; }
.menuTree UL LI UL {	/*DISPLAY: none*/}
.menuTree .left_box { border:1px solid #ccc; border-top:none; border-bottom:none;}


.menuTree UL LI { overflow:hidden;}
.menuTree UL LI A {
	font:normal 14px/44px "microsoft yahei"; border-bottom:1px #ccc solid; text-align:left; text-indent:40px; display:block; width:240px; text-align:left; }
.menuTree UL LI A:hover {
	  background:#eee; color:#000
}
.menuTree UL LI UL { margin:0 auto;}
.menuTree UL LI UL LI {}
.menuTree UL LI UL LI A {
	  display:block; font-weight:normal; font-size:15px; color:#fff; height:23px; line-height:23px; border:none;;
}
.menuTree UL LI UL LI A:hover { 
}
.menuTree UL LI UL LI UL {
}
.menuTree UL LI UL LI UL LI a{
	color:#fff; font-size:12px
}
.menuTree UL LI UL LI UL LI a:hover{
	
}
.menuTree UL LI UL LI UL LI UL LI a{
	color:#666; background:none;
}
.menuTree UL LI UL LI UL LI UL LI a:hover{
	color:#666; background:none; text-decoration:underline;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a{
	color:#999; background:none;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a:hover{
	color:#999; background:none; text-decoration:underline;
}
.menuTree a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-decoration:none; line-height:1.5;}
.menuTree @-moz-document domain() {
	li { overflow:hidden; height:1.5em;}
	a { text-overflow:clip; position:relative; white-space:normal;  display:block; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	a:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}

.menuTree2{padding:0px; margin-top:60px; margin-bottom:30px;}
.menuTree2 .title_list2{font:bold 20px/56px  "microsoft yahei"; color:#fff; text-align:left;height:56px; background:#515151 url(../images/icon77.png) 190px center no-repeat; text-indent:40px;border-radius:10px 10px 0px 0; }
.menuTree2 .left_box2 { border:1px solid #ccc; border-top:none; padding:21px; }



/* 右边 */
.title_right{ position:relative; width:800px; height:60px; line-height:60px; border:1px solid #ccc; float:right; text-indent:20px; font-size:24px; color:#1868b3; font-weight:bold; }
.title_right span{ font:normal 15px/60px "microsoft yahei";background:url(../images/icon88.png) left 20px no-repeat; position:absolute; text-indent:25px; right:20px; color:#333}
.title_right span.position{ }
 .title_right span a{}
.title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }



#right_index { float:right; width:710px; overflow:hidden margin-bottom:20px;}

#right_index .title_right{font:bold 15px/32px "microsoft yahei"; color:#fff; text-indent:20px;  position:relative; height:32px; margin-bottom:15px;}
#right_index .title_right span{ position:absolute; left:10px; top:0px; font:normal 12px/30px "microsoft yahei"; color:#fff }
#right_index .title_right span a{color:#fff;}
#right_index .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }



#right { width:800px; overflow:hidden; text-align:left; margin:15px 0; float:right;}

#right .title_right{ position:relative; width:1200px; margin:0 auto; text-indent:20px; background:url(../images/icon8.png) left 8px no-repeat;}
#right .title_right span{ font:normal 12px/36px "microsoft yahei"; }

#right .title_right span.position{ }
#right .title_right span a{}
#right .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }
#right ul{ text-align:center; list-style:none;}
#right .right_text{margin:10px; line-height:24px; color:#333}


#right6 { width:100%; border:1px solid #ddd; border-left:none; border-right:none;  background:#f5f5f5; clear:both; text-align:left; margin:15px 0;}
#right6 .title_right{ position:relative; width:1200px; margin:0 auto; text-indent:20px; background:url(../images/icon8.png) left 8px no-repeat;}
#right6 .title_right span{ font:normal 12px/36px "microsoft yahei"; }


#right2 .title_right{font:bold 18px/50px  "microsoft yahei"; color:#fff; text-indent:20px; background:#1e5bb1 url(../images/title_bg.jpg) left top repeat-x; position:relative; height:50px; margin-bottom:15px;border-radius:35px 0px 35px 0px;box-shadow:0px 3px 6px 1px #ccc;}
#right2 .title_right span{ position:absolute; right:20px; top:0px; font:normal 12px/50px "microsoft yahei"; color:#fff }
#right2 .title_right span a{color:#fff;}
#right2 .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }
#right2 ul{ text-align:center; list-style:none;}
#right2 .right_text{margin:10px; line-height:24px; color:#333}


/* 
#right2 { float:right; width:780px; overflow:hidden;margin-top:10px; margin-bottom:20px;}
#right2 .title_right{font:normal 24px/50px "microsoft yahei"; color:#004183; text-indent:35px; background:url(../images/shadow.jpg) left bottom no-repeat; position:relative; height:60px; margin-bottom:10px;}
#right2 .title_right span{ position:absolute; right:10px; top:15px; font:normal 12px/30px "microsoft yahei"; color:#004183 }
#right2 .title_right span a{color:#004183;}
#right2 .title_right span.more{ position:absolute; right:0px; top:0px; color:#004183  }
#right2 ul{ text-align:center; list-style:none;}
#right2 .right_text{margin:10px; line-height:24px; color:#333}
*/



/* 脚部 */
#footer_out{width:100%; height:50px; overflow:hidden; background:#2c2c2c;  font-size:16px; margin-top:0px; text-align:left;}
#footer{ position:relative; width:1200px; line-height:48px; position:relative; text-align:left; color:#bbbbbb; margin:0px auto 0; padding:5px 0px; overflow:hidden; font-size:16px;}
#footerEn{ position:relative; width:1200px; line-height:48px; position:relative; text-align:left; color:#bbbbbb; margin:0px auto 0; padding:5px 0px; overflow:hidden; font-size:12px;}
#footer span{ color:#1868b3}
#footer a:hover{color:#ff9900;}
#footer .name{font-size:20px; font-weight:bold; line-height:40px; border-bottom:1px #666 solid; width:330px; }
#footer .name2{font-size:15px; line-height:30px; font-weight:normal;}
#footer .name3{font-size:9px; line-height:20px; font-weight:normal;}
#footer .contactFooter,#footerEn .contactFooter{ float:right; color:#eee;}
#footer .ewm{ position:absolute; right:50px; top:30px;}

.footer_text{float:right; width:930px; border-left:1px solid #dab96b; height:95px; padding:0 10px; overflow:hidden;}
.footer_text h3{ color:#dab96b; font:normal 18px/46px "微软雅黑";}
.footer_text .line{ background:#dab96b; height:1px; width:930px; overflow:hidden;}
.footer_text .footer_text2{float:left; border-left:1px solid #dab96b; height:32px; color:#dab96b; font:normal 18px/32px "微软雅黑"; padding:0 40px 0 20px; margin-left:-20px; margin-top:8px;}


#footer .logo{ position:absolute; top:30px; left:0px;}
#footer .links{ float:left;}
#footer .f_links{ line-height:20px; margin:40px 0 5px 10px; }
#footer .f_links span{color:#000000; font-weight:bold; font-family:Tahoma;}
#footer .f_links a{ padding:0 5px;}
#footer .copyright{ position:absolute; top:20px; right:0px;}
#footer .footer_left{ width:480px; position:absolute; top:40px; left:150px;}
#footer .footer_right{width:210px; position:absolute; top:30px; right:150px;}

.footer_contact{text-align:left; width:500px; float:right; margin-top:20px;}
.footer_contact a{margin-top:0px; display:block; float:left; margin-left:5px;}
.footer_contact a:hover{margin-top:-5px;}
#footer_out2{width:100%; background:#333;  font-size:13px; margin-top:0px; height:36px; line-height:36px;}
#footer_out2 img{ padding:12px;}

 .class1{float:left; text-align:left; padding:0px 40px 0 40px; line-height:22px; margin-top:20px; }
 .friend_link{clear:both; text-align:left; margin:30px 40px 20px 40px; padding-top:10px; border-top:1px #555 solid;}

/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:15px;}
#page  a { color:#ff9900; border: 1px #ccc solid; background:#fff; padding: 3px 8px 3px 8px; border-radius:0px;}
#page  a:hover {background-color: #ff9900; color: #fff; text-decoration:none; border:1px #ff9900 solid;}
#page  span.current u{ color:#fff; border: 1px #ff9900 solid; background:#ff9900; padding: 3px 8px 3px 8px; border-radius:0px; text-decoration:none;}



/* news */
.news2 .title{font:bold 18px/40px "microsoft yahei"; text-align:center; background:none; border:none; padding-top:30px; margin:0 20px; color:#222; height:auto;}
.news2 .time{ text-align:center; color:#666666; border-top:1px #ccc solid;border-bottom:1px #ccc solid; line-height:28px; margin:10px 40px 30px;}
.back{text-align:right; margin:20px 50px 30px 0;}
.back a{ color:#000000}
.news2 ul{ text-align:center; margin-top:-10px; list-style:none;}
.news2 ul li{ color:#6b0101; margin:0 auto; text-align:right; padding-right:5px; height:30px;line-height:30px; border-bottom:1px dashed #999999}
.news2 ul li.hr{height:30px;  overflow:hidden;}
.news2 ul li a{float:left; padding-left:15px; background:url(../images/icon2.gif) left center no-repeat; line-height:30px;}
.news2 .content{text-align:left; line-height:24px}
.news2 .content p{text-indent:2em; padding:0 40px; }



#dituContent{width:600px; float:left;height:450px;border:#ccc solid 1px; font-size:12px; line-height:20px;}

/*form*/
.form{}
.form_text_dis{ font-size:18px; width:1000px; margin:0 auto; text-align:center; color:#fff; font-weight:bold; margin-bottom:15px; background:#1868b3; padding:10px 20px;}
.form_text{ font-size:22px; font-weight:normal; margin-bottom:15px;}
.form input,.form textarea{ width:430px; padding:3px 8px; line-height:24px; border-radius:5px; border:1px #ccc solid; outline:none; resize:none; margin-bottom:4px; }
.form textarea{ height:60px; }
.form div.submit_out{text-align:center;}
.form .submit_bt{ font-size:16px; font-weight:bold; height:40px; line-height:40px; text-transform:uppercase; width:120px; clear:both; display:block; margin:11px auto 0; padding:0; cursor:pointer; background:#ccc; color:#fff; font-family:"微软雅黑"; background:#1868b3; border-color:#1868b3;}
.form input:hover.submit_bt{ background:#000; border-color:#000;}

.contact_contact{float:left; text-align:center; margin-left:90px; color:#999; padding-top:90px; width:400px; height:380px; }

.news_index{ display:block; width:503px; height:313px; overflow:hidden; float:right; text-align:left; margin-right:110px;  }
.news_index .news_title { position:relative; height:40px;}
.news_index .news_title img { position:absolute; top:0; left:0;}
.news_index .news_title a { width:56px; height:16px; display:block; position:absolute; top:5px; right:5px; background:url(../images/more.jpg) center no-repeat;}
.news_index .news_title a:hover {  background:url(../images/more2.jpg) center no-repeat;}
.news_index ul li{text-align:right; float:left; clear:both; width:503px;  border-bottom:1px dotted #eee;  height:42px; line-height:42px;}
.news_index ul li a { display:block; font-size:14px; float:left;  padding-left:15px;margin:0px 0 0 0;}
.news_index ul li a:hover { color:#1868b3}
.news_index ul li a div{ font-size:12px;}
.news_index ul li a{ background:url(../images/news_icon.jpg) left center no-repeat;}

.news_index_l{ display:block; width:430px; height:313px; overflow:hidden; float:left; text-align:left; margin-left:110px; margin-right:0  }

.news_list{ display:block; width:798px; height:80px; overflow:hidden; float:left; text-align:left;  border:1px solid #ccc; margin-top:20px; font-size:12px;  }
.news_list:hover{ border:1px solid #1868b3; }
.news_list .newsTime { float:left; width:120px; height:80px; margin-right:20px; text-align:center; line-height:80px; color:#fff; background:#ccc;}
.news_list:hover .newsTime { float:left; width:120px; height:80px; margin-right:20px; text-align:center; line-height:80px; color:#fff; background:#1868b3;}
.news_list .news_title { position:relative; line-height:40px; }
.news_list .news_title img { position:absolute; top:0; left:0;}
.news_list a { display:block; font-size:16px; line-height:30px; }
.news_list a:hover { color:#1868b3}


.download{ display:block; width:1200px; overflow:hidden;  float:left; text-align:left; border-bottom:1px dotted #ccc; padding:4px 0;}
.download img {height:121px;width:163px;  float:left; padding-left:10px;}
.download p{line-height:24px; height:24px; font-size:13px; width:1200px; float:left; position:relative}
.download p a.news_title{ font-weight:bold;  font-size:16px;  position:absolute; left:0; top:0px;}
.download p a.news_title:hover{ color:#1868b3;}
.download p span.news_time{ position:absolute; right:0; top:0px;}


.news_right{float:right; width:800px;  padding-left:0px;}
.news_content{ display:block; overflow:hidden; padding-bottom:20px; float:left; text-align:left; margin:20px 40px 0; width:720px; }
.news_content .time{ display:block; background:#fff; color:#999; font-size:14px; text-align:center; width:180px; border-radius:10px; line-height:24px; margin:20px auto;}
.news_content .time span{font-weight:bold; font-size:18px;}
.news_content span.news_title{ display:block; font-weight:bold; margin-bottom:5px; font-size:24px; color:#333; text-align:center; line-height:60px;}

.news_img{position:absolute; bottom:0; left:0;}


.products_tab {width:1200px; float:left; position:relative; }
.products_tab .title_tab ul{ width:950px; margin:30px auto;   height:35px;}
.products_tab .title_tab li{ width:200px; height:50px; margin:0px 10px 0 0px; padding:0px 0px; line-height:50px; text-align:center; overflow:hidden; float:left; text-indent:0; font-size:24px;  background: #16242e; cursor:pointer; color:#fff; font-weight:normal;}
.products_tab .title_tab_en li{ font-size:14px; }
.products_tab .title_tab_en li a{ font-size:14px; }
.products_tab .title_tab li.active1{background:#1868b3; color:#fff; font-weight:normal;}
.products_tab .title_tab li a{color:#fff; font-weight:normal;}
.products_tab .title_tab li a:hover{color:#1868b3; font-weight:normal;}
.content{  width:1200px; position:relative; padding:0; margin:0 auto;}
.products_tab .more { position:absolute; right:0;}

.products_index_out{position:relative;width:1200px; height:330px; padding:30px 0;}
#left1{position:absolute; left:-10px; top:80px; width:59px; height:145px; z-index:999;cursor:pointer; }        
#right1{position:absolute; right:-10px; top:80px; width:59px; height:145px; z-index:999;cursor:pointer; }  #probox1{width:1120px; overflow:hidden;padding:0px 0px 0px;position:relative; margin:0 auto;}
#prolist1{width:24000px; margin-left:5px;}
#prolist1 li{float:left; width:270px; height:250px; overflow:hidden; margin:0 5px 0 0; text-align:center; padding:0px;  }
a.img_left5{ display:block; position:relative; width:240px; height:240px; margin:0px 0 0 20px; overflow:hidden; float:left; text-align:center;  border:1px #ccc solid; font-size:13px;filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%); }
a:hover.img_left5{   filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 border:1px #ff9900 solid;}
a.img_left5 img {width:240px; height:240px; padding:0px 0 0px;}
a:hover.img_left5 img {}
a.img_left5 p{ padding:0px; line-height:40px; font-size:16px; font-weight:bold; text-align:center;}
a:hover.img_left5 p{}

a.img_left6{ display:block; position:relative; width:240px; height:290px; margin:20px 0 0 20px; overflow:hidden; float:left; text-align:center;  border:1px #ccc solid; font-size:13px;filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%); }
a:hover.img_left6{   filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 border:1px #ff9900 solid;}
a.img_left6 img {width:240px; height:240px; padding:0px 0 0px;}
a:hover.img_left6 img {}
a.img_left6 p{ padding:0px; line-height:50px; font-size:16px; font-weight:bold; text-align:center;}
a:hover.img_left6 p{text-align:center;}


#left2{position:absolute; left:0px; top:80px; width:59px; height:145px; z-index:999;cursor:pointer; }        
#right2{position:absolute; right:0px; top:80px; width:59px; height:145px; z-index:999;cursor:pointer; }  
#probox2{width:1100px; overflow:hidden;padding:0px 0px 0px;position:relative; margin:0 auto;}
#prolist2{width:24000px;}
#prolist2 li{float:left; width:270px; height:250px; overflow:hidden; margin:0 5px 0 0; text-align:center; padding:0px;  }

#left3{position:absolute; left:0px; top:55px; width:55px; height:131px; z-index:999;cursor:pointer; }        
#right3{position:absolute; right:0px; top:55px; width:55px; height:131px; z-index:999;cursor:pointer; }  
#probox3{width:1000px; height:230px;overflow:hidden;padding:0px 0px 0px;position:relative; margin:0 auto;}
#prolist3{width:24000px;}
#prolist3 li{float:left; width:228px; height:228px; overflow:hidden; margin:0 25px 0 0; text-align:center; padding:0px; border:1px solid #ddd;}

#left4{position:absolute; left:0px; top:55px; width:55px; height:131px; z-index:999;cursor:pointer; }        
#right4{position:absolute; right:0px; top:55px; width:55px; height:131px; z-index:999;cursor:pointer; }  
#probox4{width:1000px; height:230px;overflow:hidden;padding:0px 0px 0px;position:relative; margin:0 auto;}
#prolist4{width:24000px;}
#prolist4 li{float:left; width:228px; height:228px; overflow:hidden; margin:0 25px 0 0; text-align:center; padding:0px; border:1px solid #ddd;}

#left5{position:absolute; left:0px; top:55px; width:55px; height:131px; z-index:999;cursor:pointer; }        
#right5{position:absolute; right:0px; top:55px; width:55px; height:131px; z-index:999;cursor:pointer; }  
#probox5{width:1000px; height:230px;overflow:hidden;padding:0px 0px 0px;position:relative; margin:0 auto;}
#prolist5{width:24000px;}
#prolist5 li{float:left; width:228px; height:228px; overflow:hidden; margin:0 25px 0 0; text-align:center; padding:0px; border:1px solid #ddd;}



.abouts{width:1100px; height:450px; position:relative; margin:0 auto; }
.abouts .abouts_title { position:relative; height:40px;}
.abouts .abouts_title img { position:absolute; top:0; left:0;}
.abouts .abouts_title a { width:56px; height:16px; position:absolute; top:10px; right:5px; background:url(../images/more.jpg) center no-repeat;}
.abouts .abouts_title a:hover {  background:url(../images/more2.jpg) center no-repeat;}
.abouts_in{ width:650px; float:left; line-height:21px; font-size:10px;}
.abouts a.more{ width:150px; height:40px; border:1px solid #fff; display:block; position:absolute; bottom:75px; left:475px; color:#fff; text-align:center; line-height:40px; font-size:15px;}
.abouts a:hover.more{ background:#fff; color:#666;}
.abouts_in_r{float:right;}
.abouts_in_r img{ width:394px;}





.products2{float:right; width:390px; height:300px; position:relative; text-align:left;}
.products2 .more{ position:absolute; right:0; top:8px;}
.products2_in{background:#e7e9e7; height:280px; margin-top:15px; border:1px #c9caca solid;}
.products2_index{position:relative; width:390px; height:150px;}


h2{ font:normal 24px/80px "微软雅黑"; color:#1868b3;}

.culture{float:left; width:395px; height:342px;}
.area{float:right; width:580px; height:342px;}
#products_tab .title_tab2{position:relative; border:1px solid #ccc; background:#eee; height:34px;}
#products_tab .title_tab2 ul{  }
#products_tab .title_tab2 li{margin:0px 0px 0px; overflow:hidden; float:left; text-indent:0; padding:2px 20px; font-size:14px; background:#fefefe; cursor:pointer; color:#333; font-weight:normal; background:#eee; border:0; border-right:1px solid #ccc;}
#products_tab .title_tab2 li.active1{ font-weight:bold; border:1px solid #fff; border-top:2px solid #1868b3;  border-right:1px solid #ccc;background:#fff;}
#products_tab .content2{  width:798px; padding:0px 0 20px; overflow:hidden; position:relative; margin:0 auto; clear:both;  min-height:60px; border:1px solid #ccc; border-top:none;}
#products_tab .content2 div{ }
#products_tab .content2 div img{ max-width:960px; height:auto; padding:0}

.content2 .padding20{padding:20px;}
.titlePro{border-bottom:2px solid #ddd; padding-bottom:3px; margin:10px 0 5px;}
.titlePro div.title{background-color:#ddd; padding:6px 13px; display:inline;}


a {
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
}

.about_index{ padding:30px 0 10px; width:1200px; margin:0 auto;}
.about_index2{ padding:0px 0; height:629px; text-align:center; background:url(../images/xz.png) top center no-repeat;}
.about_index3{padding:0px 0; height:500px; text-align:center; background:url(../images/img02.png) top center no-repeat;}
.about_index4{ padding:0px 0; height:495px; overflow:hidden; text-align:center; background:url(../images/bg2.png) top center repeat;}
.about_index .vedio{ background:url(../images/vedio.png) left top no-repeat; float:left; }
.about_index .content_index{margin:-100px 0 0px 18px; overflow:hidden; }
.about_index .about{width:500px; height:211px;float:right; }
.title_index{ font-size:13px; line-height:30px; padding-bottom:10px; color:#666; text-align:center;}
.about_index .title_index span{ font-size:30px; font-weight:bold; color:#1868b3;}

.box_index{width:360px; overflow:hidden; background:#fff; float:left; margin-right:60px; z-index:999; position:relative;}
.news_index2 {padding:50px 0;}
.news_index2 .title_index{ text-align:center; font-size:13px; line-height:30px; padding-bottom:60px; color:#666; }
.news_index2 .title_index span{ font-size:30px; font-weight:bold; color:#1868b3;}
.news_index2 .title_index_news{font-size:13px; line-height:30px; padding-bottom:20px; color:#666; text-indent:25px; background:url(../images/icon.png) left 3px no-repeat; }
.news_index2 .title_index_news span{ font-size:20px; margin-right:10px;}


a.more{ position:absolute; right:30px; top:20px; background:#d3111a; font-size:9px; color:#fff; line-height:16px;border-radius:10px; padding:1px 7px; display:block;}
a:hover.more{ position:absolute; right:30px; top:17px; background:#003b99;}
a.more2{ position:relative; background:#fff; border:1px #eee solid;font-size:12px; color:#aaa; line-height:16px;border-radius:0px; padding:10px 20px; }
a:hover.more2{  background:#000; border:1px #000 solid; color:#fff;}
.line_more{width:50px; height:2px; background:#1868b3; position:absolute; top:17px; left:100px;}
a.more3{  background:#fff; border:1px #1868b3 solid;font-size:14px; color:#1868b3; line-height:16px;border-radius:0px; padding:10px 30px; }
a:hover.more3{  background:#1868b3; border:1px #1868b3 solid; color:#fff;}
a.more6{  background:#ccc; border:1px #ccc solid;font-size:14px; color:#666; line-height:80px;border-radius:0px; padding:6px 25px; clear:both; }
a:hover.more6{  background:#ff9900; border:1px #ff9900 solid; color:#fff;}
.contact{width:326px; height:368px; float:right; position:relative; text-align:center;}
.contact a.qq{position:absolute; top:105px;left:10px; width:300px; height:95px;  background:url(../images/weibo.png) center -120px no-repeat;  display:block;}
.contact a:hover.qq{background:#fff url(../images/weibo.png) center 50px no-repeat; display:block; height:200px; margin-top:0px; z-index:999;}
.contact a.weixin{position:absolute; top:205px;left:10px; width:300px; height:95px;  background:url(../images/weixin2.png) center -120px no-repeat;  display:block;}
.contact a:hover.weixin{background:#fff url(../images/weixin2.png) center 50px no-repeat; display:block; height:200px; margin-top:-100px;}
.contact a.mail{position:absolute; bottom:0px; left:0px; width:360px; height:92px;  display:block; text-indent:-9999px;}


.news ul{ list-style:none;}
.news ul li{ color:#aaa; margin:0 auto; text-align:left; padding-right:2px; line-height:22px; padding:5px 0; border-bottom:1px solid #ddd; font-size:12px;}
.news ul li a{ padding-left:0px; background:url(../images/icon2.png) left center no-repeat; font-size:15px; font-weight:bold;}
.news .content{text-align:left; }
.news .content p{text-indent:2em; padding:0 40px; }

.news3 ul{ text-align:center; margin-top:10px; list-style:none;}
.news3 ul li{ color:#aaa; margin:0 auto; text-align:right; padding-right:2px; height:30px;line-height:30px; border-bottom:1px dotted #ddd; font-size:12px;}
.news3 ul li.hr{height:30px;  overflow:hidden;}
.news3 ul li a{float:left; padding-left:0px; background:url(../images/icon2.png) left center no-repeat; line-height:30px; font-size:13px;}
.news3 .content{text-align:left; line-height:24px}
.news3 .content p{text-indent:2em; padding:0 40px; }

.box_index2{width:750px; height:230px; overflow:hidden; float:left; margin-left:30px; z-index:999; position:relative;}
.box_index3{width:360px; height:230px; overflow:hidden; background:#fff;box-shadow:3px 3px 9px 3px #666; float:left; margin-left:30px; z-index:999; position:relative;}
.title_index2{ font-size:18px; line-height:36px; padding:10px 30px; color:#666; border-bottom:1px #ddd solid;}

.about_move{position:relative; width:1200px; height:170px; margin:20px auto;}
#a1{position:absolute; left:-15px; top:10px;}
#a2{position:absolute; right:-15px; top:10px;}
#div1 {
	overflow: hidden;
	width: 1100px;
	height: 170px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div1 ul li {
	float: left;
	width: 260px;
	height: 170px;
	list-style: none;
	margin-right:20px;
}
#div1 ul li img { width:260px; height:170px;}

.class_pro{width:100%; background:#1868b3; height:100px;}
.class_pro ul{ width:1000px; margin:0 auto;}
.class_pro li{ text-align:left; width:160px; float:left;}
.class_pro li a{line-height:100px; padding:0 20px; height:100px; color:#fff; font-size:18px; float:left; display:block; background:#1868b3; text-decoration:none; }
.class_pro li a:hover{ margin-top:-0px;background:#1868b3;}

.content_pro{width:700px; overflow:hidden; margin:0 auto; padding:50px;box-shadow:2px 2px 16px 2px #aaa;}
.content_pro .more3{ float:right;}


.news_left{ width:800px; margin:0 auto; padding:50px 200px;}
a.news_list{ display:block; width:800px; height:80px; overflow:hidden; float:left; text-align:left; margin:0px 0 0;background:url(../images/news_bg.png) left top no-repeat; }
a.news_list .date{ height:80px;width:180px;  float:left; padding-left:0px; line-height:80px; color:#ccc;}
a.news_list .date span{font-weight:bold; font-size:20px; padding-right:10px; }

a.news_list .news_infor{ display:block; width:600px; line-height:80px; float:right; text-align:left; font-size:13px; }
a.news_list span.news_title{ display:block; margin-bottom:5px; font-size:17px; }
a:hover.news_list span.news_title,a:hover.news_list span.more{}
a:hover.news_list{color:#fff;background:url(../images/news_bg3.png) left top no-repeat;}
a:hover.news_list .date{color:#1868b3;}


/*悬浮框*/
#xuanfu { position: fixed;width: 56px;bottom:30%; right: 0;z-index: 99999;}
#xuanfu ul li {width: 100%;height: 56px;display: block;margin-bottom: 1px;position: relative;}
#xuanfu ul li .pic3 {display: none;position: absolute;left: -114px;top: -57px;}
#xuanfu ul li .pic4 {display: none;position: absolute;left: -201px;top: -0px;}
#xuanfu ul li .pic5 {display: none;position: absolute;left: -201px;top: -0px;}


.bimg1{float:left;}
.pro_right{float:right; width: 330px; height:295px; padding:15px; box-shadow:0px 2px 5px 2px #ccc; font-size:12px; color:#999; line-height:18px;}
.pro_title{font-size:18px; color:#333; font-weight:bold; line-height:50px;}
.pro_right td{padding:8px;}
.bdsharebuttonbox{float:right;}
.pro_price{ position:absolute; right:0; top:0; width: 330px; height:105px; padding:15px; background:#f1faf0; border-top:1px solid #4dc03e; color:#999; line-height:30px;}
.price{color:#4dc03e; font-size:30px;}
.black{color:#333;}

.news_index3{height:600px; overflow:hidden; width:100%; background:url(../images/newsbg2.png) left top repeat-x;}
.news_index3{height:600px; overflow:hidden; width:100%;}

a.more4{ text-indent:-9999px; position:absolute; bottom:89px; right:287px; display:block; float:right; width:37px; height:40px; background:url(../images/more4.png) center top no-repeat; }
a:hover.more4{ bottom:95px;}

a.more5{ border-top:2px solid #1868b3; color:#1868b3; float:right; margin-top:50px;}
a:hover.more5{ padding-top:10px; color:#057200;}

.news4 ul{ list-style:none; width:500px; height:600px; float:right; margin:0px 0px 0 0; position:relative;}
.news4 ul li{ color:#aaa; margin:0 auto; text-align:left; padding-right:2px; line-height:22px; padding:10px 0; border-bottom:1px dashed #ddd; font-size:12px; height:75px;}
.news4 ul li a{ padding-left:0px;  color:#eee; font-size:15px; font-weight:bold;}
.news4 ul li a:hover{ color:#1868b3;}
.news4 .content{text-align:left; }
.news4 .content p{text-indent:2em; padding:0 40px; }
.news4 ul li .date{ width:70px; height:70px; float:left; background:#1868b3; text-align:center; color:#fff; margin-right:10px; font-size:12px; }
.news4 ul li .date div{ font-size:24px; padding:15px 0 0; }

.titleIndex{ border-bottom:2px solid #eee; margin:0px 20px; padding:10px 0; font-size:18px; color:#1868b3; text-indent:10px; background:url(../images/icon.png) 0px center no-repeat; font-weight:bold;}
.titleIndex span{ font-size:13px; font-weight:normal;color:#ccc; }
a.more7{float:right; color:#666; font-weight:normal; font-size:14px;}
a:hover.more7{float:right; color:#ff9900;}
.news5{width:590px;  height:390px; margin-top:10px; background:#fff;}
.news5 .newsImg{ float:left; background:#1868b3; color:#fff; width:250px; font-size:14px; margin:15px;}
.news5 .newsImg p{ padding:15px;}
.news5 ul{ list-style:none; width:295px; height:280px; float:left; margin:20px 0px 0 0; position:relative;}
.news5 ul li{ color:#aaa; text-align:left; line-height:22px; padding:5px 0; border-bottom:1px solid #ddd; font-size:12px; height:50px;}
.news5 ul li a{ padding-left:0px;  color:#666; font-size:14px; font-weight:bold;}
.news5 ul li a:hover{ color:#ff9900;}
.news5 .content{text-align:left; }
.news5 .content p{text-indent:2em; padding:0 0px; }
.news5 ul li .indexN{ width:50px; height:45px; float:left; color:#999; margin-right:10px; font-size:36px; line-height:50px; font-weight:bold; border-right:1px solid #999; }
.news5 ul li .indexN span{ font-weight:normal; font-size:12px}
.news5 ul li .date div{ font-size:24px; padding:0px 0 0; }

.news6{width:590px;  height:190px; margin-top:10px; background:#fff;} 
.news6 ul{ list-style:none; width:550px; margin:0px auto 0; position:relative; text-align:center;}
.news6 ul li{ color:#aaa; text-align:left; line-height:22px; padding:5px 0; border-bottom:1px solid #ddd; font-size:12px; height:50px;}
.news6 ul li a{ padding-left:0px;  color:#666; font-size:14px; font-weight:bold;}
.news6 ul li a:hover{ color:#ff9900;}
.news6 .content{text-align:left; }
.news6 .content p{text-indent:2em; padding:0 0px; }
.news6 ul li .indexN{ width:50px; height:45px; float:left; color:#999; margin-right:10px; font-size:36px; line-height:50px; font-weight:bold; border-right:1px solid #999; }
.news6 ul li .indexN span{ font-weight:normal; font-size:12px}
.news6 ul li .date div{ font-size:24px; padding:0px 0 0; }

.news7{width:590px;  height:190px; margin-top:10px; background:#fff;} 
.news7 ul{ list-style:none; width:550px; margin:0px auto 0; position:relative; text-align:center;}
.news7 ul li{ color:#aaa; text-align:left; line-height:22px; padding:5px 0; border-bottom:1px solid #ddd; font-size:12px; height:50px;}
.news7 ul li a{ padding-left:0px;  color:#666; font-size:14px; font-weight:bold;}
.news7 ul li a:hover{ color:#ff9900;}
.news7 .content{text-align:left; }
.news7 .content p{text-indent:2em; padding:0 0px; }
.news7 ul li .indexN{ width:50px; height:45px; float:left; color:#999; margin-right:10px; font-size:36px; line-height:50px; font-weight:bold; border-right:1px solid #999; }
.news7 ul li .indexN span{ font-weight:normal; font-size:12px}
.news7 ul li .date div{ font-size:24px; padding:0px 0 0; }


.title_center{text-align:center; font-size:24px; padding:0px 0 30px;  background:url(../images/title_bg.png) center -5px no-repeat;}
.title_center span{ font-size:9px;}
.title_center2{text-align:center; font-size:30px; border-bottom:1px solid #333; padding:10px 0 30px; text-indent:90px; background:url(../images/icon_pro.png) 460px 0px no-repeat;}
.pro_cs{float:right; width:400px;  margin:20px 0px 0 0; overflow:hidden; font-size:13px; padding-bottom:10px;}
.title1{ color:#999;}
.title2{font-size:36px;  display:block; height:48px; margin-bottom:10px; color:#333;}
.hr{border-bottom:1px solid #ddd; clear:both; margin:10px 0;}
.bdsharebuttonbox{float:left;}

#pre_next{ float:right;}

.fl{float:left;}
.fr{float:right;}
.marginT20{margin-top:20px;}
.marginR20{margin-right:20px;}
