@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #666;  font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif; min-height: 100%;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background: #fff;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #666; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width: 1280px; margin: 0 auto;}

/*头部*/
.header{ min-width: 1280px; height: 36px; line-height: 36px; font-size: 14px; color: #868686; background-color: #f7f7f7; overflow: hidden;}
.header a{ color:#868686;}
.header .fl{ margin-right: 27px;}
.header .fl a{ padding-left: 30px; display:block; background-position: left center; background-repeat: no-repeat;}
.header p{ margin-left: 30px; font-size: 20px; font-family: "Georgia"; color: #262626; padding-left: 28px; background: url(/images/img_03.png) no-repeat left center;}
.header span{ font-size: 12px; padding: 0 15px;}

/*导航*/
.nav{ height: 110px;}
.logo{ float:left; padding-top: 27px;}
.nav_list{ float:right; padding-top: 38px; height: 32px;}
.nav_list > ul > li{ float:left; margin-left: 25px; position: relative; height: 47px;}
.nav_list > ul > li > a{ display:block; font-size: 16px; color: #262626; line-height: 32px; border-radius: 16px; padding: 0 12px;}
.nav_list > ul > li:hover > a,.nav_list > ul > li > a.on{ color: #fff; background-color: #3677d5;}
.nav_down{ display: none; position:absolute; width: 260px; left: 50%; margin-left: -130px; top: 47px; background-color: #636363; border: 1px #212121 solid; text-align: center; z-index: 9;}
.nav_down div{ position: relative;}
.nav_down div:not(:last-child){ border-bottom: 1px #212121 solid;}
.nav_down a{ display:block; font-size: 16px; color: #fff; line-height: 36px;}
.nav_down ul{ display:none; position: absolute; left: 260px; top: -1px; width: 203px; border: 1px #212121 solid; background-color: #3c3c3c;}
.nav_down ul a:not(:last-child){ border-bottom: 1px #212121 solid;}
.nav_list > ul > li:hover .nav_down{ display:block;}
.nav_down div:hover > a{ color: #ffde59; background-color: #3c3c3c;}
.nav_down div:hover ul{ display: block;}
.nav_down div ul a:hover{color: #ffde59; }

/*banner*/
.banner{ min-width: 1280px; height: 538px; position: relative; overflow: hidden;}
.banner .bd a{ display:block; height: 538px; background-position: center top; background-repeat: no-repeat;}
.banner .hd a{ position:absolute; top: 50%; margin-top: -23px; z-index: 2;}
.banner .hd .prev{ left: 78px;}
.banner .hd .next{ right: 78px;}

/*产品中心*/
.index_product{ padding: 60px 0 15px;}
.index_product .left{ float: left; width: 274px; overflow: hidden;}
.index_product .right{ float: right; width: 975px; overflow: hidden;}

.p_title{ height: 94px; background-color: #3677d5; text-align: center; color: #fff; overflow: hidden;}
.p_title h2{ display:block; font-size: 28px; font-weight: 400; line-height: 40px; padding-top: 15px;}
.p_title p{ text-transform: uppercase; color: #97c2ff; font-size: 13px; line-height: 22px;}
.p_list{ border: 1px #e7e7e7 solid;}
.p_list .list li{ border-bottom: 1px #e7e7e7 solid;}
.p_list .list li > a{ display:block; position: relative; padding-left: 45px; font-size: 16px; color: #2f383d; line-height: 70px;}
.p_list .list li em{ display:none; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background-color: #3677d5;}
.p_list .list li a.on{ background: url(/images/img_04.png) no-repeat 238px center;}
.p_list .list li > a:hover,.p_list .list li > a.ons{ background-color:#f3f8fb;}
.p_list .list li > a:hover em,.p_list .list li > a.ons em{ display:block;}
.p_list .list li a.on.ons{ background-image:url(/images/img_05.png);}
.p_list .list li div{ background-color:#f3f8fb;}
.p_list .list div a{ display:block; text-align: center; font-size: 16px; color: #2f383d; line-height: 62px; border-top: 1px #e7e7e7 solid;}
.p_list .list div a i{ display:none; width: 5px; height: 5px; vertical-align: middle; border-radius: 50%; background-color: #3677d5; margin: 0 12px 2px;}
.p_list .list div a:hover,.p_list .list div a.active{ color:#3677d5;}
.p_list .list div a:hover i,.p_list .list div a.active i{ display:inline-block;}
.p_list .code{ padding: 19px 0 8px; background-color: #f3f8fb; text-align: center; color: #2f383d; font-size: 15px; line-height: 30px;}
.p_list .code img{ margin:0 auto;}

.index_product_list{ width: 1008px;}
.index_product_list .list li{ float:left; margin: 0 33px 32px 0; width: 300px; height: 360px; border: 1px #e7e7e7 solid; overflow: hidden;}
.index_product_list .list .top img{ height: 300px; width:300px;}
.index_product_list .list .top h4{ border-bottom: 1px #e7e7e7 solid; border-top: 1px #e7e7e7 solid; display:block; font-size: 15px; color: #2f383d; font-weight: 400; text-align: center; height: 73px; line-height: 73px; overflow: hidden;}
.index_product_list .list .d_btn{ display: block; text-align: center; font-size: 17px; color: #3677d5; background-color: #f3f8fb; line-height: 60px; height: 60px;}
.index_product_list .list .d_btn i{ display:inline-block; vertical-align: top; padding-left: 43px; background: url(/images/img_06.png) no-repeat left center;}

/*表单*/
.form{ margin-bottom: 45px; background: url(/images/img_03.jpg); height: 80px;}
.form ul{ padding: 18px 0 0 42px;}
.form .text_info{ float: left; background-color: #fff; border-radius: 4px; margin-right: 23px; padding: 0 15px 0 50px; background-position: 18px center; background-repeat: no-repeat; overflow: hidden;}
.form .text_info input{ display:block; border: 0; width: 184px; height: 44px; line-height: 44px; background-color: #fff; font-size: 14px; color: #2f383d;}
.form li:nth-child(3) input{ width: 390px;}
.form .ico01{ background-image:url(/images/img_04.jpg);}
.form .ico02{ background-image:url(/images/img_05.jpg);}
.form .ico03{ background-image:url(/images/img_06.jpg);}
.form button{ display:block; text-align: center; border: 0; width: 170px; height: 44px; border-radius: 4px; color: #fff; font-size: 17px; background-color: #656565; cursor: pointer;}
.form button i{ display:inline-block; vertical-align: top; padding-left: 37px; background: url(/images/img_07.png) no-repeat left center;}

/*新闻*/
.main{ min-width: 1280px; background-color: #f3f8fb; padding: 53px 0 40px;}
.main .con{ padding: 0 40px;}
.main .title{ padding-bottom: 38px;}

.hot_news{ float:left; position: relative; width: 361px; height: 279px; overflow: hidden; background-color: #fff;}
.hot_news img{ width: 361px; height: 129px;}
.hot_news ul{ padding: 15px 24px 0;}
.hot_news h4{ display:block; font-size: 16px; color: #2f383d; font-weight: 400; line-height: 27px; height: 27px; overflow: hidden;}
.hot_news h4 a{ color:#2f383d;}
.hot_news p{ font-size: 14px; color: #a8a8a8; line-height: 20px; padding-top: 3px; height: 40px; overflow: hidden;}
.hot_news .more{ display:block; margin-top: 10px; width: 105px; height: 33px; line-height: 33px; background-color: #3677d5; font-size: 14px; color: #fff; text-align: center;}
.hot_news span{ position: absolute; left: 25px; top: 20px; border: 2px #fff solid; text-align: center; font-size: 12px; color: #fff; line-height: 22px; width: 55px; overflow: hidden;}
.hot_news span b{ display:block; font-size: 25px; padding-top: 5px;}

.index_news_list{ float:right; width: 824px; overflow: hidden;}
.index_news_list li{ float:left; margin-left: 23px; margin-bottom: 27px; width: 374px; padding-right: 15px; height: 75px; background-color: #fff; border-radius: 4px 0 0 0; overflow: hidden; }
.index_news_list div{ float:left; width: 68px; height: 75px; text-align: center; line-height: 26px; font-size: 12px; color: #fff; background-color: #3677d5; border-radius: 4px 4px 0 0; overflow: hidden; margin-right: 14px;}
.index_news_list div b{ display:block; background-color: #646464; font-size: 25px; line-height: 49px;}
.index_news_list h4{ display:block; font-weight: 400; line-height: 25px; height: 25px; padding-top: 13px; font-size: 16px; overflow: hidden;}
.index_news_list h4 a{ color:#2f383d;}
.index_news_list p{ overflow: hidden; font-size: 14px; color: #a8a8a8; line-height: 26px; height: 26px;}

/*关于&#23562;&#40857;&#20975;&#26102;*/
.main01{ background:#fff url(../images/img_08.jpg) no-repeat center top;}
.index_about p{ text-align:center; font-size: 15px; line-height: 24px; padding-bottom: 10px; color: #fff;}
.index_about img{ margin-top: 35px; box-shadow: 0 0 8px rgba(0,0,0,.5);}
.honnor{ padding: 70px 0 40px;}

/*底部*/
.footer{ min-width: 1280px; padding: 20px 0;  background: url(/images/img_11.jpg) repeat-y center top; overflow: hidden;}
.footer .wrapper{ position:relative;}
.footer .top{ width: 925px; height: 50px; line-height: 50px; border-bottom: 1px #003a8d solid; font-size: 15px; color: #fff;}
.footer .top a{ margin-right: 45px; color: #fff;}
.footer .list{ padding: 20px 0;}
.footer .list div{ float:left; font-size: 14px; color: #fff; line-height: 25px; padding-left: 48px; background-position: left center; background-repeat: no-repeat; margin-right: 25px;}
.footer .list div i{ margin-left: 15px;}
.footer .list .f_01{ background-image:url(/images/img_10.png);}
.footer .list .f_02{ background-image:url(/images/img_11.png);}
.footer .list .f_03{ background-image:url(/images/img_12.png);}
.footer .list .f_04{ background-image:url(/images/img_13.png);}
.footer .f_code{ position:absolute; right: 0; top: 0; text-align: center; font-size: 14px; color: #fff; line-height: 30px;}
.f_copy{ min-width: 1280px; height: 48px; line-height: 48px; background-color: #002760; text-align: center; font-size: 13px; color: #89a9d8; overflow: hidden;}

/*图片位*/
.p_img{ height: 322px; background-position: center top; background-repeat: no-repeat;}

/*目今位置*/
.location{ min-width: 1280px; height: 44px; line-height: 44px; background-color: #f7f7f7; font-size: 14px; color: #262626;}
.location p{ padding-left: 25px; background: url(/images/img_14.png) no-repeat left center;}
.location a{ color:#262626;}
.location i{ color:#3677d5;}

/*分页*/
.page{ padding: 10px 0 35px;text-align: center; line-height: 28px; height: 28px; font-size: 16px; color: #000;}
.page a{ display:inline-block; vertical-align: top; padding: 0 10px; margin: 0 4px; background-color: #eee; color: #000; overflow: hidden;}
.page i{ display:inline-block; vertical-align: top; margin: 0 4px;}
.page em{ font-family: "宋体";}
.page a:hover,.page a.on{ color:#fff; background-color: #3677d5;}

/*产品详情*/
.index_product01{ padding: 40px 0 20px;}
.detial_product h1{ display:block; padding: 15px 15px 30px; text-align: center; font-size: 26px; color: #3677d5; font-weight: 400; line-height: 40px;}
.detial_product .img img{ float:left; width: 347px; height: 258px; border: 1px #e7e7e7 solid; margin-right: 32px;}
.detial_product .img div{ overflow: hidden;}
.detial_product .img b{ margin-bottom: 5px; display:block; font-size: 16px; color: #737373; font-weight: 400; line-height: 36px; position: relative; padding-left: 24px;}
.detial_product .img b i{ position: absolute; left: 9px; top: 10px; width: 4px; height: 16px; background-color: #737373;}
.detial_product .img p{ border: 1px #d7d7d7 solid; background-color: #f9f9f9; padding: 15px 25px; font-size: 15px; color: #565656; line-height: 25px;}
.detial_product .img span{ display:block; padding-left: 44px; background: url(/images/img_14.jpg) no-repeat 5px center; font-size: 20px; color: #555; line-height: 65px;}
.detial_product .img span i{ color:#3677d5;}
.detial_product .intro{ padding-top: 15px; padding-bottom: 20px; border-bottom: 1px #e7e7e7 solid;}
.detial_product .intro b{ display:block; font-size: 18px; color: #fab600; font-weight: 400; line-height: 40px; height: 40px; border-bottom: 1px #e7e7e7 solid;}
.detial_product .intro b i{ display:inline-block; vertical-align: top; padding: 0 5px; height: 38px; border-bottom: 3px #fab600 solid;}
.detial_product .intro p{ padding-top: 22px; font-size: 15px; color: #181818; line-height: 28px; text-indent: 2em;}
.detial_product .intro img{ margin: 0 auto;}

.d_page{ height: 50px; line-height: 50px; font-size: 15px; color: #3677d5; overflow: hidden;}
.d_page a{ color:#757575;}

/*资料下载*/
.down_list .tops{ border: 1px #585858 solid; background-color: #585858; line-height: 47px; height: 47px;}
.down_list .tops p{height: 47px; font-size: 15px; color: #fff; text-align: center; overflow: hidden;}
.t_l{ float:left;  width: 764px; border-right: 1px #585858 solid; text-align: left !important;}
.t_l i{ margin-left: 43px;}
.down_list .lists{ border: 1px #e1e1e1 solid; margin-bottom: 25px;}
.down_list .lists div{ height: 48px; line-height: 48px; border-bottom: 1px #e1e1e1 solid; font-size: 15px; color: #272727;}
.down_list .lists div p{ overflow: hidden; height: 48px;}
.down_list .lists div:last-child{ border-bottom:none;}
.down_list .lists .t_l{ border-right-color: #e1e1e1;}
.down_list .lists .t_l a{ color:#272727;}
.down_list .lists a.ds{ display:block; margin: 6px auto 0; width: 94px; height: 35px; line-height: 35px; border-radius: 16px; background-color: #7a7a7a; text-align: center; font-size: 14px; color: #fff;}

/*下载详情*/
.d_down{ width: 858px; margin: 0 auto;}
.d_down .title{ padding: 10px 25px; border-bottom: 1px #e1e1e1 solid;}
.d_down .title h1{ display:block; font-size: 30px; color: #181818; font-weight: 400; line-height: 50px;}
.d_down .title p{ font-size:14px; color: #525252; line-height: 40px;}
.d_down .con{ padding: 40px 25px; position: relative;}
.d_down .con table{ width: 380px; border: 1px #e1e1e1 solid; border-bottom: none; font-size: 14px; color: #272727; line-height: 39px;}
.d_down .con table td{ border-bottom: 1px #e1e1e1 solid; padding: 0 25px;}
.d_down .con table td:nth-child(2n+1){ width: 80px; background-color: #f3f3f3; border-right: 1px #e1e1e1 solid;}
.d_down .con a{ position: absolute; top: 61px; left: 485px;}

/*弹窗*/
.box{ position: fixed; right: 0; top: 35%; z-index: 10;}
.box a{ display: block; margin-bottom: 3px; position: relative;}
.box a p{ display:none; position: absolute; right: 99px; top: 0; color: #fff; background-color: #0072a6; font-size: 28px; white-space: nowrap; height: 99px; line-height: 99px; padding: 0 20px;}
.box a:hover p{ display:block;}

/*产品定制*/
.product_custom .title{ text-align:center; padding: 33px 0; border-bottom: 1px #e1e1e1 solid; margin-bottom: 45px;}
.product_custom .title img{ margin:0 auto;}
.product_custom .title b{ display:block; font-size: 26px; color: #363636; font-weight: 400; line-height: 60px;}
.product_custom .forms li{ width: 554px; padding-left: 64px; height: 63px; margin-bottom: 18px; border-radius: 4px; background-repeat: no-repeat; background-position: 23px center; background-color: #fafafa; border: 1px #e7e7e7 solid; overflow: hidden;}
.product_custom .forms input{ display:block; border: 0; width: 100%; height: 63px; line-height: 63px; background-color: transparent; font-size: 16px; color: #2f383d;}
.product_custom h2{ display:block; font-size: 18px; color: #99a3b5; line-height: 65px; height: 65px;}
.product_custom h2 i{ margin-left: 10px; text-transform: uppercase;}
.product_custom h2 span{ float:right; width: 620px;}
.product_custom .forms01 li{ width: 1214px;}
.d_intro{ padding: 12px 0 40px;}
.d_intro p{ text-align: center; border: 1px #ff9c00 solid; background-color: #fff5e5; font-size: 16px; color: #ff9c00; line-height: 35px;}
.d_btns{ padding-bottom: 80px; text-align: center;}
.d_btns button{ display:inline-block; vertical-align: top; margin: 0 9px; border: 1px #3677d5 solid; color: #3677d5; font-size: 18px; height: 50px; border-radius: 25px; background-color: transparent; width: 175px; cursor: pointer;}
.d_btns button.on{ background-color: #3677d5; color: #fff;}

.d_info{ padding-bottom: 35px;}
.d_info .img{ float:right; margin-left: 45px; padding: 7px; border: 1px #e1e1e1 solid;}
.d_info p{ overflow: hidden; font-size: 16px; color: #363636; line-height: 35px; text-indent: 2em; padding-bottom: 5px;}




<!--耗时1763638203.9314秒-->