.top{ padding:12px 14px 10px 14px; line-height:24px; background-color:#1991D9;}
.top img{width:100%;}
.top .fanhui{ float:left; width:10%;}
.top .fanhui a{font-size:18px; color:#ffffff;}
.top .qianjin{ float:right; width:22px;}
.top .qianjin img{width:100%;}
.top .mtitle{float:left; width:80%; text-align:center; padding-left:2%; font-size:22px; color:#ffffff;}

.logo{padding:10px 10px 10px 12px; border-top:5px solid #0070C0;}
.logo .mlogo{float:left; width:180px;}
.logo .mlogo img{width:100%;}
.logo .mright{float:right; line-height:30px; overflow:hidden; padding-top:12px; text-align:right; color:#999999; font-size:16px;}
.logo .mright p{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#ED860F;}

.nav{background-color:#1991D9; height:55px; line-height:55px;  border-bottom:1px solid #d1d1d1;}
.nav li{float:left; width:20%; text-align:center; }
.nav li a{font-size:18px; color:#ffffff; position:relative; display:block; border-left:1px solid #eeeeee;}


/*手机点开*/
.nav_x{ float:right; margin-right: 1px; top: 6px;}
.nav_x2{ width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; }
.nav_x2 img{ width: 100%; }

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background: #303E49; position: fixed; top: 0; right: -101%; z-index: 999999999999;}
.x_nav_t{ width: calc(100% - 45px); height: 80px; line-height: 80px; text-align: right; padding-right: 45px;}
.x_nav_t a{ color: #FFFFFF; font-size: 18px;  background: url(images/nav_close.png) no-repeat right center;   padding-right: 25px;}
.x_nav2{ width: 100%; height: 100%; overflow: scroll; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 65px; line-height: 65px; display: block; font-size: 20px; color: #FFFFFF;  padding-left: 48px;  background: #ACB7C0 ; border-bottom: 1px solid #418cc8;}
.x_nav2 ul li span{ width: 64px; height: 64px; display: inline-block; line-height: 64px; text-align: center; float: right; margin-right: 20px; background: url(images/jia.png) no-repeat center center;}
.x_nav2 ul li a.xa1{ background: #ACB7C0;}
.x_nav2 ul li span.xjian{ background: #ACB7C0 url(images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd a{ background: url(images/you1.png) no-repeat 85% center !important; font-size: 18px; }




/*切换大图*/
.img-info{width:auto; width: 100%; position: relative;}
.img-info .swiper-container {width:auto; width:100%; height: 100%;}
.img-info .swiper-slide { width:auto; text-align: center; font-size: 18px; position:relative;}
.img-info .swiper-slide img{width:auto; width:100%;}
.img-info .swiper-container-horizontal > .swiper-pagination{ bottom: 25px;}
.img-info .swiper-pagination-clickable span.swiper-pagination-bullet{ width:12px; height: 12px; border-radius: 7px; background-color: #e5e5e5; opacity: 1;}
.img-info .swiper-pagination-clickable span.swiper-pagination-bullet-active{ background-color: #fd0186;}



.bk_title{ height:46px; background-color:#1991D9; border-bottom:1px solid #0070C0;}
.bk_title p{float:left; height:31px; line-height:30px; margin:8px 0 0 16px; background-image:url(images/ico1.png); background-repeat:no-repeat; background-position:left center; padding-left:36px; font-size:20px; color:#ffffff;}
.bk_title a{float:right; margin:8px 18px 0 0; font-size:24px; color:#FFFFFF;}

.bk_title .p2{background-image:url(images/ico2.png);}

.yuanli{padding:1.6rem 0 0 0;}
.yuanli li{float:left; width:25%; margin-bottom:14px; text-align:center;}
.yuanli li p{padding:0 0.8rem 0 0.8rem; line-height:35px;}
.yuanli li p img{width:100%; height:150px;}
.yuanli li a{font-size:14px;}

.chanpin_bk{background-image:url(images/chanpin.jpg);}

.chanpin{padding:16px 0 6px 0;}
.chanpin li{float:left; width: calc(33.333% - 20px); margin:0 10px 14px 10px; text-align:center;}
.chanpin li p{ padding:4px; border:1px solid #DFDDDE;}
.chanpin li p img{width:100%; height:152px;}
.chanpin li .a_t{position:relative; display:block; height:25px; line-height:25px; overflow:hidden; text-align:center; font-size:14px;}


.copyright{padding:0.8rem 0 1.2rem 0; text-align:center; font-size:1rem;}
.footer{ background-color:#1991D9;}
.footer li{float:left; width:33.3333333%; text-align:center;}
.footer li a{position:relative; display:block; padding:20px 0 8px 0; line-height:40px; text-align:center; border-left:1px solid #eeeeee; font-size:16px; color:#FFFFFF;}

.content{text-align:left; line-height:2.2rem; font-size:1rem; color:#111111; padding:1rem 1.6rem 1rem 1.6rem;}
.content img{ max-width:100%;}

.er_img{text-align:center; padding-bottom:8px;}
.er_img img{width:100%;}



.pro_list{ padding:14px 0 14px 0;}
.pro_list li{padding:12px 14px 12px 14px;}
.pro_list li .mleft{float:left; width:35%; padding:6px; border:1px solid #DFDDDE;}
.pro_list li .mleft img{width:100%;}
.pro_list li .mright{float:right; width:60%; text-align:left; line-height:1.4rem; font-size:13px; color:#777777;}
.pro_list li .mright p{ padding:4px 0 12px 0;}
.pro_list li .mright p a{font-size:16px; color:#000; font-weight:bold;}


.u-page{ padding:3em 0 1em; text-align:center;}
.page-box{ display:inline-block; width:100%;}
.page-box a{ display:inline-block; padding:6px 3%; background:#fff; border:1px solid #c8c8c8; color:#333; margin-right:6px;}
.page-box a.cur{ background:#0481BC; border-color:#0481BC; color:#fff;}

.news_list{ padding:1rem 1.6rem 0.8rem 1.6rem;}
.news_list li{ padding-left:16px; height:2.6rem; line-height:2.6rem; background-image:url(images/sjiao.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px dashed #DFDDDE; font-size:0.95rem; overflow:hidden; text-align:left;}
.news_list li a{font-size:0.95rem;}

.xx_title{ padding-bottom:6px; border-bottom:1px solid #dddddd; text-align:left; padding-left:10px; font-size:18px; color:#000; font-weight:bold;}


.liuyan_box{background-image:url(../images/t_photo.jpg); background-repeat:no-repeat; background-position:left bottom; min-height:290px;}
.input_list2{ padding-left:210px; padding-top:30px;}
.input_list2 li{ height:40px; line-height:40px;}
.input_list2 li p{float:left; width:65px;}
.input_list2 li p i{color:#FF0000;}
.input_list2 li .p2{width:80%;}
.input_list2 li span{float:left;}
.input_list2 li .minput{ width:80%; border:1px solid #dddddd; height:26px; line-height:26px; padding:0 10px 0 10px;}
.input_list2 li .mselect{ width:80%; border:1px solid #dddddd; height:26px; line-height:26px; padding:0 10px 0 10px;}
.input_list2 li .minput_sele{ width:80%; border:1px solid #dddddd; height:26px; outline:none; line-height:26px; padding:2px 6px 2px 6px;}





/*留言*/
.online-item{ padding:10px 12px 12px 12px;}
.form-box{ width:95%; margin:auto;}
.form-box li{ height:45px;}
.form-box li p{float:left; line-height:32px; width:20%; text-align:right; font-size:0.95rem; color:#000;}
.form-box li div{float:left; width:80%; text-align:left;}
.form-box li div i{color:#F00; font-size:1.2rem; font-style:normal;}
.form-box li div .myinput{ width:90%; height:32px; padding-top:8px; line-height:32px; font-size:0.95rem; outline:none; border:1px solid #dddddd; padding-left:10px;}