/* CSS Document */
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;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { 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; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#00517b;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-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}

/*banner*/
.bannerslide { height:810px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; }
.bannerslide .swiper-slide .textbox { margin: 220px 0 0 60px; width: 410px; background: #fff; color: #111; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.bannerslide .swiper-slide .textbox .pad { padding: 40px; background: rgba(255,255,255,1) url(../images/sw.png) no-repeat right top; }
.bannerslide .swiper-slide .textbox .tit { font-size: 26px; color: #666; font-weight: bold; margin-bottom: 20px; }
.bannerslide .swiper-slide .textbox .txt { font-size: 14px; color: #666; line-height: 24px; }
.bannerslide .swiper-slide .textbox .btn { padding: 40px; background: rgba(0,123,186,1); }
.bannerslide .swiper-slide .textbox .btn a { font-size: 14px; line-height: 40px; color: #007bba; background: #fff; padding: 0 30px; font-weight: bold; border: 1px solid #fff; display: inline-block; text-align: center; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide .textbox .btn a:hover { background: #fff; color: #000; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }


.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:50px 0;}

.topbar{ line-height: 26px; padding: 12px 30px; background: #0393c5; color: #fff; font-size: 12px;}
.topbar .fl span{ color:#cce5f1;}
.topbar .fl a.btn{ padding: 0 15px; background: #3b9aca; color: #fff; display: inline-block; margin-left: 10px;}
.topbar .fr a{ color:#fff; margin-left:15px;}

.head{ padding:15px 30px;}
.head .logo{ float:left;}
.head .nav{ float:left; margin-left:50px;}
.head .nav>li{ float:left; line-height:48px; margin-left:40px; position:relative;}
.head .nav>li a{ font-size:13px; font-weight:bold;}
.head .nav>li ul{ position:absolute; top:48px; min-width:150%; z-index:999; background:#fafafa; margin-left:-10px; display:none;}
.head .nav>li ul li{ line-height:2; white-space:nowrap; padding:0 10px;}
.head .nav>li ul li a{ font-size:13px; font-weight:normal;}
.head .nav>li ul li:hover{ background:#eee;}
.head .search {
	float: right;
	width: 200px;
	border: 1px solid #0393c5;
	background: #fff;
	box-sizing: border-box;
	margin:0;
	border-radius: 20px;
}
.head .search .key {
	border: 0;
	padding: 0 20px;
	box-sizing: border-box;
	width: 105px;
	background: transparent;
	line-height: 40px;
	height: 40px;
	float: left;
}
.head .search .btn {
	border: 0;
	box-sizing: border-box;
	cursor: pointer;
	color: #0393c5;
	width: 90px;
	padding-right: 40px;
	text-align: left;
	font-size: 12px;
	font-weight:bold;
	background: url(../images/sae.png) no-repeat left center;
	background-position:60px 10px;
	background-size: 16px 16px;
	line-height: 40px;
	height: 40px;
	float: left;

}
.head .search .btn:hover {
	opacity: .8;
}

.ind_news .in_t{ line-height:60px; color:#0393c5; font-size:18px; padding-right:60px; border-right:#e6e6e6 1px solid; float:left; width:14%;}
.ind_news .in_t img{ height:18px; display:inline-block;}
.ind_news .in_d{ float:left; width:86%; line-height:60px; padding-left:30px;}
.ind_news .in_d a.a1{ color:#0393c5;}
.ind_news .in_d a.a2{ float:right;}
.ind_news .in_d a.a2 img{ vertical-align:middle;}

.x{ height:8px; background:#0393c5 url(../images/ffg.jpg) repeat center bottom;}

.ind_ab{}
.pt1{ font-weight:bold; color:#0078a1; font-size:30px; text-align:center; line-height:2;}
.pt2{ text-align:center;}
.ind_ab .ia_m{ margin-top:50px;}
.ind_ab .ia_m .ia_m_l{ float:left; padding:30px 60px; border-left:#ddd 1px solid; width:53%;}
.ind_ab .ia_m .ia_m_l .pp1{ font-size:24px; font-weight:bold; color:#777;}
.ind_ab .ia_m .ia_m_l .pp2{ margin-top:40px; font-size:13px; line-height:1.6;}
.ind_ab .ia_m .ia_m_l .ia_more{ display: inline-block; font-size: 12px; background: #0393c5; color: #fff; font-weight: bold; padding: 10px 25px; border-radius: 30px; margin-top: 40px;}
.ind_ab .ia_m .ia_m_r{ float:right; width:47%;}

.ind_product{ background:#f2f3f5;}
.ind_product .ip_d{ margin-top:40px;}
.ind_product .ip_d img{ width:100%;}
.ind_product .ip_d .ip_d2{ float:left; width:49.5%; margin-right:1%;}
.ind_product .ip_d .ip_d2:nth-child(2){ margin-right:0;}
.ind_product .ip_d .ip_d2 .ip_d_c{ padding:80px; background:#0393c5 url(../images/gw.png) no-repeat 100px -250px; color:#fff; margin-bottom:12px;}
.ind_product .ip_d .ip_d2 .ip_d_c .p1{ font-size:13px; font-weight:bold;}
.ind_product .ip_d .ip_d2 .ip_d_c .p2{ font-size:36px; font-weight:bold; margin:15px 0;}
.ind_product .ip_d .ip_d2 .ip_d_c .p3{ margin-right:60px; line-height:1.6; font-size:13px;}
.ind_product .ip_d .ip_d2 .ip_d_c .p4{ font-size:16px; margin:30px 0;}
.ind_product .ip_d .ip_d2 .ip_d_c .p5{ font-size:24px; font-weight:bold;}
.ind_product .ip_d .ip_d2 .ip_d_d{ float:left; width:49%; margin-right:2%; position:relative; top:0; transition:0.2s;}
.ind_product .ip_d .ip_d2 .ip_d_d:hover{ top:-5px;}
.ind_product .ip_d .ip_d2 .ip_d_d div{ background:#fff; text-align:center; padding:20px 40px;}
.ind_product .ip_d .ip_d2 .ip_d_d:nth-child(2){ margin-right:0;}
.ind_product .ip_d .ip_d2 .ip_d_d div p{ font-size:18px; color:#0393c5; margin-bottom:10px;}
.ind_product .ip_d .ip_d2 .ip_d_d div span{ font-size:12px; color:#666; display:block; height:2em;}
.ind_product .ip_d .ip_d2 .ip_d_d2{ width:100%; margin-top:12px;}

.ip2{ background: #0393c5 url(../images/hb03img01.jpg) no-repeat center; color: #fff; padding:80px 0;}
.ip2 p{ width:30%;}
.ip2 p.p1{ font-size:30px; font-weight:bold;}
.ip2 p.p2{ font-size:12px; line-height:1.6; margin:20px 0;}
.ip2 a{ display: inline-block; font-size: 13px; background: #fff; color: #0393c5; font-weight: bold; padding: 0 20px; border-radius: 20px; line-height:34px;}
.ip2 a:hover{ background:#006399; color:#fff;}

.ind_t .it_m{ margin-top:30px;}
.ind_t .it_m .it_m2{ width:32%; margin-right:2%; float:left; position:relative; top:0; transition:0.2s;}
.ind_t .it_m .it_m2:hover{ top:-10px;}
.ind_t .it_m .it_m2:last-child{ margin-right:0;}
.ind_t .it_m .it_m2 div{ background:#ebf0f5; padding:30px 36px; text-align:center;}
.ind_t .it_m .it_m2 div p{ color:#0393c5; font-size:18px; font-weight:bold; margin-bottom:10px;}
.ind_t .it_m .it_m2 div span{ font-size:12px;}

.foot{ background:#ebf0f5;}
.foot .f1{ float:left; width:28%;}
.foot .p1{ font-size:16px; font-weight:bold; color:#0393c5;}
.foot .f1 ul{ margin-top:20px;}
.foot .f1 ul li{ line-height:1.6;}
.foot .f1 ul li a{ font-size:13px; color:#0393c5;}
.foot .f1 ul li:before{ content:" > "; color:#0393c5;}
.foot .f2{ width:33%; float:left;}
.foot .f2 div{ margin-top:20px;}
.foot .f2 div a{ font-size:13px; font-weight:bold; color:#0393c5;}
.foot .f2 div p{ font-size:13px; line-height:1.6; margin:5px 0 10px;}
.foot .f2 ul li a{ font-size:13px; line-height:1.6; color:#0393c5;}
.foot .f3{ width:28%; float:left; margin-left:10%;}
.foot .f3 .p2{ margin-top:20px; font-size:13px; line-height:1.6;}
.b_p{ padding:20px 0; border-top:#dfdfdf 1px solid; font-size:12px;}
.b_p a{ float:right;}

.inbanner { height: 300px; background: url(../images/nbanner.jpg) no-repeat center; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbanner .title { position: relative; text-align: center; display: table-cell;vertical-align: middle; }
.inbanner .title .cn { font-size: 38px; letter-spacing: 5px; font-weight: bold; margin-bottom: 5px; }
.inbanner .title .en{ font-size: 20px; text-transform: uppercase; font-family: arial;}

.n2{ background:#f9f9f9;}

.m_l{ box-shadow: 0 10px 20px #99999966; border-top-left-radius: 20px;}
.main_left{ width:250px; float:left; border-top-left-radius: 20px;}
.main_left .left_h{ width:250px; border-top-left-radius: 20px; background:url(../images/left_h_bg.jpg) no-repeat; padding:10px 0;}
.main_left .left_h p{ text-align:center; color:#fff; text-transform:uppercase;}
.main_left .left_h .p1{ font-size:20px; font-weight:bold; line-height:1.8;}
.main_left .left_ul{ width:250px; padding:20px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:99999; border-bottom:5px solid #0393c5; background:#fff;}
.main_left .left_ul .li1{ border-bottom: 1px solid #f1f1f1; line-height:40px; position:relative; text-indent:20px; transition:0.2s; -webkit-transition:0.2s; background:#fff url(../images/bg_l.png) no-repeat 200px 17px;}
.main_left .left_ul .li1:hover{  background:#fafafa url(../images/bg_l.png) no-repeat 205px 17px;}
.left_bg{ width: 250px; height: 40px; line-height: 40px; background: #F8F8F8; border-left: 5px solid #016BC6; position: absolute; left: -5px; transition:0.2s; -webkit-transition:0.2s; z-index:-1; display:none;}
.main_left .left_ul .li1 .ul2{ background:#fefefe; border:1px solid #eee; z-index:99999; position:absolute; top:0; left:100%; display:none; overflow:inherit !important; box-shadow: 0 10px 20px #999;}
.main_left .left_ul .li1 .ul2 .li2{ border-bottom: 1px solid #fff; background:#fefefe; transition:0.2s; -webkit-transition:0.2s; font-size:14px; z-index:99999; position:relative; text-indent:0; padding:0 10px; white-space:nowrap;}
.main_left .left_ul .li1 .ul2 .li2:hover{ background:#f8f8f8;}
.main_left .left_con{ padding:20px 10px; line-height:1.6; color:#666; font-size:14px;}

.main_right{ width:900px; float:right; background:#fff; padding:20px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: 0 10px 20px #99999966; z-index:0;}
.main_right .tit { height: 40px; line-height: 40px; background:#eaeaec; border-radius: 15px 0 0 0; margin-bottom:20px;}
.main_right .tit h3 { font-size: 18px; float: left; color: #fff; font-weight: normal; padding: 0 40px; background:#0393c5; border-radius: 15px 0 15px 0; }
.main_right .tit .now { float: right; color: #999; margin-right: 10px; }
.main_right .tit .now a { color: #999; }

.company{}
.company p{ text-indent:2em; line-height:1.8; margin:5px 0; font-size:14px;}
.company img{ width:100%; margin-top:20px;}

.jiyu img{ display:block; margin:50px auto;}

/*news*/
.news{}
.nwli{ border-bottom:#ccc 1px dashed; height:150px}
.nwli.on{ background-color:#f7f7f7}
.conc_tu{ float:left; margin-top:20px; width:150px; height:113px}
.conc_zi{ float:left; margin-left:30px; margin-top:20px; width:680px}
.czi_tit{ font-size:16px; font-weight:bold;}
.czi_tit span{ font-weight:normal;}
.czi_tit a{ color:#0393c5;}
.czi_nr{ margin-top:20px; color:#666666}
.czi_nr span{ display:block; padding-top:10px; font-size:14px; color:#0393c5;}

.product{}
.product_ul{}
.product_ul li{ width:30%; margin-right:5%; float:left; border:1px solid #ccc; position:relative; margin-bottom:20px;}
.product_ul li:nth-child(3n){ margin-right:0;}
.product_ul li img{ width:100%;}
.product_ul li .pro_t{ display:block; padding:15px; background:#f2f7fb; transition:0.5s; -webkit-transition:0.5s; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product_ul li .line{position:absolute; background:#0393c5; transition:0.5s; -webkit-transition:0.5s;}
.product_ul li .line1{left:0; top:0; height:2px; width:0;}
.product_ul li .line2{right:0; top:0; height:0px; width:2px;}
.product_ul li .line3{right:0; bottom:0; height:2px; width:0;}
.product_ul li .line4{left:0; bottom:0; height:0; width:2px;}
.product_ul li:hover .line1{width:100%;}
.product_ul li:hover .line2{height:100%;}
.product_ul li:hover .line3{width:100%;}
.product_ul li:hover .line4{height:100%;}
.product_ul li:hover p{background:#0393c5; color:#fff;}
.product_ul li:hover a{color:#fff;}

.map{ width:100%; margin:40px 0 0;}

/*contact*/
.contact p{ text-indent:1em; line-height:1.8; font-size:16px;}

.fuwu p{ line-height:1.8;}

.head .a_m{ float: right; display: none;}


@media (max-width:1120px) {
.topbar .fr,.head .nav,.head .search,.bannerslide .swiper-slide .textbox,.ind_news{ display:none;}
.bannerslide{ height:300px;}
.n{ padding:20px 0;}
.pt1{ font-size:20px;}
.ind_ab .ia_m .ia_m_l,.ind_ab .ia_m .ia_m_r{ width:100%; float:none;}
.ind_ab .ia_m .ia_m_l{ padding:30px;}
.ind_ab .ia_m .ia_m_l .pp1{ font-size:20px;}
.ind_product .ip_d .ip_d2{ width:100%;}
.ind_product .ip_d .ip_d2 .ip_d_c{ padding:30px;}
.ind_product .ip_d .ip_d2 .ip_d_d div span{ display:none;}
.ind_product .ip_d .ip_d2 .ip_d_d div{ padding:20px;}
.ind_product .ip_d .ip_d2 .ip_d_d div p{ font-size:14px;}
.ip2{ background:#0393c5 url(../images/hb03img01.jpg) no-repeat left; padding:20px 0;}
.ip2 p.p1{ font-size:20px;}
.ip2 p{ width:100%;}
.ind_t .it_m .it_m2{ width:100%; float:none; margin-right:0; margin-bottom:10px;}
.foot .f1,.foot .f2{ display:none;}
.foot .f3{ width:100%; margin-left:0; padding-left:10px;}
.b_p a{ float:none;}
.head .a_m{ display:block;}
.inbanner{ height:200px;}
.inbanner .title .cn{ font-size:24px;}
.inbanner .title .en{ font-size:14px;}
.main_left{ display:none;}
.main_right{ width:100%;}
.conc_tu{ display:none;}
.conc_zi{ float:none; width:100%; margin-left:0;}
.main_right .tit h3{ padding:0 20px; font-size:14px;}
.main_right .tit .now{ font-size:14px;}
.product_ul li{ width:48%; margin-right:4%;}
.product_ul li:nth-child(3n){ margin-right:4%;}
.product_ul li:nth-child(2n){ margin-right:0;}
.product_ul li img{ height:140px !important;}
.main_right table{ width:100% !important;}
}