@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{ padding:0; margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
body{padding:0; margin:0; font-size:14px;border:0;margin:0 auto; font-size:14px;  font-family:"微软雅黑";}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,ol{ padding:0; margin:0; font-family:"微软雅黑"; font-weight:normal;border:0; color:#323232;}
ol,ul,li { list-style-position:inside; margin:0; padding:0; list-style: none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;text-align:left;}
th,td {border-collapse:collapse;}
caption{text-align:left;}  
img{ border:0; margin:0 auto;}
img.ie6{ vertical-align:text-bottom;} 
button {cursor:pointer;}
a{text-decoration:none;}
input{ margin: 0; padding: 0; border: none; display: inline-block; vertical-align: middle; outline: none;}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}

/*整体*/
#wrap0{ width:100%; min-width: 1100px; height: auto; margin:0 auto; background:#1e1e1e;} 
/*底部*/
.copyright{ width: 100%; background: url(../images/footer-bg.png) top center repeat-x;}
.footer{ width: 1100px; margin:0 auto; padding-bottom: 50px;}
.footer p{ padding:20px 0 0 0;  float: left; color: #f26530; font-size: 16px;}
.footer p a{ color:#f26530; text-decoration: none; display: block;}
.footer dl{ float: left; padding:20px 0 0 150px; line-height: 30px;}
.footer dl dt a{ color:#f26530; display: block; text-decoration: none;}
.footer dl dt a:hover{ color:#f26530;}
.footer dl dt{ font-size: 16px; color: #f26530;}
.footer dl dd{ font-size: 14px; color: #e9e5e5;}
.footer dl dd a{ color: #e9e5e5; display: block; text-decoration: none;}
.footer dl dd a:hover{ color: #f26530;}
.footer dl dd input{ width: 200px; height:30px; float: left; margin-top: 10px; background: #fff; padding-left: 10px;}
.footer dl dd label{ display: block; width: 40px; height: 30px; float: left; margin-top: 10px; background: #3f9ad7; color: #fff; text-align: center; line-height: 30px; font-size: 16px; font-family: "Arial"; cursor: pointer;}
.footer_word{ width: 1100px; height: 45px; margin:0 auto; line-height: 45px; color: #676767;}

/*头部样式*/
.my_header{ width: 100%; height:90px; background: #1b4165;}
.header{ width: 1100px; height:90px; margin:0 auto; }
.header .logo{ float: left; margin-top: 15px; margin-left: 10px;}
.header .nav_right{ float: right; position: relative; }
.header .nav_right p{ font-size: 14px; color: #b0b7bd; padding: 15px 5px 10px 150px; }
.header .nav_right p a{text-decoration: none; color: #b0b7bd; }
.header .nav_right input{ display: block; width: 295px; height: 30px; background: #fff; border-radius: 3px; padding-left:8px; margin-right: 5px;}
.header .nav_right .s_icon{ position: absolute; top: 50px; right:10px;}
/*导航样式*/
.menu{ width: 1100px; height: 45px; background: #b82947; margin:0 auto;}
.menu ul{ width: 915px; height: 45px; margin:0 auto; }
.menu ul li{ width: 115px; margin-left: 10px; float:left; text-align: center; line-height: 45px; font-size: 16px; color: #fff; position: relative;}
.menu ul li.active > a{ /*color: #f26530;*/ color: #1b4165; /*background: #1b4165;*/ }
.menu ul li a{ display: block; color: #fff; text-decoration: none;}
.menu ul li a:hover{ display: block; color: #f26530;background: #1b4165; text-decoration: none;}
.nav_sub{ width: 115px; background: #b82947; position: absolute; display: none;}
.nav_sub dd{ float: left; background: none;font-size: 14px;}
.nav_sub dd a{ display: block; width: 115px; color: #fff;}
.nav_sum{ width: 1100px;position: absolute; left: -353px; background: #1b4165; padding-bottom: 10px; display: none;}
.nav_sum dd{ width: 210px;float: left; margin-left: 8px; font-size: 14px;}
.nav_sum dd a{ display: block; width: 225px; color: #e6e8e9;}


/*banner样式*/
.banner{ width: 1100px; height: 400px; margin:0 auto; background: url(../images/banner1.jpg) top center no-repeat;}
.picture{ width: 1100px; height: 150px; margin:0 auto; margin-top: 5px;}

/*内容样式*/
.main{ width: 1100px; height: auto; margin:0 auto; margin-bottom: 70px; }
.main .about{ height: 55px; background: #1b4165; margin-top: 20px; font-size: 14px; padding-left: 15px; color: #fff; line-height: 55px;}
.main .about span a{ display:block; float: right; padding-right: 15px; color: #fff; text-decoration: none;}
.main .about_con{ /*height: 250px;*/ margin:0 auto; background: #000;}
/*.main .about_con img{ float: left; padding: 20px 0 0 20px; cursor: pointer;}*/
.index_img{ width: 200px; height: 200px; float: left;}
.index_img img{ width: 200px; height: 200px;}
.main .about_con .about_word{ width: 580px;/* margin-top: 20px;*/ line-height: 35px; float: right; margin-right: 7px; font-family: "Arial"; font-size: 14px; color: #fff; text-align: justify;}
.main .about_con .about_word em{ font-weight: bold}
.main .email{ width: 1100px; height: 120px; background: #b82947;}
.main .email ul{ float: left; padding-top: 15px; padding-left: 30px;}
.main .email ul li{ font-size: 14px; color: #fff; line-height: 30px; }
.main .email .email_input{ width: 400px; height: 40px; float: right;margin-top: 45px; margin-right: 20px; }
.main .email .email_input .e_address{ float: left; width: 300px; line-height: 40px; border-radius:3px; padding-left: 5px; font-size: 14px; color: #959595; }
.main .email .email_input button{ width: 65px; height: 40px; outline: none; border: none;border-radius:3px; text-align: center; font-size: 14px; line-height: 40px; background: #1b4165; color: #fff; float: left; margin-left: 5px;}
.main .product{ width: 1100px; margin-top: 10px; background: #000; padding-bottom: 15px;}
.main .product ul{ width: 270px; background: #1b4165; float: left;padding-bottom: 55px;}
.main .product ul li{ width: 270px; float: left; text-align: left; padding: 10px 0 5px 40px; font-size: 14px;/*background: url(../images/dot1.gif) 25px 17px no-repeat;*/ }
.main .product ul.pro li{ background: url(../images/dot1.gif) 25px 17px no-repeat; }
.main .product ul li.first{ background: #b82947; font-size: 16px; border-bottom: 2px #163049 solid; color: #fff;}
.main .product ul li a{ display: block; text-decoration: none; color: #fff;}
.main .product ul li a:hover{ color:#eb5532;}
.main .product .product_right{ width: 800px; float: right;}
.main .product .product_right h1{ width: 800px; background: #1b4165; padding:9px; color: #eb5532; margin-bottom: 30px;}
.main .product .product_right span{ float: right;}
.main .product .product_right span a{ display: block; text-decoration: none; color: #eb5532;}
.main .product .product_right .pro_show{ width: 800px; background: none;}
.main .product .product_right .pro_show p{/*width: 205px;*/ float: left; margin-left: 45px; margin-bottom: 10px;}
.main .slogan{ height: 140px; margin-top: 20px; background: url(../images/index_pic02.png) top center no-repeat;}
.main h2{ text-align: center; font-size: 24px; color: #f26530; margin-top: 20px; font-family: "方正大标宋简体";} 
.main h3{ text-align: center; font-size: 20px; color: #f26530; font-family: "Arial"; margin-top: 20px;} 

.main .product .product_right label{ float: left; padding-left: 75px; padding-top: 10px;color: #fff;}
.main .product .product_right label a{ color: #fff; text-decoration: none;}
.main .product .product_right label a:hover{ color:#eb5532;}
.main .product .product_right .pro_show p img{ float: left;}

.pic_bottom{ margin-top:5px;}
.pic_bottom p{ line-height: 24px;font-family: "Arial";font-size: 14px;color: #fff;text-align: justify; padding-right: 10px; }
.pic_bottom .s_word{ color: #eb5532;}
.pic_bottom img{ margin-left: 20px;}

/*轮播样式*/
#demo{ overflow:hidden; width:1100px; height:200px; margin:0 auto; margin-top:20px;}
.lunbo td img{ margin-left: 15px;}

.index_pic{ width:1200px; margin: 0 auto; margin-bottom: 100px;}
.index_pic img{ float: left; margin-left: 10px; margin-top: 30px;}

/***********************关于我们**********************/
.p2_banner{ width: 1100px; height: 300px; margin:0 auto; background: url(../images/p2-banner.jpg) top center no-repeat;}
.main .p2_about{ width: 260px; float: left; background: #1b4165; margin-top: 20px; padding-bottom: 15px;}
.main .p2_about dl dt{ height: 55px; font-size:16px; text-align: center; line-height: 55px; background: #b82947; color: #fff;}
.main .p2_about dl dd{ font-size: 14px; color: #fff; padding:10px; text-align: center; /*padding-left: 93px;*/}
.main .p2_about dl dd.active_nav a{ color: #f26530;}
.main .p2_about dl dd a{ color: #fff; display: block; text-decoration: none; }
.main .p2_about dl dd a:hover{ color: #f26530; }
.main .about_right{ width: 820px; float: right; }
.about_right .about_more{ background: #1b4165;color: #f26530; font-size: 16px;margin-top: 20px; padding:15px; padding-left: 10px; }
.about_right .about_more span{ font-size: 14px; float: right; padding-right: 10px;}
.about_right .about_more span a{ color: #f26530; text-decoration: none;}
.about_right .about_more span a:hover{ color: #fff; }
.about_right h1{ color: #f26530; font-size: 20px; text-align: center; margin-top: 30px; }
.about_right .about_img{ margin-top: 20px;}
.about_right .about_img .p2_word{ width: 500px; float: right; color: #fff; line-height: 23px; text-align: justify; font-size: 16px;}
.about_right .p2_word2{ font-size: 16px; color: #fff; margin-top: 8px; text-align: justify;}
.about_right h3{ text-align: center; color: #f26530; margin-top: 40px; font-family: "微软雅黑";}
.about_right .team{ text-align: center;}
/*环境*/
.about_right ul{ margin-top:30px; }
.about_right ul li{ float: left; margin-left: 10px;}

.content{width:820px;}
/*图片宽度*/
.con{width:258px;height:195px;float:left; margin-bottom:25px;position:relative;overflow:hidden;cursor:pointer}
.con img{width:258px;height:195px;transition:0.4s ease;}
/*文字*/
.text{position:absolute;left:0px;top:195px;width:100%;height:195px;line-height:45px;text-align:center;color:#fff;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.text h3{font-weight:normal;padding-top:30px; color: #fff; /*font-size: 16px;*/ font-family: normal;}

/*荣誉*/
.about_right .honor{ margin-top:30px; }
.about_right .honor li{ float: left; margin-left:45px; }
.con2{width:229px;height:287px;float:left; margin-bottom:25px;position:relative;overflow:hidden;cursor:pointer}
.con2 img{width:229px;height:287px;transition:0.4s ease;}
.about_right2 ul li {float: left; margin-left: 33px;}

/*************************产品****************************/
.p3_banner{ width: 1100px; height: 350px; margin:0 auto; background: url(../images/p3-banner.jpg) top center no-repeat;}
.main .p3_product{ width: 1100px; margin-top: 10px; background: #000; padding-bottom: 80px;}
.main .product_left{ width: 270px; float: left;}
.main .product_left ul{ background: #b82947; padding-bottom: 30px;}
.main .product_left ul li.second{ border-bottom: 2px #a8243f solid; color: #1b4165;}
.main .product_left ul li a:hover{ color:#1b4165; }
.main .product_left .info{ background: #1b4165; padding-bottom: 50px;}
.main .product_left .info .second{border-bottom: 2px #173552 solid; color: #eb5532;  font-size: 16px;}
.main .product_left .info li{ color: #fff; padding: 10px 0 5px 16px;font-size: 14px;}
.main .product_left .info li span{ color: #eb5532;}
.main .product_left .con0 li{background: url(../images/dot1.gif) 25px 17px no-repeat; }
.main .product_left ul li.active_menu a{ color: #1b4165;}
.main .product_left ul li.active_menu{ background: url(../images/dot1.gif) 25px 17px no-repeat;}
.main .product .product_right h4{ width: 800px; background: #1a3b5b; padding: 9px; color: #eb5532;margin-bottom: 30px;}
#small_more{ color: #eb5532; float: right;  font-size: 14px;padding-top: 0; }
#small_more a{ text-decoration: none; color: #eb5532;}
#small_more a:hover{ color: #fff;}
.num{ width: 500px; margin:0 auto; margin-top: 70px;}
.num p{ float: left; width: 30px; height: 30px; margin-left: 25px; /*border: 1px #fff solid;*/ text-align: center; line-height: 30px; border-radius: 2px; color: #fff; cursor: pointer;}
.num .num_first{ background: #b82947; border:1px #b82947 solid;}
.num p:hover{ background: #b82947; border:1px #b82947 solid;}
.main .p3_product ul li a{ color: #fff;}

.main .product .product_right02 span{ float: left; padding-left: 75px; padding-top: 10px;color: #fff;}
.main .product .product_right02 span a{ color: #fff;}
.main .product .product_right02 span a:hover{ color:#eb5532;}
.main .product .product_right .pro_show p img{ float: left;}

.main .product_left .share{ width: 270px; height: 50px;float: left; margin-top: 30px;}
.share label{ float: left; color: #fff; line-height: 50px; margin-left: 10px;}
.share dl{ float: left; margin-top:15px; margin-left: 10px; }
.share dl dd{ float: left; margin-left: 10px;}


/*产品中心*/
.product_details .details_word{ width:400px; float: right; margin-right: 20px;}
.product_details .details_word p{width:400px; color: #fff; line-height: 25px; float: left;letter-spacing: 1px;}
.main .product .product_right03 label{ float: left; padding:0; color: #f26530;}
.main .product .product_right03 span{ float: right; padding-top: 0; color: #f26530;}
.query{ width: 100px; height: 30px; text-align: center; line-height: 30px; border-radius: 3px; background:#eb5532; color: #fff; margin-left: 45px; margin-top: 30px; border:none; outline: none;cursor: pointer;}
.query a{ color: #fff; text-decoration: none; font-size: 16px;}
.color{ float: right; width: 340px;padding-top:10px;}
.color .color01{ width: 70px;float:left; margin-left: 12px; }
.color .color01 em{ display:block; color: #fff; font-size: 12px; font-family: "Arial"; padding-top: 7px;}
.color dd{ width: 70px; height: 25px; background: red; float: left;border-radius: 5px;margin-left: 5px; }
.color dd.style01{ background: #626cb3;}
.color dd.style02{ background: #737377;}
.color dd.style03{ background: #a8171f;}
.color dd.style04{ background: #e7531a;}
.color dd.style05{ background: #1e2041;}
.color dd.style06{ background: #0b280b;}
.color dd.style07{ background: #907d67;}
.color dd.style08{ background: #f8d61f;}
.color dd.style09{ background: #fff;}
.color dd.style10{ background: #84c25b;}

/*放大镜效果*/
.wai{ float: left;width: 350px;height: 350px;position: relative;}
.one { width: 350px;height: 350px;border: 1px solid #CCCCCC; position: relative;}
.one i {width: 175px;height: 175px; position: absolute;top: 0;left: 0; display: none;}
.two {padding: 10px 0 0 0;}
.two img {border: 1px solid #eb5532;}
.the {width: 400px;height: 400px;position: absolute; left: 50%; margin-left: 110px; float: left;overflow: hidden;border: 1px solid #969696;display: none; }
.the img {position: absolute;display: block;}
.one:hover i{display:block; background-image:url(../images/bg.png)}


/***************************联系我们****************************/
.p6_banner{ width: 1100px; height: 350px; margin:0 auto; background: url(../images/p6-banner.jpg) top center no-repeat;}
.p6_img{ text-align: center; margin-top: 20px;}
.p6_word{ margin-top: 20px; padding-left: 15px;}
.p6_word p{ font-size: 14px; font-family: "Arial" ;line-height: 30px;color: #fff; letter-spacing: 1px;}
.p6_word2{ color: #eb5532; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}


/***************************服务****************************/
.p4_banner{ width: 1100px; height: 350px; margin:0 auto; background: url(../images/p4-banner.jpg) top center no-repeat;}
.p4_word{ padding-bottom: 40px; padding-left: 20px;}
.p4_word h5{ font-size: 16px; color: #f26530; margin-top: 10px;}
.p4_word h6{ font-size: 14px; color: #fff; margin-top: 7px;}

/***************************新闻****************************/
.p5_banner{ width: 1100px; height: 350px; margin:0 auto; background: url(../images/banner.jpg) top center no-repeat;}
.p5_word p{ font-size: 14px; font-family: "Arial" ; color: #fff; letter-spacing: 1px; margin-bottom: 7px;}
.p5_word p a{ text-decoration: none; color: #fff;}
.p5_word p a:hover{ color: #f26530;}
.p5_word p span{ float: right;}
/*新闻详情*/
.new_title{ color: #d64d2d; text-align: center; margin-top: 30px; font-size: 18px;}
.new_word{ margin-top: 10px;}
.new_word p{ color: #f2f0f0; font-size: 16px; line-height: 30px; padding: 5px 10px 2px 10px; text-align: justify;}
.new_page{ width: 100%; height: 40px;float: left; border-top: 1px dashed #cbcbcb; margin-top:50px;}
.new_page span{width: 49%;height: 40px;line-height: 40px; color: #b82947; overflow: hidden; }
.new_page span.new_pre{ float: left;}
.new_page span.new_next{float: right; text-align: right;}
.new_page span a{line-height: 40px; color: #ccc;}
.new_page span a:hover{ color:#d64d2d;}


/***************************下载****************************/
.p7_banner{ width: 1100px; height: 350px; margin:0 auto; background: url(../images/p7-banner.jpg) top center no-repeat;}
.p7_word{ padding-bottom: 100px;}
.p7_word p{ font-size: 14px; font-family: "Arial" ; color: #fff; letter-spacing: 1px; margin-bottom: 20px; padding-left: 30px;}
.p7_word p a{ text-decoration: none; color: #fff;}
.p7_word p a:hover{ color: #f26530;}
.p7_word p span{ display: block; width:100px; height: 30px; float: right; padding-right: 15px; text-align: center; line-height: 30px; background:#b82947 url(../images/down.png) 5px center no-repeat; padding-left: 25px; cursor: pointer;}

/***********************弹窗样式*****************************/
.ask{ width: 100%; height: 100%; position:fixed; top: 0;left: 0; z-index: 999;background: #666; opacity: 0.5;filter:alpha(opacity=50); display: none;}
.ask_con{ position: fixed;left: 50%; top: 50%; z-index: 9999; width: 500px; /*height: 550px;*/ margin: -350px 0 0 -315px;border-radius: 5px; border: solid 2px #666; background-color: #fff;box-shadow: 0 0 10px #666; display: none;}
.ask_title{ position: relative; border-bottom: 1px solid #e7e5e5; padding:12px;}
.ask_title a{ text-decoration: none;}
.ask_title .close{ float: right;text-shadow: 0 1px 0 #ddd; font: bold 18px/18px simsun;color: #999;padding: 5px;margin: -2px -5px -5px; }
.ask_con ul{ margin:0 auto; padding:20px 20px 25px 20px; }
.ask_con ul li{ width: 450px; float: left;  margin-bottom: 5px; }
.ask_con ul li span{ width: 130px; text-align: right; float: left; color:#8d8d8d;}
.ask_con ul li label{ float: left; margin-left: 30px; color: #292828;}
.ask_con ul li label input{ width: 290px; height: 30px; padding-left: 10px; border: 1px #dedbdb solid;}
.ask_con ul li label textarea{ width: 290px; height: 145px;}
#verify{ width: 400px; height:45px; border: 1px red solid; margin:10px 0 25px 50px;}
.submit{ width: 100px; height: 35px; text-align: center; line-height: 35px; border:none; outline: none; float: left; margin-left: 160px; margin-top: 10px; background: #1a3b5b; color: #fff;  }
.reset{ width: 100px; height: 35px; text-align: center; line-height: 35px; border:none; outline: none;  float: left; margin-left: 30px; margin-top: 10px; background: #1a3b5b; color: #fff;}