@charset 'utf-8';
/*----公共样式----*/
*{margin:0;padding:0;}
body{font-size:13px;font-family:Microsoft YaHei;color:#333333;background:#fff;}
ol,ul{list-style:none; margin:0; padding:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#006699;text-decoration:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clearit { clear:both;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}

/*----头部样式----*/
header{width:100%;}
.topbg{width:100%;height:46px;margin:0 auto; background-color:#ebebeb;}
.top{width:1440px;height:46px;line-height:46px;margin:0 auto;}
.welcome { width:1150px; text-align:left; padding-left:20px; font-size:14px; float:left;}
.search { float:left; border:1px #333 solid;border-radius:30px; padding-left:12px; margin-top:11px;}
.search_input{ float:left; border:0;background-color: transparent; line-height:21px;height:21px}
.search_btm { float:left;}
.search_input:focus,.search_btm:focus{outline:none;}
.ico_wx {float:left; padding:2px 0 0 6px;position:relative; }
.ico_wx .pic_ewm {position: absolute; right:-3px; top:41px; display:none;}
.ico_wx:hover .pic_ewm {position: absolute; right:-3px; top:41px; display: block; z-index:999}

.header{width:1400px;height:90px;margin:0 auto;}
.logo {float: left; width:235px;height:90px; margin-right:70px}
.nav{float:left; margin-top:10px}
.nav li{float:left;height: 80px;line-height:80px;}
.nav li:hover{background: none;}
.nav li a{color:#666;font-size: 16px; font-weight:bold;float:left; width:65px; height:80px;margin: 0 33px;}
.nav li a.cur{color:#666; font-weight:bold;}
.nav li a:hover{color:#006699; font-weight:bold;}
#home .home a,#about .about a,#news .news a,#case .case a,#product .product a,#contact .contact a {color:#369; font-weight:bold;}
.tel{float:left;height: 37px; margin-left:90px; padding:53px 0 0 53px; color:#003399; font-family:Arial; font-size:24px; background-image:url(../images/ico_tel.jpg); background-repeat:no-repeat; background-position:left;}

/*---------- 首页banner ---------*/
/*.banner{width:100%; height:700px;;background:url(../images/banner0.jpg); background-position:center center;}
*/

/*----首页about----*/
.about_bg { background:url(../images/about_bg.jpg) center center no-repeat; height:707px; width:100%; margin:0 auto;}
.about_bg .box { width:1440px; margin:0 auto;}
.about_bg .title { width:1010px; float:left;}
.about_bg .title h1{ line-height:48px;font-family:Arial; font-size:48px; font-weight:normal; color:#ffcc33; text-align:center; margin:100px 0 0 0; padding:0;}
.about_bg .title h3{ line-height:24px;font-family:Arial; font-size:26px; font-weight: bold; color:#003399; text-align:center; margin:0 0 18px 0; padding:0;}
.about_bg .line { width:60px; height:2px; margin:11px auto; background-color:#003399;}
.about_content { padding:48px; line-height:200%; font-size:14px;}
.about_bg .pic { margin:100px 40px 0 0; width:390px; float:left;-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.5)); filter: drop-shadow(5px 5px 5px rgba(0,0,0,.5));}
.about_bg .readmore {color:#003399; font-size:16px; font-weight:bold;}

/*----首页product----*/
.product_bg { background:url(../images/product_bg.jpg) center center no-repeat; height:909px; width:100%; margin:0 auto;}
.product_bg .title { width:1440px; margin:0 auto; padding-top:70px;}
.product_bg .title h1{ font-family:Arial; font-size:48px; font-weight:normal; color:#fff; margin:0; padding:0;}
.product_bg .title h3{ font-family:Arial; font-size:26px; font-weight:normal; color:#fff; margin:10px 0 0 0; padding:0; float:left;}
.product_bg .line { width:60px; height:2px; background-color:#fff;}
.product_bg .readmore { float:right; margin-right:14px; width:120px; height:30px; border:#FFF 1px solid; line-height:30px; text-align:center;font-size:16px;}
.product_bg .readmore a{ color:#FFF;}
.product_bg .readmore a:hover{ color:#003399;}
.product_bg .content {width:1440px; margin:0px auto 0 auto; background-color:#099;font-size: 0;line-height: 0;}
.product_bg .content li:nth-child(1),.product_bg .content li:nth-child(5) { float:left; width:308px; margin:55px 0 0 0;}
.product_bg .content li { float:left; width:308px; margin:55px 0 0 67px;}
.product_bg .content li .titles{ float:left; width:233px; height:47px; line-height:23px; background-color:#FFF; font-size:16px; padding:9px 5px;}
.product_bg .content li .more{ float:right; width:65px;}


/*----首页service----*/
.service_bg { background:url(../images/banner1.jpg) center center no-repeat; height:716px; width:100%; margin:0 auto;}
.service_bg .title { width:1440px; margin:0 auto; padding-top:60px;}
.service_bg .title h1{ font-family:Arial; font-size:48px; font-weight:normal; color:#ffcc33; margin:0 auto; padding:0; text-align:center;}
.service_bg .title h3{ font-family:Arial; font-size:26px; font-weight:normal; color:#003399; margin:0 auto; padding:0; text-align:center;}
.service_bg .line { width:60px; height:2px; background-color:#003399; margin:0 auto;}

/*----首页news----*/
.news_bg { width:1440px; margin:0 auto;}
.news_bg .title { width:1440px; margin:0 auto; padding-top:45px;}
.news_bg .title h1{ font-family:Arial; font-size:48px; font-weight:normal; color:#000; margin:0 auto; padding:0;}
.news_bg .title h3{ font-family:Arial; font-size:26px; font-weight:normal; color:#000; margin:0 auto; padding:0;}
.news_bg .line { width:60px; height:2px; background-color:#003399;}
.news_bg .readmore { float:right; margin-right:14px; width:120px; height:30px; border:#000 1px solid; line-height:30px; text-align:center;font-size:16px;}
.news_bg .readmore a{ color:#000;}
.news_bg .readmore a:hover{ color:#fc3;}
.news_bg .contents { width:1440px; margin:42px auto;font-size: 0;line-height: 0;}
.news_bg li{ float:left; width:700px;}
.news_bg li:nth-child(3),.news_bg li:nth-child(4) { margin:50px 0 50px 0;}
.news_bg li .pic{ border:#CCC solid 1px; float:left; margin:0 20px 0 0;display:block; padding:1px;}
.news_bg li .titles{font-size:16px; line-height:18px; font-weight: bold;}
.news_bg li .time{font-size:14px; line-height:18px; color:#999; margin-top:5px;}
.news_bg li .intr{font-size:14px; line-height:180%; margin-top:5px; height:125px;}

/*----首页service----*/
.app_bg { background:url(../images/banner2.jpg) center center no-repeat; height:767px; width:100%; margin:0 auto;}
.app_bg .title { width:1440px; margin:0 auto; padding-top:60px;}
.app_bg .title h1{ font-family:Arial; font-size:48px; font-weight:normal; color:#fff; margin:0 auto; padding:0; text-align:center;}
.app_bg .title h3{ font-family:Arial; font-size:26px; font-weight:normal; color:#fff; margin:0 auto; padding:0; text-align:center;}
.app_bg .line { width:60px; height:2px; background-color:#fff; margin:0 auto;}

/*----首页customer----*/
.customer_bg { width:1440px; margin:0 auto;}
.customer_bg .title { width:1440px; margin:0 auto; padding-top:60px;}
.customer_bg .title h1{ font-family:Arial; font-size:48px; font-weight:normal; color:#039; margin:0 auto; padding:0; text-align:center;}
.customer_bg .title h3{ font-family:Arial; font-size:26px; font-weight:normal; color:#039; margin:0 auto; padding:0; text-align:center;}
.customer_bg .line { width:60px; height:2px; background-color:#039; margin:0 auto;}
.customer_bg li { float:left; margin:0 2px;}
.customer_bg li img{ width:220px;}


/*----版权底部---*/
footer{width:100%; background:url(../images/foot_bg.jpg) repeat-x; height:169px; margin-top:20px}
.footer{width: 1400px;margin: 0 auto; padding-top:20px;}
.footer .logo { float:left; width:435px; font-size:14px; font-weight:bold; line-height:180%;}
.footer .address { float:left; padding-top:40px; width:630px;font-size:14px; font-weight:bold; line-height:180%;}
.footer .erweima { float:left;}
.footer .ewmtxt { float:left; width:135px; font-size:14px; font-weight:bold; padding:50px 0 0 12px; }



/*-- 内页banner --*/
.banner_title { width:1440px; margin:0 auto; padding:130px 0 0 100px;}
.banner_title h1{ font-family:Arial; font-size:55px; font-weight:normal; color:#fff; margin:0 auto; padding:0;}
.banner_title h3{ font-family:Arial; font-size:35px; font-weight:normal; color:#fff; margin:0 auto; padding:0;}
.banner_line { width:60px; height:2px; background-color:#fff;}
.banner_about {width:100%; height:400px;;background:url(../images/banner_about.jpg); background-position:center center;}
.banner_case {width:100%; height:400px;;background:url(../images/banner_case.jpg); background-position:center center;}
.banner_contact {width:100%; height:400px;;background:url(../images/banner_contact.jpg); background-position:center center;}
.banner_news {width:100%; height:400px;;background:url(../images/banner_news.jpg); background-position:center center;}
.banner_product {width:100%; height:400px;;background:url(../images/banner_product.jpg); background-position:center center;}

/*-- 内页about --*/
.about_box { width:1440px; margin:65px auto 35px auto;}
.about_box h1{ font-size:35px; font-weight:normal; color:#039; float:left}
.about_box h2{ font-family:Arial; font-size:28px; font-weight:normal; color:#fc3;float:left; margin:10px 0 0 20px}
.about_box li { float:left; margin:50px 0 0 60px;}
.about_box li:nth-child(1),.about_box li:nth-child(5),.about_box li:nth-child(9) { float:left; margin:50px 0 0 0;}

.txt { line-height:200%; font-size:15px; margin:35px auto;}
.txt a{ color:#039; text-decoration:underline;}
.txt a:hover{ color:#039; text-decoration:none;}
.txt img {-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.3)); filter: drop-shadow(3px 3px 3px rgba(0,0,0,.3));}


/*-- 内页news-product --*/
.newscontent {width:1440px; margin:0px auto;font-size: 0;}
.newscontent h1 { font-size:22px; font-weight: bold; color:#333; width:1440px; height:54px;}

.newscontent li{ float:left; width:680px;}
.newscontent li:nth-child(3),.news_bg li:nth-child(4) { margin:50px 0 50px 0;}
.newscontent li .pic{ border:#CCC solid 1px; float:left; margin:0 20px 0 0;display:block; padding:1px;}
.newscontent li .titles{font-size:16px; line-height:18px; font-weight: bold;}
.newscontent li .time{font-size:14px; line-height:18px; color:#999; margin-top:5px;}
.newscontent li .intr{font-size:14px; line-height:180%; margin-top:5px; height:125px;}

.procontent {width:1440px; margin:0px auto;font-size: 0;line-height: 0;}
.procontent li { float:left; width:308px; margin:55px 0 0 61px; border:#CCC solid 1px;}
.procontent li .titles{  float:left; width:233px; height:47px; line-height:23px;background-color:#FFF; font-size:16px; padding:9px 5px;}
.procontent li:nth-child(1),.procontent li:nth-child(5) { float:left; width:308px; margin:55px 0 0 0; border:#CCC solid 1px;}
.procontent li .more{ float:right; width:65px;}
.titleline {width:1440px; margin:40px auto; border-bottom:#CCC solid 1px;}
.breadnav{ float:right; padding-right:20px; font-size:14px; margin-top:20px}
.picture { float:left; width:308px;}
.picture img{ border:#CCC solid 1px;}
.pictitle { float:left; }
.pictitle h1{ font-size:22px; font-weight: bold; color:#333; margin:17px 0 0 30px; line-height:60%;}
.tels{float:left;height:24px; margin-left:30px; padding:130px 0 0 53px; color:#003399; font-family:Arial; font-size:24px; background-image:url(../images/ico_tel.jpg); background-repeat:no-repeat; background-position:left bottom;}
.returns { float:right; margin-right:14px; width:120px; height:30px; background-color:#039; color:#FFF; line-height:30px; text-align:center;font-size:16px;}
.returns a{color:#FFF; line-height:30px;font-size:16px;}
.returns a:hover{color:#e0e0e0; line-height:30px;font-size:16px;}
.fanye { float:left; font-size:14px;color:#369; font-weight: bold;line-height:26px; width:1000px;}
.fanye a{color:#369;font-weight: bold;}
.fanye a:hover{color:#369;font-weight: bold; text-decoration:underline;}


.pages {width:1440px; margin:40px auto 20px auto; text-align:center; font-size:14px;}
.pages a { padding:5px; border:#CCC solid 1px; background-color:#FFF;}
.pages a:hover { background-color:#e1e1e1;}

.pages2 { text-align: center; height:20px; line-height:20px; margin:0 auto; width:800px;}
.pages2 ul li{ margin:50px 0 0 20px; padding:5px;}
.pages2 ul li:nth-child(1),.pages2 ul li:nth-child(2),.pages2 ul li:nth-child(3),.pages2 ul li:nth-child(43),.pages2 ul li:nth-child(5),{ float:left; padding:5px; font-size:14px;}
.pages2 ul li a{ font-weight:bold;font-size:14px; margin:0 0 0 0; padding:5px}
.pages2 ul li a:hover{ font-weight:bold;font-size:14px; margin:0 0 0 0; }
.pages2 ul .on{color:#369; font-weight:bold;font-size:14px; margin:0 0 0 0; } 

/*-- 内页case --*/
.case_tab td { background-color:#eaeaea;padding:15px; text-align:center; font-size:16px; font-weight:bold; line-height:150%; width:25%;}
.case_tab .c1{ color:#c60;}
.case_tab .c2{ color:#336;}

/*-- 内页contact --*/
.contact_txt { float:left;  line-height:200%; font-size:16px; margin:35px auto;width:680px;}
.contact_map { float:left; width:695px; height:355px;}