﻿@charset "utf-8";
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size:14px; color:#666; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { text-decoration: none; color: #666; font-size:14px;}
a:hover { color: #0952a3; }
div{display:block;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
.fl{float:left;}
.fr{float:right;}

.wrapper{ width:1200px; margin:0 auto;}


/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar { width: 6px; height: 12px; }
::-webkit-scrollbar-button:vertical { display: none; }
::-webkit-scrollbar-track:vertical { background-color: black; }
::-webkit-scrollbar-track-piece { background: #fff; }
::-webkit-scrollbar-thumb:vertical { background-color: #8e8e8e; border-radius: 5px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color: #3b3b3b; }
::-webkit-scrollbar-corner:vertical { background-color: #535353; }
::-webkit-scrollbar-resizer:vertical { background-color: #ff6e00; }

/* 拖选文字样式 20160628 */
::selection { background: #0096d5; color: #fff; }
::-moz-selection { background: #0096d5; color: #fff; }

.bannerslide { height:600px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }


.top{ background:url(../images/topbg.jpg) repeat-x; line-height:48px; height:48px;}
.top .fl span{ color:#0073aa; margin:0 5px;}
.top .fr a{ padding:0 12px; border-left:1px #ddd solid; line-height:46px; display:inline-block;}
.top .fr a:nth-child(3){ border-right:1px #ddd solid;}
.toper{ padding:25px 0;}
.menu{ background:#0073aa url(../images/menubg.jpg) no-repeat left top; height:50px; padding-top:4px;}
.menu li{ float:left; width:12.5%; line-height:48px; text-align:center;}
.menu li a{ color:#fff; font-size:15px;}


.box{ padding:50px 0;}
.box02{ background:#fafafa;}
.box .box_tit{ font-size:26px; color:#444;}
.box .box_tit .more{ float:right; color:#888; padding:10px 15px 10px 25px; border:1px #cdcdcd solid;}
.box .box_tit .more a{ color:#888;}
.box .box_tit .more a:hover{ color: #0952a3;}
.box .box_tit .more span{ font-size:14px; margin-left:20px;}
.box .box_text{ font-size:15px; color:#777; margin:30px 0; line-height:24px;}
.box .box_slide{}
.box .box_slide li{ float:left; margin-right:1.3%; width:24%;}
.box .box_slide li:nth-child(4){ margin-right:0;}
.box .box_slide li .img{}
.box .box_slide li .img img{ width:100%;}
.box .box_slide li .text{ background:#f6f6f6; padding:30px 25px;}
.box .box_slide li .text h2{ font-size:20px; color:#333; font-weight:normal; margin-bottom:25px;}
.box .box_slide li .text p{ line-height:22px; margin-bottom:25px; height:66px; overflow:hidden;}
.box .box_slide li .text a{ color:#0073aa; border:1px #0073aa solid; border-radius:5px; padding:5px 10px;}
.box .box_proitem{}
.box .box_proitem li{ float:left; width:19%; border:2px #0073aa solid; margin-right:0.8%; text-align:center; line-height:48px;}
.box .box_proitem li:nth-child(5){ margin-right:0;}
.box .box_proitem li a{ font-size:15px; color:#0073aa;}
.box .box_product{ margin-top:30px;}
.box .box_product li{ float:left; width:23.5%; margin-right:1.6%; border:1px #ddd solid; border-top:none; border-bottom:1px #a4a2a2 solid;}
.box .box_product li:nth-child(4){ margin-right:0;}
.box .box_product li .img02{ text-align:center; padding:45px 0;}
.box .box_product li .img02 img{ width:100%; max-width:224px;}
.box .box_product li .text02{ background:#ededed; padding:30px 20px 20px; color:#888;}
.box .box_product li .text02 p{ font-size:15px;}
.box .box_product li .text02 h3{ font-size:14px; margin-top:5px;}
.box .box_product li .text02 a{ font-size:12px; color:#ee1f27; text-decoration:underline; margin-top:25px; display:inline-block;}


.corpera{ background:url(../images/cooperation.jpg) no-repeat center; height:266px; color:#fff;}
.corpera .cor{ float:right; margin-right:10%; width:335px;}
.corpera .cor p{ font-size:22px; margin-top:50px; line-height:32px;}
.corpera .cor .line{ border:4px #fff solid; text-align:center; font-size:22px; line-height:56px; margin-top:30px;}
.box .box_new .box_new01{ border-bottom:1px #eee solid; padding-bottom:30px; margin-bottom:30px;}
.box .box_new .box_new01 .newsbig{ width:38%;}
.box .box_new .box_new01 .newsbig img{ width:100%;}
.box .box_new .box_new01 .newsbig h2{ font-size:16px; color:#0073aa; font-weight:normal; margin:20px 0;}
.box .box_new .box_new01 .newsbig p{ font-size:13px; color:#888; line-height:20px; margin-bottom:25px; margin-right:10px;}
.box .box_new .box_new01 .newsbig a{ color:#ee1f27; font-size:12px; text-decoration:underline;}
.box .box_new .box_new01 .newsmall{ width:62%;}
.box .box_new .box_new01 .newsmall li{ float:left; width:42%; background:#f8f8f8; padding:50px 4% 60px;}
.box .box_new .box_new01 .newsmall li h2{ font-size:18px; color:#0073aa; font-weight:normal; margin-bottom:32px; height:24px; overflow:hidden;}
.box .box_new .box_new01 .newsmall li p{ font-size:13px; color:#888; line-height:22px; margin-bottom:40px;}
.box .box_new .box_new01 .newsmall li em{ display:block; font-style:normal; font-size:13px; color:#999; line-height:20px;}
.box .box_new .box_new01 .newsmall li a{ color:#ee1f27; font-size:12px; text-decoration:underline;}
.box .box_new .box_new01 .newsmall li.bg{ background:#f0f0f0;}
.box .box_new .box_new02{}
.box .box_new .box_new02 li{ float:left; width:29%; margin-right:1.5%; line-height:24px; background:url(../images/jt.jpg) no-repeat left; padding-left:10px; overflow:hidden; height:24px; overflow:hidden;}
.box .box_new .box_new02 li:nth-child(2){ width:34%}
.box .box_new .box_new02 li:nth-child(3n){ margin-right:0;}
.box .box_new .box_new02 li:nth-child(5){ width:34%}
.box .box_new .box_new02 li:nth-child(8){ width:34%}
.box .box_new .box_new02 li a{ color:#888;}


.good{ background:url(../images/good.jpg) no-repeat center; height:202px; color:#fff;}
.good p{ font-size:15px; padding-top:40px; float:left}
.good p span{ font-size:26px; font-weight:normal; line-height:80px; display:block; }
.good a{ float:right; color:#fff; border:1px #fff solid; padding:10px 15px 10px 30px; margin-top:75px;}
.good a em{ margin-left:15px;}

.slide{ padding:40px 0;}
.slide .img{ margin-right:45px;}
.slide .text{ background:url(../images/01.png) no-repeat left top; padding-left:105px; width:515px;}
.slide .text h2{ color:#0073aa; font-size:20px; line-height:80px;}
.slide .text p{ color:#888; font-size:15px; line-height:26px;}
.slide .text a{ color:#0073aa; font-size:15px; border:1px #0073aa solid; padding:10px 15px 10px 20px; display:inline-block; margin-top:30px;}
.slide .text a img{ margin-left:30px; vertical-align:middle;}
.slide02{ background:#f7f7f7;}
.slide02 .img{ margin-right:0; margin-left:45px;}
.slide02 .text{ background:url(../images/02.png) no-repeat left top;}
.slide03 .text{ background:url(../images/03.png) no-repeat left top;}

.foot{ background:#f8f8f8 url(../images/bottomline.jpg) no-repeat top; padding:40px 0 50px 0;}
.foot h3{ font-size:16px; font-weight:normal; color:#666; margin-bottom:20px;}
.foot p{ font-size:13px; color:#888; line-height:22px;}
.foot p a{ font-size:13px; color:#888; line-height:22px;}
.foot strong{ font-size:15px; color:#888; margin-bottom:10px; display:block;}
.foot .b_menu{ width:42%;}
.foot .b_menu .bb{ float:left; margin-right:15%;}
.foot .b_menu .bb:nth-child(3){ margin-right:0;}
.foot .b_mess{ width:28%; margin-right:4%}
.foot .b_mess .mess{}
.foot .b_mess .mess .fl{ width:53%; margin-right:5%;}
.foot .b_mess .mess .fll{ width:42%; margin-right:0;}
.foot .b_cont{ width:26%;}
input{ border:none;}
.user{ border:1px #d0d0d0 solid; width:92%; padding:14px 12px; background:none;}
.txt{ border:1px #d0d0d0 solid; width:92%; padding:14px 12px; background:none; margin-top:8px; height:75px;}
.buttom{ background:#bbced7; width:105px; height:75px; display:block; color:#fff;}
.buttomb{ background:#0073aa; margin-top:8px;}
.footer{ background:#0073aa; color:#fff; font-size:13px; padding: 50px 0;}
.footer span{ float:right;}
.footer span a{ color:#fff; font-size:13px;}


.inbanner{ background:url(../images/inbanner_com.jpg) no-repeat left; height:407px; color:#fff;}
.inbanner h2{ font-size:36px; padding-top:130px; font-weight:normal; padding-left:50px;}
.inbanner p{ font-size:16px; margin-top:30px; padding-left:50px;  padding-right:20px;}
.inbanner.i_b_pro{ background:url(../images/inbanner_pro.jpg) no-repeat left;}
.inbanner.i_b_new{ background:url(../images/inbanner_new.jpg) no-repeat left;}
.inbanner.i_b_job{ background:url(../images/inbanner_job.jpg) no-repeat left;}
.inbanner.i_b_honor{ background:url(../images/inbanner_honor.jpg) no-repeat left;}
.inbanner.i_b_sale{ background:url(../images/inbanner_sale.jpg) no-repeat left;}
.inbanner.i_b_cont{ background:url(../images/inbanner_cont.jpg) no-repeat left;}
.main{}
.main .m_tit{ border-bottom:1px #eee solid; height:88px;}
.main .m_tit .fl{}
.main .m_tit .fl li{ float:left; border-radius:20px; margin-right:10px; padding:0 25px; border:1px #ccc solid; line-height:36px; margin-top:25px; cursor:pointer;}
.main .m_tit .fl li a{ font-size:16px;}
.main .m_tit .fl li.on{ background:#0073aa; border:1px #0073aa solid; color:#fff;}
.main .m_tit .fl li.on a{ color:#fff;}
.main .m_tit .fr{ font-size:13px; color:#999; border-left:1px #eee solid; padding-left:20px; line-height:88px;}
.main .m_txt{ padding:40px 0;}

.newsa .item { float: left; width: 32.333333%; margin-right: 1.5%; background: #eee; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.prolist02 .item { background: #f5f5f5; }
.newsa .item:nth-child(3n) { margin-right: 0; }
.newsa .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.newsa .item a { display: block; text-decoration: none; }
.newsa .item .img { display: block; }
.newsa .item .img img { display: block; width: 100%; }
.newsa .item .info { padding: 40px; text-align: center; }
.newsa .item .info .nam { line-height: 36px; margin-bottom: 10px; font-size: 18px; color: #666; height: 36px; overflow: hidden; }
.newsa .item a:hover .info .nam { color: #62b15d; }
.newsa .item .info .txtt { line-height: 22px; font-size: 14px; color: #777; height: 66px; padding: 0 20px; overflow: hidden; }

.bd{ width:1200px; margin:auto; }
.map{ border:1px #ccc solid; padding:8px; margin-top:40px;}

.messagecon { width:50%;}
.messagecon p { margin-bottom: 20px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messagetit{ margin-bottom:5px;}
.messageinput { width: 48.5%; padding: 10px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin-right:2%; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box;}
.messageinput:last-child{ margin-right:0;}
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width:30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #79b3ce; color: #fff; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 30%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: #007eba; }
.allcolor{ background:#008488;}
.mass{ width:32%; color:#fff; padding:2%; text-align:center;}
.mass img{ margin-top:50px;}
.mass img.imgb{ margin-top:110px;}
.mass img.imga{ width:50px;}
.mass h3{ font-size:32px; margin:25px;}

.cont{ width:40%;}
.cont h2{ margin-bottom:15px;}
.cont p.p_t{ line-height:20px; margin-bottom:20px; font-size:13px;}
.cont p{ line-height:36px; font-size:15px;}

.comimg{ width:40%;}
.text05{ text-align:left; font-size:16px; width:55%; line-height:30px; margin-top:80px;}
.text05 p{ width:90px; height:3px; background:#06C; margin-top: 30px;}
.text03{ margin-top:50px; line-height:36px; font-size:15px;}
.text04{ margin-top:50px;}
.text04 img{ width:100%;}
.text04 p{ font-size:16px;line-height:50px; margin-top:30px;}

.in_prox{}
.in_prox li{ line-height:28px; margin-bottom:20px; font-size:15px;}
.in_prox li span{ background:#0080bd; color:#fff; width:24px; height:24px; text-align:center; border-radius:24px; margin-right:10px; padding:5px; display:inline-block;}
.in_prox li span.ss01{ display:inline;}

.inhonor img{ width:100%;}
.inhonor li{ float:left; width:19%; margin-right:1%;}

.recrum{}
.recrum li{ margin-bottom:20px;}
.recrum li h3{ background:#0073aa; color:#fff; padding:10px 20px; border-radius:10px; display:inline-block; margin-bottom:10px;}
.recrum li p{ margin-bottom:10px; line-height:36px;}
.recrum li span{ text-align:right; border-top:1px #ccc solid; display:block; padding-top:30px; font-size:16px;}


.ttablea{width:100%; background-color:#fff;}
.ttablea th{background-color:#14355b; color:#fff; height:50px; line-height:50px; vertical-align:middle; padding:8px;}
.ttablea td{text-align:center; padding:8px; background-color:#c5d7ed;}
.ttablea .tdaa{background-color:#14355b; color:#fff; font-weight:bold;}


@media screen and (max-width: 1200px) {
.wrapper{ width:98%;}	
.bannerslide{ height:380px;}	
.box .box_new .box_new01 .newsmall li p{ height:88px; overflow:hidden;}
.box .box_new .box_new01 .newsbig p{ height:40px; overflow:hidden;}
.slide .img{ width:47%; margin-right:3%;}
.slide .img img{ width:100%;}
.slide .text{ width:39%; background-size:13%; padding-left:80px;}
.slide .text h2{ height:60px; overflow:hidden; font-size:16px; line-height:24px;}
.slide .text p{ height:78px; overflow:hidden; font-size:13px;}
.slide .text a{ font-size:13px; margin-top:15px;}
.slide02 .img{ margin-right:0; margin-left:3%;}
.foot .b_menu{ display:none;}
.foot .b_mess{ width:48%;}
.foot .b_cont{ width:40%;}
.bd{ width:98%;}


	}
	
@media screen and (max-width: 800px) {
.top{ font-size:12px;}
.top .fr{ display:none;}	
.toper img{ height:36px;}
.toper img.fr{ height:26px;}
.bannerslide{ height:240px;}
.menu{ height:72px;}
.menu li{ width:25%; line-height:36px;}
.menu li a{ font-size:14px;}
.box .box_slide li{ width:48%; margin-right:4%; margin-bottom:20px;}
.box .box_slide li:nth-child(2n){ margin-right:0;}
.box .box_tit{ font-size:22px;}
.box .box_tit .more{ padding:5px 10px;}
.box .box_text{ font-size:14px;}
.box .box_slide li .text{ padding:15px 10px;}
.box .box_slide li .text h2{ font-size:18px; margin-bottom:10px;}
.box .box_slide li .text p{ font-size:13px;}
.box .box_proitem{ display:none;}
.box .box_product li{ width:48%; margin-right:2.5%;}
.box .box_product li:nth-child(2n){ margin-right:0;}
.box .box_product li .text02 p{ display:none;}
.box .box_product li .img02{ padding:15px 0;}
.box .box_product li .text02{ padding:15px;}
.box .box_product li .text02 a{ margin-top:10px;}
.corpera .cor{ width:auto; margin-right:0;}
.corpera .cor p{ font-size:18px;}
.corpera .cor .line{ border:2px #fff solid;}
.box .box_new .box_new01 .newsbig{ width:100%; margin-bottom:20px;}
.box .box_new .box_new01 .newsmall{ width:100%;}
.box .box_new .box_new02 li{ width:100%; float:none;}
.box .box_new .box_new02 li:nth-child(2){ width:100%;}
.box .box_new .box_new02 li:nth-child(5){ width:100%;}
.box .box_new .box_new02 li:nth-child(8){ width:100%;}
.slide .img{ width:100%; margin-bottom:25px;}
.slide .text{ width:100%; background:url(../images/01.png) no-repeat left top; padding-top:80px; padding-left:0;}
.slide02 .text { width:100%; background:url(../images/02.png) no-repeat left top; padding-top:80px;}	
.slide03 .text { width:100%; background:url(../images/03.png) no-repeat left top; padding-top:80px;}
.footer{ line-height:24px; padding:15px 0;}
.footer span{ display:none;}
.foot .b_cont{ width:48%;}
.buttom{ width:80px;}
.inbanner{ background-size:140% 100%; height:200px;}
.inbanner h2{ padding-top:50px; font-size:32px;}
.inbanner p{ font-size:13px; margin-top:20px;}
.main .m_tit{ height:auto; padding:15px 0;}
.main .m_tit .fr{ display:none}
.main .m_tit .fl li{ margin-top:5px; margin-right:10px; padding:0 13px;}
.main .m_tit .fl li:nth-child(4n){ margin-right:0;}
.main .m_tit .fl li a{ font-size:14px;}
.newsa .item{ width:49%; margin-right:2%;}
.newsa .item:nth-child(2n) { margin-right: 0; }
.newsa .item:nth-child(3n) { margin-right:2%; }
.newsa .item:nth-child(6n) { margin-right: 0; }
.newsa .item .info{ padding:10px;}
.newsa .item .info .nam{ font-size:13px; font-weight:bold;}
.newsa .item .info .txtt{ padding:0; font-size:11px;}
.messagecon{ width:100%; margin-top:50px;}
.cont{ width:100%;}
.messagetarea{ width:94%;}
.messageinput{ width:48%;}
.comimg{ width:100%; max-width:520px;}
.comimg.fr{ float:left;}
.text05{ width:100%; text-align:left; text-indent:24px; margin-top:0;}

}