@charset "utf-8";

@font-face {
  font-family: 'sns';
  src: url('//at.alicdn.com/t/font_1474429438_9198027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1474429438_9198027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1474429438_9198027.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1474429438_9198027.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1474429438_9198027.svg#sns') format('svg'); /* iOS 4.1- */
}



/* 支持QQ:465002188 */;

/* CSS Document */

html {-webkit-text-size-adjust: 100%;}

body{margin:0 auto;font-size:100%;color:#666;font-family:"微软雅黑","宋体",arial; background:#f8f8f8;}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input{padding:0;margin:0;font-weight:normal;font-family: "微软雅黑";}

ul,li{list-style:none;}

input:focus , textarea:focus, select:focus , label:focus , option:focus{outline:none;}

img{border:0 ;vertical-align:middle;max-width: 100%}



a{color:#666;text-decoration:none;}

a:hover{color:#4184f3;}

i,em{font-style:normal;}



.c{clear:both;overflow: hidden; zoom: 1}

.clear {clear: both;height: 0px;overflow: hidden;}

.l{float:left;}

.r{float:right;}

.forced{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.rel {position: relative;}

.abs {position: absolute;}

.f0 {font-size: 0px;}

.inline {display: inline-block;*display: inline;*zoom:1;vertical-align: top;}

.table {display: table;}

.cell {display: table-cell;}

.none {display: none;}









.wp {max-width: 1200px;margin: 0 auto;padding: 0 0.875rem;}

.header {background: #d7e9ff;}

.header .head_r_bg {background: #22297a;right: 0;top:0;height: 100%;width: 50%;}

.header .wp {position: relative;z-index: 10;background: #22297a;padding: 0;line-height: 6.25rem;height: 6.25rem;}

.logo {background: #d7e9ff url(../images/nav_bg.png) no-repeat right center;padding: 0 5rem 0 0.875rem;}



.nav {}

.nav li {float: left;width:5.5rem;text-align: center;padding-right: 2px;}

.nav li a {font-size: 0.9375rem;color: #fff;display: block;}

.nav li.on a, .nav li a:hover {background: #3880d9}



.so {position: relative;margin-left:32px;margin-left: 2rem;width: 8.75rem;}

.so .inp {height:1.5rem;border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #fff;background: none;border-left: 0;border-right: 0;font-size: 0.75rem;width: 100%;text-transform: uppercase;line-height: 1.5rem;}

.so .mit {background: url(../images/i_so.png) no-repeat center center;border:0;position: absolute;right: 0;top:50%;width:1.25rem;height: 1.25rem;margin-top: -0.625rem;}



.ban {height: 21.875rem;background-repeat: no-repeat;background-position: center center;background-size: cover}


.head_tel {color: #fff;line-height: 1.5rem;padding-top: 1.7rem;font-size: 0.9rem;}
.head_tel span {font-family: 'sns';margin-right: 0.4rem;font-size: 1.1rem;}



#home_head {position: fixed;top:0;left:0;width: 100%;z-index: 100}





.main {padding: 1.875rem 0}

.ml {width: 16.25rem;}

.t1 {color: #fff;background: #22297a;text-align: center;

	height:3.125rem;line-height: 3.125rem;font-size: 1.125rem;margin-bottom: 0.625rem;}

.subnav {border:1px solid #dddddd;}

.subnav li {border-bottom: dashed #dddddd 1px;text-align: center;}

.subnav li a {display: block;height: 2.8125rem;line-height: 2.8125rem;font-size: 0.875rem;}

.subnav li a:hover,

.subnav li.on a {background: #3880d9;color: #fff;}



.mr {border:1px solid #ddd;background: #fff;margin-left: 18.125rem;}

.t2 {border-bottom: 1px solid #ddd;line-height: 1.875rem;height: 2.5rem;margin: 0.875rem 0.875rem 0 0.875rem;}

.t2 h3 {color: #22297a;font-weight: normal;float: left;font-size: 1.125rem;}

.t2 p {float: right;font-size: 0.875rem;}

.cont {line-height: 1.625rem;padding: 0.875rem;font-size: 0.875rem;}





.news_list {padding: 0.875rem;}

.news_list dd {border-bottom: 1px dotted #ddd;padding: 0 0 0.625rem 0;overflow: hidden;margin-bottom: 0.625rem}

.news_list dd .pic {border:1px solid #ddd;overflow: hidden;margin-right: 0.9375rem}

.news_list dd .pic .abs {background: #3880d9;color: #fff;font-size: 0.75rem;font-family: 宋体;text-align: center;padding: 0.625rem;left:7px;top:0;}

.news_list dd .pic .abs span {display: block;}

.news_list dd .con h3 {font-weight: normal;font-size: 0.875rem;padding-top: 5px}

.news_list dd .con h3 a {color: #333;}

.news_list dd .con h3 a:hover {color: #22297a}

.news_list dd .con p {padding: 0.625rem 0;font-size: 0.75rem;line-height: 1.5rem}

.news_list dd .con .more a {display: inline-block;*display: inline;*zoom:1;height: 1.5625rem;width: 100px;text-align: center;border:1px solid #ddd;line-height: 1.5625rem;font-size: 0.75rem;}

.news_list dd .con .more a:hover {background: #22297a;color: #fff;}



.case_list {padding-left: 0.875rem;padding-top: 1rem}

.case_list li {float: left;width: 25%;text-align: center;}

.case_list li img {width: 100%}

.case_list li a {display: block;padding: 0 0.875rem 1rem 0;font-size: 0.875rem;}

.case_list li a span {display: block;padding: 10px 0 0 0}



.feed_box {padding: 1.875rem 1.25rem}

.feed_box dt {left:1.25rem;position: absolute;}

.feed_box dd {padding: 0 0 0.9375rem 3.125rem;}

.feed_box dd .inp {height:28px;border:1px solid #ddd;width: 300px;line-height: 28px}

.feed_box dd textarea {height:13.125rem;border:1px solid #ddd;width: 500px}

.feed_box dd .mit,

.feed_box dd .reset {padding: 0 1.875rem;height: 1.875rem;color: #fff;background: #22297a;border:0;border-radius: 8px;cursor: pointer;}

.feed_box dd .reset {background: #3880d9;margin-left: 1.25rem}



.dt {padding: 0.875rem;}





.page {text-align: center;font-size: 0px;padding: 0.625rem 0;margin-bottom: 1rem}

.page a {display: inline-block;*display: inline;*zoom:1;padding: 4px 0.625rem;background: #fff;border:1px solid #b8b8c2;font-size: 0.875rem;margin: 0 4px}

.page a.on, .page a:hover {background: #cccccc;color: #333;}



.pro_list {padding: 1rem 0 0 1.25rem;}

.pro_list li {width: 33.33333333333333%;text-align: center;float: left;}

.pro_list li a {font-size: 0.875rem;margin: 0 1.25rem 0.5rem 0;display: block;}

.pro_list li a img {border:3px solid #ddd;width: 100%;}

.pro_list li a:hover img {border-color: #22297a}

.pro_list li a:hover {color: #22297a}

.pro_list li a span {display: block;padding: 10px 0}



.h1_title {font-size: 1.125rem;color: #333;padding: 1rem 0 0.8rem 0;text-align: center;}



.pro_head {padding: 15px 0}

.pro_head .ppic {width: 500px;position: relative;}

.pro_head .ppic .tab_bd {width: 100%;}

.pro_head .ppic .tab_bd .it {border:3px solid #ddd;}

.pro_head .pcon {padding-left: 530px;font-size: 0.875rem;}

.pro_head .pcon h1 {text-align: left;}

.pro_head .pcon .con {min-height: 15rem;line-height: 1.875rem;}



.pro_head .owl-carousel {position: static;}

.pro_head .clickable {position: absolute;bottom:0;left:0;height: 200px;width: 100%}

.pro_head .clickable .owl-prev,.pro_head .clickable .owl-next {position: absolute;left:0;width: 10px;height: 50px;border:1px solid #ddd;background: #fff url(../images/i_prev2.png) no-repeat center center;z-index: 10;display: block;margin: 0;padding: 0;border-radius: 0px;opacity: 1;text-indent: -99999px;background-size: 5px;bottom:10px;}

.pro_head .clickable .owl-next {right:0;left:auto;background-image: url(../images/i_next2.png)}



.pro_head .tab_hd {padding: 0 15px;width: auto;padding-top: 10px}

.pro_head .tab_hd li {float: left;margin: 0 10px;cursor: pointer;}

.pro_head .tab_hd .cur img {border-color: #22297a}

.pro_head .tab_hd li img {width: 100%;border:1px solid #ddd;}





.pro_tab {padding-bottom: 1rem;}

.pro_tab .hd {height: 3.125rem;line-height: 3.125rem;background: #ededed}

.pro_tab .hd li {border-right: 1px solid #f8f8f8;text-align: center;cursor: pointer;}

.pro_tab .hd .cur {background: #d3d3d3}

.pro_tab .bd {line-height: 1.875rem;font-size: 0.875rem;padding: 1rem 0;}

.pro_tab .owl-carousel .owl-wrapper, .owl-carousel .owl-item {float: left;}







#f1 {background: #f5f5f5;}

#f2 {background: #212775}

#f3 {background: #fff}

#f4 {background: #f3f3f3}

#f5 {background: #fff}



.t3 {text-align: center;color: #22297a;font-size: 1rem;}

.t3 h3 {font-size: 2rem;text-align: center;}



.home_more {position: relative;text-align: center;margin: 10px 0 30px 0}

.home_more .inline {height: 3.4375rem;width: 3.4375rem;text-align: center;line-height: 3.4375rem;color: #fff;background: #969696;border-radius: 3.4375rem;font-size: 0.875rem;position: relative;}

.home_more span {display: block;height: 0px;border-top: 1px solid #969696;top:50%;width: 100%;position: absolute;}

.home_more a:hover {background: #22297a;}





#f1 .pro_list {}

#f1 .pro_list li {width: 25%;}





#f2 .t3 {color: #fff;}

#f2 .home_more span {border-color: #6a71c0;}

#f2 .home_more .inline {background: #6a71c0}

#f2 .scroll .it img {width: 100%;}



.case_scroll .it {margin-left: 1px;text-align: center;position: relative;}

.case_scroll .it img {width: 100%}

.case_scroll .it .abs {top:0;left:0;background: rgba(89,160,250,0.8);width: 100%;height: 100%;display: none;}

.case_scroll .it .abs .table {width: 100%;height: 100%;color: #fff;}

.case_scroll .it .abs .table .cell {vertical-align: middle;}

.case_scroll .it .abs .table .cell .t {font-size: 1.25rem;padding:20px 0}

.case_scroll .it .abs .table .cell .ico span {width: 3.125rem;height: 3.125rem;background: url(../images/i_more.png) no-repeat;}

.case_scroll .it .abs .table .cell .more span {padding: 4px 15px;border:1px solid #fff;font-size: 0.875rem;}



.case_scroll .owl-prev,

.case_scroll .owl-next {width: 40px;height: 40px;line-height: 40px;text-align: center;color: #1f256f;display: inline-block;*display: inline;*zoom:1;background: #fff;font-size: 2rem;font-family: 宋体;font-weight: bold;margin: 0 6px}

.case_scroll .owl-next:hover,

.case_scroll .owl-prev:hover {background: #3880d9;color: #fff;}

.case_scroll .owl-buttons {text-align: center;padding: 20px 0}





#f3 .con {line-height: 2rem;margin-bottom: 10px;font-size: 0.875rem;}

#f3 .con img {float: left;margin-right: 20px}

#f3 .hj .l {width: 30%;text-align: center;padding-top: 20px}

#f3 .hj .r {width: 70%;}

#f3 .hj ul li {float: left;display: inline;width: 25%}

#f3 .hj ul li span {display: block;margin-left: 10px}



#f4 {background: url(../images/bg.jpg)}

.zs_scroll {position: relative;}

.zs_scroll .owl-item div {text-align: center;margin: 0 10px}

.zs_scroll .owl-item div span {display: block;font-size: 0.875rem;padding: 15px 0}

.zs_scroll .owl-item div img {border:1px solid #969696;width: 100%}

.zs_scroll {width: auto;padding: 0 50px}

.zs_scroll .owl-prev,

.zs_scroll .owl-next {background: #22297a;color: #fff;font-family: 宋体;font-size: 24px;width: 32px;height: 70px;line-height: 70px;text-align: center;position: absolute;top:50%;left:0;margin-top: -40px}

.zs_scroll .owl-next {right: 0px;left:auto;}

.zs_scroll .owl-next:hover,

.zs_scroll .owl-prev:hover {opacity: 0.8}





.hzhb_line {border-right:1px dashed #d3d3d3;margin-bottom: 20px;border-bottom: 1px dashed #d3d3d3;}

.hzhb_line li {float: left;width: 20%;}

.hzhb_line li a {border:1px dashed #d3d3d3;display: block;border-right: 0;border-bottom: 0}

.hzhb_line li img {width: 100%}





.home_ty {padding-top: 120px;padding-bottom: 50px}



.banner .it {height: 800px;background-repeat: no-repeat;background-position: center center;background-size: cover;}











.fans {background: #22297a;color: #fff;font-size: 0.875rem;}

.fans a {color: #fff;}



.section .wp {text-align: left;}

.flink {background: url(../images/i_x2.png) repeat-x bottom;line-height: 3.4375rem;}

.i_top {width: 3.4375rem;height: 3.4375rem;background: #3880d9 url(../images/i_top.png) no-repeat center center;top:0;right: 0;cursor: pointer;}

.flink h3 {font-size: 1rem;font-weight: normal;margin-right: 0.875rem;}

.flink .wp div {padding-right: 4.375rem;}

.flink span {font-size: 0.75rem;margin: 0 0.625rem;}

.flink h3 span {font-family: arial;color: #6971c8;text-transform: capitalize;margin: 0 0.3125rem;}

.flink a:hover {text-decoration: underline;}



.section .cr {text-align: left;}



.cr {background: url(../images/i_x2.png) repeat-x top;padding: 0.875rem 0;line-height: 1.875rem;}

.cr .r {/*padding: 0.875rem 0 0 0*/}

.cr .r div {font-size: 0.875rem;padding-left: 1.75rem;margin-left: 0.625rem;}

.cr .r .tel {background: url(../images/i_tel.png) no-repeat 0 center;}

.cr .r .email {background: url(../images/i_mail.png) no-repeat 0 center;}



.bot_nav {padding: 2.5rem 0}

.bot_nav .it_box {width: 70%}

.bot_nav .it {float: left;background: url(../images/i_x1.png) repeat-y right;min-height: 13.25rem;width: 25%}

.bot_nav .it h3 {font-weight: normal;padding: 0 0 0.625rem 0;text-align: center;}

.bot_nav .it ul {padding: 0 1.875rem;text-align: center;}

.bot_nav .it ul li {background: url(../images/i_li1.png) no-repeat 0 center;padding: 0 0 0 ;line-height: 1.875rem;font-size: 0.75rem;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; background:none;}

.bot_nav .it ul li a:hover {text-decoration: underline;}





.act {width: 27%}

.act .m img {background: url(../images/i_x3.png) no-repeat center center;padding: 0.5rem;vertical-align: middle;background-size: 100% 100%}

.act .m div {font-size: 0.75rem;vertical-align: middle;padding-left: 0.625rem}

.act .m div .f30 {font-size: 1.875rem;display: block;padding: 0.625rem 0}

.act .m div .c1 {font-size: 0.875rem;color: #6aadff}

.act .qq_line p {padding: 0.625rem 0;font-size: 1.125rem;}

.act .qq_line a {display: inline-block;*display: inline;*zoom:1;}





.ie8 {background: #c00;text-align: center;padding: 0.9375rem 0;font-size: 1.125rem;color: #fff;}









@media only screen and (max-width:1178px) {

	.wp {max-width: 73.125rem;}

	.home_ty {padding-top: 50px}

	.header .wp {line-height: 4.375rem;height: 4.375rem;background: none;}

	.header .c {overflow: inherit;}

	.header .head_r_bg {display: none;}

	.logo img {height: 3.125rem}

	.logo {background: none;}

	.ban {height: 240px}

	.banner .it {height: 500px}



	.ml {width: auto;float: none;margin-bottom: 0.625rem;}

	.t1 {height: 2.5rem;line-height: 2.5rem;}

	.subnav li a {height: 2.5rem;line-height: 2.5rem;background: #fff;}

	.mr {margin: 0;}

	.main {padding: 1.25rem 0}



	.bot_nav {padding: 1.25rem 0}

	.bot_nav .it {min-height: 0;float: none;width: 100%;border-bottom: 1px dotted #3d438a;background: none;padding: 0.9375rem 0}

	.bot_nav .it h3 {padding-bottom: 5px;}

	.bot_nav .it ul {padding: 0;text-align: center;}

	.bot_nav .it_box,.act {width: auto;float: none;}

	.bot_nav .it ul li {line-height: 1.5rem;display: inline-block;margin-right: 0.9375rem}



	.flink {line-height: 2.5rem}

	.flink h3 {position: relative;padding-right: 1.25rem;cursor: pointer;}

	.flink h3:before {content:"";display: block;width: 0px;height: 0px;border:5px solid transparent;border-top-color: #fff;position: absolute;top:50%;right: 0px;margin-top: -2px}

	.flink .wp div {display: none;line-height: 1.5rem;padding-bottom: 0.625rem;overflow: hidden;zoom:1;}

	.flink .wp div a,

	.flink .wp div span {float: left;}

	.flink .i_top {height: 2.5rem;width: 2.5rem;background-size: 1.25rem;}



	.act {padding: 1.25rem 0}



	.cr {line-height: 1.625rem;}

	.cr .r div {margin-left: 0;margin-right: 0.625rem}

	.cr .r {float: none;padding: 0}	



	.bar_mobile {position: absolute;top:4.375rem;right:0;background: #22297a;width: 100%;display: none;}

	.nav_mobile.on {background-image: url(../images/i_clset.png)}

	.so {position: absolute;bottom:0px;width: 100%;left:0;margin: 0;}

	.so div {padding: 0 0.9375rem}

	.so .mit {right: 0.9375rem}

	.nav {float: none;}

	.nav li {float: none;height:2.1875rem;line-height: 2.1875rem;width: 100%;padding: 0;margin-bottom: 2px;}

	.nav_mobile {display: block;background: url(../images/n_mobile.png) no-repeat center center;height: 4.375rem;width: 1.5625rem;position: absolute;right: 0.9375rem;top:0px;background-size: 100%;cursor: pointer;}



	.news_list dd .con p {line-height: 1.25rem}



	.t1 {position: relative;}

	.t1:before {content:"";display: block;width: 0px;height: 0px;border:6px solid transparent;border-top-color: #fff;position: absolute;top:50%;right: 14px;margin-top: -2px}

	.t1.on:before {border-top-color: transparent;border-bottom-color: #fff;margin-top: -8px}

	.subnav,

	.bot_nav .it {display: none;}
	.head_tel {position: absolute;left:0;top:0;width: calc(100% - 10rem);color: #000;padding-top: 0.5rem;padding-left: 10rem;z-index: -1}



}



@media only screen and (max-width:800px) {

	.pro_head .ppic {width: 400px;}	

	.pro_head .pcon {padding-left: 420px}

	.pro_head .pcon h1 {padding: 5px 0}

#f3 .con img {width: 20rem;}





}











@media screen and (max-width:480px){



	.header .wp {line-height: 45px;height: 45px;}

	.header .wp .logo img {height: 1.875rem}

	.nav_mobile {height: 45px;background-size:auto 0.9375rem}

	.bar_mobile {top: 45px}

	.nav li {height: 1.875rem;line-height: 1.875rem}

	.ban {height: 110px}

	.banner .it {height: 270px}

	.t2 p {font-size: 12px;}

	.t2 h3 {font-size: 1rem;}



	.page a {padding: 3px 8px;font-size: 0.75rem;}

	.bot_nav {padding: 0}

	.act {text-align: center;}

	.act .m img {margin-bottom: 0.625rem}

	.act .m div .f30 {padding: 0;}

	.cr, .cr .r div {font-size: 0.75rem;line-height: 22px}

	.wp {padding: 0 0.625rem}

	.news_list dd .pic {width: 100%;float: none;margin-bottom: 0.625rem}

	.news_list dd .pic img {width: 100%}


	.case_list {padding: 0 0.875rem;padding-top: 0.875rem}
	.case_list li {width: 50%}

	.case_list li a {padding: 0 5px 0.625rem 0px}

	.case_list li:nth-child(2n) a {padding: 0 0px 0.625rem 5px;}

	.feed_box {padding: 0px;}

	.feed_box dt {left:0;}

	.feed_box dd .inp,

	.feed_box dd textarea {width: 100%;}

	

	.pro_head .clickable {display: none;}

	.pro_head .clickable .owl-prev, .pro_head .clickable .owl-next {display: none;}

	.owl-next, .owl-prev {display: none;color: #fff;overflow: hidden;}

	.pro_head .tab_hd {padding: 0;margin-top: 10px}

	.pro_head .tab_hd li {margin: 0 5px;}




	.pro_list {padding: 0.875rem 0 0 0.875rem;}
	.pro_list li {width: 50%;}

	.pro_head .ppic {width: auto;float: none;padding-right: 3px}	

	.pro_head .pcon {padding-left: 0px;padding: 15px 0}

	.pro_head .pcon .con {min-height: 0px;}

	.pro_head .pcon .fx {padding: 10px 0 0 0}

	.pro_head .pcon h1 {padding: 5px 0}

	.pro_main .t2 {line-height: 1.5rem;padding-top: 0;margin-top: 10px;height: 2rem;}

#f1 .pro_list li {width: 50%;margin-bottom: 5px}

#f1 .pro_list li a {margin: 0 5px 0 0}
#f1 .pro_list li a img {border:3px solid #ddd;width:calc(100% - 6px);}
#f1 .pro_list li:nth-child(2n) a {margin: 0 0 0 5px}
#f1 .pro_list li:nth-child(2n) {float: right;}

#f1 .pro_list {width: 100%;padding: 0}

.home_ty {padding-top: 25px;padding-bottom: 25px}

.t3 {font-size: 14px;}

.t3 h3 {font-size: 24px}

.home_more .inline {width: 40px;height: 40px;line-height: 40px;font-size: 12px}

#f3 .con {line-height: 24px}

#f3 .con img {margin: 0 0 10px 0;width: 100%}

#f3 .hj .l {padding-top: 0}

.zs_scroll {padding: 0 0px}

.case_scroll .owl-buttons {display: none;}

.hzhb_line li {width: 50%}

.zs_scroll .owl-item div {margin: 0 5px}
.t2 p {display: none;}



	.head_tel {width: calc(100% - 9rem);padding-top: 0.4rem;padding-left: 9rem;font-size: 0.8rem;line-height: 1rem}
	.head_tel span {font-size: 0.8rem;}









	

}



@media screen and (max-width:320px){

	.pro_list li {width: 100%;}

	.t2 p {display: none;}

	.pro_main .t2 p {display: block;}



}
.cont img {max-height: auto;height: auto;}