@charset "uft-8";
body{ background-color:#E4E4E4;}

.f-clear { overflow:hidden; display:block; clear:both; height:0;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}

.hei10{height:10px; line-height:10px;}
.hei14{height:14px; line-height:14px;}
.hei18{height:18px; line-height:18px;}
.hei20{height:20px; line-height:20px;}

.main{max-width:800px; min-width:320px; font-size:14px; margin:auto; position:relative; background-color:#FFFFFF;}
.main .m_box{padding:0 20px 0 20px;}


/*�ұ߸���*/
.r_fd{ position:fixed; top:40px; line-height:25px; font-size:14px; color:#666666; text-align:center;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
width:160px; padding:12px; background-color:#FFFFFF; z-index:22;
right:16px; right: calc(50% - 575px); right: -moz-calc(50% - 575px); right: -webkit-calc(50% - 575px); right: -o-calc(50% - 575px); right: -ms-calc(50% - 575px);
}
.r_fd img{ width:100%;}
.r_fd p:first-child{padding-bottom:8px;}

/*�ײ�������ҳ*/
.r_zy{position:fixed; right:16px; bottom:50px; z-index:333;}


.bai14 {font-size:20px; COLOR: #ffffff;  height: 35px;    TEXT-DECORATION: none}

.line{ height:8px; line-height:8px; background-color:#f8f8f8;}

.top{height:42px; border-bottom:1px solid #E6E6E6; text-align:center; line-height:42px; font-size:20px; color:#000000; font-weight:bold; padding:0 15px 0 15px;}
.top p{float:left;}
.top p a{font-size:18px; color:#000000; font-family:"����";}
.top span{ float:right; margin:2px 0 0 0;}

.topimg{ text-align:center; padding:10px 0 0 0;}
.topimg img{max-width:264px;}

.myimg{ text-align:center; padding:10px 0 0 0;}
.myimg img{max-width:100%;}

.bk_title{ padding:20px 0 10px 0; line-height:35px;}
.bk_title a{float:left; font-size:24px; font-weight:bold; color:#000000;}
.bk_title div{float:right; font-weight:normal; color:#666666; margin:2px 0 0 0;}

.i_jianjie{ line-height:30px; text-align:justify; font-size:14px; color:#8f8f8f;}

.jiben{ padding:20px 0 20px 0;}
.jiben li{ line-height:32px;}
.jiben p{float:left; width:30%; text-align:left; font-size:18px;}
.jiben p:first-child{width:80px; color:#333333;}
.jiben p:last-child{width:70%; width: calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: -ms-calc(100% - 80px); color:#666666;}

.xiasanjiao{ text-align:center; line-height:30px; padding:0 0 10px 0;}
.xiasanjiao a{font-size:16px; color:#888888;}

.chengguo{ line-height:30px; color:#333333; font-size:17px; padding:5px 0 0px 0; text-align:justify;}
.chengguo img{ text-align:center; max-width:96%;}


/*�л�ͼƬ*/
.tupian_box{}
.tupian_box .swiper-container {
      width: 100%;
      height: 100%;
}
.tupian_box .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.tupian_box .swiper-slide img{width:100%;}
.tupian_box .swiper-pagination-switch{display:inline-block;margin-right:5px;width:8px;height:8px;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;
background:#c6c6c6;opacity:.8;cursor:pointer}
.tupian_box .swiper-visible-switch{background:#aaa}
.tupian_box .swiper-active-switch{background:#007AFF;}


/*�л�ͼƬ2*/
.tupian_box2{}
.tupian_box2 .swiper-container {
      width: 100%;
      height: 100%;
}
.tupian_box2 .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.tupian_box2 .swiper-slide a{position:relative; display:block; width:100%;}
.tupian_box2 .swiper-slide a img{width:100%;}
.tupian_box2 .swiper-pagination{text-align:right; width:98%; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: -ms-calc(100% - 20px);}
.tupian_box2 .swiper-pagination-switch{display:inline-block;margin-right:5px;width:8px;height:8px;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;
background:#c6c6c6;opacity:.8;cursor:pointer}
.tupian_box2 .swiper-visible-switch{background:#aaa}
.tupian_box2 .swiper-active-switch{background:#007AFF;}


/*�ײ���Ϣ*/
.footer{ color:#888888; font-size:12px; padding:12px 0 12px 0;}
.footer a{ color:#888888; font-size:12px;}
.footer .f_nav{ height:30px; line-height:30px; text-align:center;}
.footer .copy{ line-height:24px; text-align:center;}



/*��ҳ��ʽ*/
.i_bg{background-color:#F9F9FA; height:100vh;}

.i_con{line-height:30px; padding:10px 20px 20px 20px; font-size:24px;}
.i_con img{text-align:center; max-width:100%;}

.i_form{max-width:700px; min-width:300px; margin:auto; padding:20px 20px 0 20px;}
.i_form .input_box{ border:1px solid #c1c1c1; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; height:48px; padding:3px 14px 0 14px; text-align:center; background-color:#FFFFFF;}
.i_form .input_box p{float:left; width:70%; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); text-align:left;}
.i_form .input_box span{ float:right; margin:7px 0 0 0;}
.i_form .input_box p .input1{height:42px; outline: none;  line-height:42px; width:90%; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); text-align:left; color:#999999; font-size:16px; color:#666666; border:0; background-image:url(http://artrs.cn/images/xx.png); background-repeat:no-repeat; background-position:left center; padding-left:38px;}

.i_form .photo_list{ padding:20px 0 20px 0;}
.i_form .photo_list li{ float:left; width:20%; text-align:center;}
.i_form .photo_list li .d_box{padding:6px;}
.i_form .photo_list li .d_box .mimg{position:relative; display:block; font-size:14px;}
.i_form .photo_list li .d_box .mimg img{width:100%; height:auto;}
.i_form .photo_list li .d_box .mimg p{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.i_form .photo_list li .d_box .mimg p img{width:100%;}
.i_form .photo_list li .d_box .mtitle{position:relative; display:block; height:30px; line-height:30px; overflow:hidden; color:#333333;}
.i_form .photo_list li .d_box .mtitle:hover{color:#FF0000;}


.hei130{height:150px; background-color:#F9F9FA;}
.i_footer{position:fixed; width:100%; left:0; bottom:0; background-color:#F9F9FA;}

/*����ҳ��*/
.xx_title{padding:20px; line-height:50px; background-color:#7F7F7F; text-align:center; font-size:20px; color:#FFFFFF;}





/*��ҳ��ʼ*/
.mypage{ height:40px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:24px; line-height:23px; padding:0 8px 0 8px; color:#444444; font-size:14px; border:1px solid #dedede;}
.mypage div a:hover,
.mypage div .a_be{color:#ffffff; background-color:#036CB4;}
/*��ҳ����*/


@media screen and (max-width:600px){
	.main .m_box{padding:0 10px 0 10px;}
	
	.i_form .photo_list li{width:33.3333%;}
}

#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}