/*
1、写入CSS的尺寸/屏幕宽度 = UI图标注的尺寸/UI图宽度
即：写入CSS的尺寸 = (UI图标注的尺寸*屏幕宽度)/UI图宽度
2、我们将根元素设置为100px，则1rem=100px
然而为了不失真要计算出对应的比例，于是1rem = 屏幕宽度/UI设计图宽度*100px
即：屏幕640px，给的设计稿宽640px，那么这种情况下1rem就表示100px
如果屏幕320px，给的设计稿宽640px，那么这种情况下1rem就表示50px
要想做成响应式，只需要配合@media计算好对应屏幕下html font-size的值。
当然为了好计算，我们全部以100px为基准
3、于是：写入CSS的尺寸 = UI图标注的尺寸/100px*1rem
*/
@media (min-width: 240px) {
    html {
        font-size: 32px;
    }
}
@media (min-width: 320px) {
    html {
        font-size: 42.66667px;
    }
}
@media (min-width: 360px) {
    html {
        font-size: 48px;
    }
}
@media (min-width: 375px) {
    html {
        font-size: 50px;
    }
}
@media (min-width: 384px) {
    html {
        font-size: 51.2px;
    }
}
@media (min-width: 411px) {
    html {
        font-size: 54.8px;
    }
}
@media (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}
@media (min-width: 424px) {
    html {
        font-size: 56.53333px;
    }
}
@media (min-width: 480px) {
    html {
        font-size: 64px;
    }
}
@media (min-width: 540px) {
    html {
        font-size: 72px;
    }
}
@media (min-width: 640px) {
    html {
        font-size: 85.33333px;
    }
}
@media (min-width: 720px) {
    html {
        font-size: 96px;
    }
}
@media (min-width: 750px) {
    html {
        font-size: 100px;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 102.4px;
    }
}
@media (min-width: 800px) {
    html {
        font-size: 106.66667px;
    }
}
@media (min-width: 980px) {
    html {
        font-size: 130.66667px;
    }
}
@media (min-width: 1024px) {
    html {
        font-size: 136.53333px;
    }
}
@media (min-width: 1080px) {
    html {
        font-size: 144px;
    }
}
@media (min-width: 1152px) {
    html {
        font-size: 153.6px;
    }
}
@media (min-width: 1366px) {
    html {
        font-size: 182.13333px;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 192px;
    }
}
@media (min-width: 2160px) {
    html {
        font-size: 288px;
    }
}
body {margin: 0px;font-size: 12px;color:#525252;font-family: Arial,Tahoma, Helvetica, Geneva, sans-serif;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
h1,h2,h3,h4,h5,h6,h7{margin:0px;padding:0px;font-size:12px;font-weight:normal;}
ul,li,p,dl,dt,dd{ margin: 0px; padding:0px;font-weight: normal;}
ul,li,dl,dt,dd{list-style:none;}
.clear{clear:both; overflow:hidden; height:0px;font-size:0px;display:block;}
img{border:0px;}
a {color:#525252;text-decoration: none;}
a:hover {text-decoration: underline;}
#head {height:187px;background:#f8f8f8 url(../images/top_bg.gif) repeat-x top;}
#top {width:1200px;height:31px;clear:both; overflow:hidden;margin:0px auto 0px auto;}
#top_left{float:left;width:600px;padding:5px 0px 0px 0px;color:#bcbcbc;}
#top_right{float:right;width:300px;text-align:right;padding:5px 0px 0px 0px;}
a.language1,a.language2{color:#707070;background:url(../images/language1.gif) no-repeat left center;padding:0px 0px 0px 25px;display:inline-block;margin:0px 0px 0px 15px;}
a.language2 {background: url(../images/language2.gif) no-repeat left center;font-family: Arial, Helvetica, sans-serif;}
#top2 {width:1200px;height:104px;clear:both; overflow:hidden;margin:0px auto 0px auto;}
#top2_left{float:left;width:600px;padding:20px 0px 0px 0px;}
#top2_right{float:right;width:400px;text-align:right;padding:26px 0px 0px 0px;}
#top2_rightmob{display:none;}
#menu {background: url(../images/menu_bg.gif) repeat-x;height:52px;}
#menu_main{width:1200px;height:52px;margin:0px auto 0px auto;}
#menu_main li{display:block;float:left;}
a.menu1_nav{color:#ffffff;text-align:center;padding:20px 0px 0px 0px;height:32px;width:143px;display:block;font-size:15px;}
a.menu1_nav:hover{text-decoration:none;background:url(../images/menu_navbg1.gif) repeat-x;color:#b91422;}
a.menu1_navdq{text-align:center;padding:20px 0px 0px 0px;height:32px;width:143px;display:block;font-size:15px;background:url(../images/menu_navbg1.gif) repeat-x;color:#b91422;}
a.menu1_navdq:hover{text-decoration:none;}
.menu_navcon{display:block;float:left;width:143px;}
.menu_jg{width:8px;background:url(../images/menu_jg.gif) no-repeat center top;height:52px;}
#banner{height:280px;text-align:center;clear:both; overflow:hidden;border-bottom:#e2e2e2 solid 2px;}
#main{width:1200px;margin:35px auto 0px auto;clear:both; overflow:hidden;}
#index_pro{height:570px;overflow:hidden;width:280px;float:left;margin:0px 40px 0px 0px;}
#index_about{height:565px;overflow:hidden;width:400px;float:left;}
#index_news{height:570px;overflow:hidden;width:440px;float:right;}
.biaoti1{height:20px;clear:both;overflow:hidden;}
.title1{font-size:16px;color:#222;padding:10px 0px 0px 5px;}
.title1a{font-size:16px;color:#222;padding:2px 0px 0px 5px;}
#index_procon{clear:both;overflow:hidden;}
a.pro_nav1{height:24px;padding:6px 0px 0px 15px;font-size:14px;display:block;color:#fff;background:#2481c4;margin:9px 0px 9px 0px;}
a.pro_nav1:hover{background:#04558f;text-decoration: none;}
a.pro_nav1dq{height:26px;padding:5px 0px 0px 15px;font-size:14px;display:block;color:#fff;background:#04558f;margin:9px 0px 9px 0px;}
a.pro_nav1dq:hover{text-decoration: none;}
.pro_menutwo{padding:0px 10px;}
.pro_menutwo a{display:inline-block;margin:0px 16px 0px 0px;line-height:20px;}
.pro_menutwo a:hover{color:#d10513;}
.biaoti2{height:40px;clear:both;overflow:hidden;background:url(../images/biaoti_bg.gif) no-repeat left bottom;}
.biaoti2_left{width:200px;float:left;}
.biaoti2_right{width:60px;float:right;padding:10px 5px 0px 0px;text-align:right;}
.more1{color:#828282;font-size:11px;}
.about_imgcon{margin:24px 0px 15px 0px;padding:0px 5px;line-height:2;}
.about_img{padding:1px;border:#edecec solid 1px;}
.index_aboutcon{padding:0px 10px;line-height:26px;text-align:justify;}
.index_newscon{clear:both;overflow:hidden;padding:18px 0px 0px 0px;}
.news_list1{clear:both;overflow:hidden;height:70px;margin:0px 0px 14px 0px;padding:10px 0px; }
.news_date1{float:left;width:80px;height:60px;text-align:center;border-right:#cdcdcd solid 1px;overflow:hidden;padding:9px 0px 0px 0px;}
.news_view1{float:right;width:345px;height:70px;overflow:hidden;}
.news_month1{font-size:20px;color:#828282;}
.news_year1{font-size:14px;color:#828282;}
.news_title1{font-size:14px;color:#222222;display:block;}
.news_title1 a{color:#222222;}
.news_text1{margin:5px 0px 0px 0px;display:block;}
.news_list1:hover{background:#7cb1d3; }
.news_list1:hover .news_month1,.news_list1:hover .news_year1,.news_list1:hover .news_title1,.news_list1:hover .news_text1{color:#ffffff;}
.news_list1:hover .news_date1{border-right:#ffffff solid 1px;}
.news_list1dq{clear:both;overflow:hidden;height:70px;margin:0px 0px 14px 0px;padding:10px 0px;background:#7cb1d3; }
.news_list1dq .news_month1,.news_list1dq .news_year1,.news_list1dq .news_title1,.news_list1dq .news_text1{color:#ffffff;}
.news_list1dq .news_date1{border-right:#ffffff solid 1px;}


#news_main{background:#f8f8f8;margin:20px 0px 0px 0px;padding:20px 20px 20px 20px;clear:both;overflow:hidden;}
#index_news1{width:360px;float:left;margin:0px 40px 0px 0px;height:305px;overflow:hidden;}
#index_news2{width:360px;float:left;height:305px;overflow:hidden;}
#index_news3{width:360px;margin:0px 0px 0px 0px;float:right;height:305px;overflow:hidden;}
.news_list2{clear:both;overflow:hidden;height:65px;margin:5px 0px 20px 0px; }
.news_date2{float:left;width:65px;height:55px;text-align:center;overflow:hidden;padding:10px 0px 0px 0px;background:#7cb1d3;}
.news_view2{float:right;width:275px;height:65px;overflow:hidden;}
.news_month2{font-size:20px;color:#ffffff;}
.news_year2{font-size:14px;color:#ffffff;}
.news_img1{text-align:center;margin:0px 0px 15px 0px;}
.news_tiaomu1{line-height:24px;padding:0px 10px;}
.news_nav1{background:url(../images/icon1.gif) no-repeat left center;padding:4px 0px 0px 18px;}
.line1{background:url(../images/line1.gif) repeat-x center;height:24px;overflow:hidden;line-height:0px;font-size:0px;clear:both; }
.anli_list{/*overflow:hidden;clear:both;*/width:6000px;padding:10px 0px 0px 0px;}
.anli_list li{float:left;width:181px;height:118px;border:#90c5de solid 3px;margin:0px 15px 20px 0px;}
.shengfen{margin:20px 0px 0px 0px;}
a.sheng_nav1{display:inline-block;padding:0px 10px;line-height:20px;margin:0px 20px 0px 0px;}
a.sheng_nav1:hover{background:#f0f0f0;color:#222222;text-decoration:none;/*border:#ececec solid 1px;*/}
a.sheng_nav1dq{display:inline-block;padding:0px 10px;line-height:20px;margin:0px 20px 0px 0px;background:#f0f0f0;color:#222222;/*border:#ececec solid 1px;*/}
a.sheng_nav1dq:hover{text-decoration:none;}
#foot{background:#3f4658;margin:30px 0px 0px 0px;}
#foot_main{width:1200px;clear:both; overflow:hidden;padding:30px 0px 20px 0px; margin:0px auto;}
#foot_left{width:450px;float:left;color:#f0f0f0;}
#foot_right{width:700px;float:right;color:#e7e7e7;padding:5px 0px 0px 0px;}
.foot_title1{font-size:24px;background:url(../images/foot_icon1.gif) no-repeat left center;padding-left:45px;height:40px;line-height:40px;}
.foot_tel1{font-size:24px;line-height:50px;padding:0px 0px 0px 2px;}
.foot_text1{color:#e7e7e7;line-height:24px;margin:0px 0px 0px 0px;padding:0px 0px 0px 2px;}
.foot_text1 a{color:#e7e7e7;}
.weixin{text-align:center;color:#93959d;margin:0px 0px 0px 50px;width:110px;float:right;}
.weixin p{margin-bottom:8px;}
.weixin p span{line-height:18px;}
.foot_menu{text-align:left;margin:0px 0px 0px 40px;width:140px;float:right;}
.foot_menu dt{border-bottom:#929fb0 solid 1px;height:25px;line-height:14px;margin:0px 0px 20px 0px;}
.foot_menu dt a{font-size:14px;color:#e7e7e7;}
.foot_menu dd a{color:#93959d;line-height:28px;}
#link{background:#2f3545;padding:15px 0px;}
#link_main{width:1200px;clear:both; overflow:hidden;margin:0px auto;}
#link_left {width:80px;float:left;color:#e7e7e7;font-size:14px;line-height:24px;}
#link_right {width:1110px;float:right;color:#b6b5b5;line-height:24px;padding:3px 0px 0px 0px;}
#link_right a{color:#b6b5b5;display:inline-block;margin:0px 30px 0px 0px;}
#banner2{margin:0px 0px 0px 0px;}
#main_left{width:274px;float:left;}
#main_right{width:895px;float:right;}
#left_menu{background:#f7f7f7;padding:15px 15px;}
#daohang{height:40px;clear:both;overflow:hidden;background:url(../images/biaoti_bg.gif) no-repeat left bottom;}
#daohang_left{width:260px;float:left;}
#daohang_right{width:600px;float:right;padding:10px 5px 0px 0px;text-align:right;}
#daohang_right a{padding:0px 5px;}
#daohang_right a:hover{color:#ba1621;}
#con{padding:30px 15px 15px 15px;}
.news_list3{clear:both;overflow:hidden;}
.news_title4{color:#222222;font-size:18px;display:block;padding:0px 0px 0px 5px;float:left;}
.date3{color:#b0b0b0;display:block;float:right;padding:5px 10px 0px 0px;}
.news_jianjie{line-height:24px;padding:12px 5px 0px 10px;}
.line2{background:url(../images/line2.gif) repeat-x center;height:30px;overflow:hidden;clear:both;line-height:0px;font-size:0px;}
.page{text-align:center;padding:15px 0px 0px 0px;}
.page a{padding:0px 5px;}
.title3{font-size:18px;color:#01629c;diaplay:block;text-align:center;}
.title4{color:#818181;diaplay:block;text-align:center;}
.line3{background:url(../images/line2.gif) repeat-x center;height:20px;overflow:hidden;clear:both;line-height:0px;font-size:0px;}
.news_con2,.news_con3{padding:20px 15px 0px 15px;line-height:28px;font-size:14px;}
.about_title1{font-size:20px;color:#1c4b7f;padding:15px 0px 0px 0px;}
#about_con{line-height:28px;font-size:14px;}
.pic1{border:#e0e0e0 solid 1px;padding:1px;}
.pro_con{padding:0px 0px;line-height:28px;font-size:14px;clear:both; overflow:hidden;}
.pro_conleft{width:290px;float:left;}
.pro_conright{width:540px;float:right;}
.pro_list{clear:both;overflow:hidden;margin:25px 0px 0px 0px;}
.pro_list li{/*background:url(../images/pro_bg1.gif) no-repeat;*/width:244px;padding:1px;float:left;margin:0px 30px 20px 0px;}
.pro_listimg{display:block;}
.pro_listnav1{display:block;padding:0px 0px 0px 20px;line-height:22px;font-size:14px;}
.pro_listnav2{display:block;padding:0px 0px 0px 20px;line-height:22px;background:url(../images/icon1.gif) no-repeat 5px center;}
.line4{background:url(../images/line1.gif) repeat-x center;height:50px;overflow:hidden;clear:both;line-height:0px;font-size:0px;}
.pro_con1{padding:10px 0px 10px 0px;clear:both;overflow:hidden;font-size:14px;line-height:28px;}
.pro_title1{font-size:16px;color:#1c4b7f;/*padding:20px 0px 0px 0px;*/}
.pro_list2{clear:both;overflow:hidden;margin:25px 0px 0px 0px;}
.pro_list2 li{width:264px;padding:1px;float:left;margin:0px 11px 20px 11px;}
a.sheng_nav2{display:inline-block;padding:0px 15px;line-height:20px;margin:0px 5px 0px 0px;height:24px;}
a.sheng_nav2:hover{background:#2481c4;color:#ffffff;text-decoration:none;}
a.sheng_nav2dq{display:inline-block;padding:0px 10px;line-height:24px;margin:0px 20px 0px 0px;background:#2481c4;color:#ffffff;height:24px;}
a.sheng_nav2dq:hover{text-decoration:none;}
.pro_nav3{text-align:center;padding:5px 0px 0px 0px;line-height:22px;font-size:14px;}



#about_menu{background:url(../images/about_titlebg.gif) repeat-x bottom;height:30px;margin:0px 0px 30px 0px;}
a.about_nav1{background:#b0afad;width:92px;height:25px;text-align:center;color:#ffffff;padding:5px 0px 0px 0px;font-size:14px;margin-right:1px;display:inline-block;}
a.about_nav1:hover{background:#2a81c4;text-decoration: none;}
a.about_nav1dq{background:#2a81c4;width:92px;height:25px;text-align:center;color:#ffffff;padding:5px 0px 0px 0px;font-size:14px;margin-right:1px;display:inline-block;}
a.about_nav1dq:hover{text-decoration: none;}
#con1{clear:both;overflow:hidden;}
#con1_left{width:480px;float:left;}
#con1_right{width:490px;float:right;font-size:14px;line-height:32px;/*text-indent:30px;*/text-align:justify;}


#pro_bigmenu{clear:both;overflow:hidden;height:30px;font-size:14px;}
#pro_smallmenu{clear:both;overflow:hidden;height:30px;font-size:14px;}
.pro_title{width:105px;text-align:right;float:left;font-size:14px;line-height:28px;}







.pro_titlecon{background:url(../images/icon2.gif) no-repeat left top;padding:0px 0px 0px 24px;}
.pro_bigmenu2{color:#2a81c4;font-size:14px;line-height:22px;}
.pro_smallmenu2{font-size:20px;line-height:24px;}
.pro_jianjie{border:#CCC solid 1px;padding:20px 25px;line-height:28px;margin:25px 0px 0px 0px;}
#pro_con2{padding:0px 6px 0px 6px;clear:both;overflow:hidden;}
#pro_lable{background:url(../images/pro_lablebg.gif) no-repeat top;clear:both;overflow:hidden;height:38px;}
.pro_view{border:#d2d2d2 solid 1px;border-top:#FFF solid 0px;padding:30px 35px;line-height:28px;}
.pro_table{width:880px;text-align:center;margin:0px auto 0px auto;border-collapse:collapse;line-height:18px;}
.pro_table td{/*border:#4e99e7 solid 1px;*/border:#cccccc solid 1px; padding:10px 6px;}
.biao_tdbg1{background:#f9f9f9;/*color:#333333;*/font-weight:bold;}
.biao_tdbg2{background:#f9f9f9;}
a.pro_nav2{width:114px;height:28px;text-align:center;padding:10px 0px 0px 0px;font-size:14px;margin:0px 5px 0px 0px;display:inline-block;}
a.pro_nav2:hover{background:url(../images/pro_navbg1.gif) repeat-x bottom;color:#0a5188;text-decoration: none;border-left:#d2d2d2 solid 1px;border-right:#d2d2d2 solid 1px;width:112px;}
a.pro_nav2dq{width:112px;height:28px;text-align:center;padding:10px 0px 0px 0px;font-size:14px;margin:0px 5px 0px 0px;display:inline-block;background:url(../images/pro_navbg1.gif) repeat-x bottom;color:#0a5188;border-left:#d2d2d2 solid 1px;border-right:#d2d2d2 solid 1px;}
a.pro_nav2dq:hover{text-decoration: none;}
#pro_cona1,#pro_cona2,#pro_cona3,#pro_cona4{padding:0px 6px 0px 6px;clear:both;overflow:hidden;}



.news_list{clear:both;overflow:hidden;margin:10px 0px 0px 0px;}
.news_list li{background:url(../images/pro_bg1.gif) no-repeat;width:220px;height:211px;padding:2px;float:left;margin:0px 11px 25px 11px;}
.news_listimg{display:block;}
.news_listnav1{display:block;padding:8px 0px 0px 0px;line-height:22px;text-align:center;}

.pro_imgleft{width:380px;float:left;}
.pro_imgright{width:66px;float:right;}
a.pro_imgview1{border:#bdbdbd solid 2px;display:block;margin:0px 0px 15px 0px;}
a.pro_imgview1:hover{border:#2a81c4 solid 2px;}


#con2_left{width:420px;float:left;}
#con2_right{width:540px;float:right;font-size:14px;line-height:32px;/*text-indent:30px;*/text-align:justify;}
#con3_left{width:680px;float:left;}
#con3_right{width:300px;float:right;font-size:14px;line-height:24px;/*text-indent:30px;*/text-align:justify;}

.connn{line-height:24px;padding:10px 0px 20px 10px;text-decoration: none;}

.arrow{text-align:center;}
.arrow_left,.arrow_return,.arrow_right{display:inline-block;margin:0px 15px;font-size:14px;}
.arrow_left:hover,.arrow_return:hover,.arrow_right:hover{color:#B30002;text-decoration: underline;}
a.arrow_left{background:url(../images/arrow_left.png) no-repeat left center;padding:0px 0px 0px 20px;}
a.arrow_right{background:url(../images/arrow_right.png) no-repeat right center;padding:0px 22px 0px 0px;;}
a.arrow_return{background:url(../images/arrow_return.png) no-repeat left center;padding:0px 0px 0px 24px;}



@media (max-width: 769px) {
body {margin: 0px;font-size:0.24rem;color:#525252;font-family: Arial,Tahoma, Helvetica, Geneva, sans-serif;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
h1,h2,h3,h4,h5,h6,h7{margin:0px;padding:0px;font-size:0.24rem;font-weight:normal;}
ul,li,p,dl,dt,dd{ margin: 0px; padding:0px;font-weight: normal;}
ul,li,dl,dt,dd{list-style:none;}
.clear{clear:both; overflow:hidden; height:0px;font-size:0px;display:block;}
img{border:0px;}
a {color:#525252;text-decoration: none;}
a:hover {text-decoration: underline;}	
#head {position:fixed;height:2.06rem;background:none;z-index:100;left:0;top:0;width:100%;}
#top {width:calc(100% - 0.4rem);height:0.56rem;clear:both; overflow:hidden;margin:0px auto 0px auto;padding:0 0.2rem;background:#f8f8f8 url(../images/top_bg.gif) repeat-x top;background-size:auto 0.56rem;}
#top_left{float:left;width:60%;height:0.56rem;line-height:0.56rem;padding:0 0 0 0;color:#bcbcbc;}
#top_right{float:right;width:40%;text-align:right;height:0.56rem;line-height:0.56rem;padding:0 0 0 0;}
a.language1,a.language2{color:#707070;background:url(../images/language1.gif) no-repeat left center;background-size:auto 0.24rem; padding:0 0 0 0.45rem;display:inline-block;margin:0 0 0 0.2rem;}
a.language2 {background: url(../images/language2.gif) no-repeat left center;font-family: Arial, Helvetica, sans-serif;}
#top2 {width:100%;height:1.5rem;clear:both; overflow:hidden;margin:0px auto 0px auto;background:#fafafa;}
#top2_left{float:left;width:100%;padding:0 0 0 0;}
#top2_left a{display:block;height:1.5rem;line-height:1.5rem;}
#top2_left a img{display:inline-block;line-height:1.5rem;vertical-align:middle;height:45%;width:auto;}
#top2_right{display:none;float:right;width:0.8rem;text-align:right;padding:0.45rem 0 0 0;}
#top2_rightmob{display:block;}
#menu{display:none;}	
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:1.5rem;overflow:hidden;/*background:#fff;*/position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:0.9rem;float:right;position:relative;cursor:pointer;height:0.5rem;margin-top:0.5rem;}
.sp_nav span{display:block;background:#2481c4;width:0.6rem;height:2px;position:absolute;left:0.15rem;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:0.2rem}
.sp_nav span:nth-of-type(3){top:0.4rem}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 0.56rem);font-size:0.28rem;line-height:3;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:2.06rem;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:0px;position:relative;line-height:3;font-size:0.28rem;padding-left:0.3rem;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/	
#banner{height:3.5rem;text-align:center;clear:both;overflow:hidden;border-bottom:#e2e2e2 solid 2px;margin-top:2.06rem;width:100%;}
#main{width:100%;margin:0.3rem auto 0 auto;clear:both; overflow:hidden;}
	
#index_pro{height:auto;overflow:hidden;width:calc(100% - 0.4rem);float:none;margin:0 0 0.3rem 0;padding:0 0.2rem;}
#index_about{height:auto;overflow:hidden;width:calc(100% - 0.4rem);float:none;margin:0 0 0.3rem 0;padding:0 0.2rem;}
#index_news{height:auto;overflow:hidden;width:calc(100% - 0.4rem);float:none;padding:0 0.2rem;}	
.biaoti1{height:0.4rem;clear:both;overflow:hidden;line-height:0.4rem;}
.title1{font-size:0.30rem;color:#222;padding:0 0 0 0.1rem;}
.title1a{font-size:0.30rem;color:#222;padding:0.04rem 0 0 0.1rem;}	
#index_procon{clear:both;overflow:hidden;}
a.pro_nav1{height:0.7rem;line-height:0.7rem;padding:0 0 0 0.1rem;font-size:0.28rem;display:block;color:#fff;background:#2481c4;margin:0.15rem 0;font-weight:bold;}
a.pro_nav1:hover{background:#04558f;text-decoration: none;}
a.pro_nav1dq{height:0.7rem;line-height:0.7rem;padding:0 0 0 0.1rem;font-size:0.28rem;display:block;color:#fff;background:#04558f;margin:0.15rem 0;font-weight:bold;}
a.pro_nav1dq:hover{text-decoration: none;}
.pro_menutwo{padding:0 0.2rem;}
.pro_menutwo a{display:inline-block;margin:0 0.3rem 0 0;line-height:2;}
.pro_menutwo a:hover{color:#d10513;}
	
.biaoti2{height:0.6rem;line-height:0.6rem;clear:both;overflow:hidden;background:url(../images/biaoti_bg.gif) no-repeat left bottom;}
.biaoti2_left{width:60%;float:left;line-height:0.6rem;}
.biaoti2_right{width:20%;float:right;padding:0 0.1rem 0 0;text-align:right;line-height:0.6rem;}
.more1{color:#828282;font-size:0.2rem;}	
	
.about_imgcon{margin:0.3rem 0 0.2rem 0;padding:0 0;line-height:2;}
.about_imgcon a{width:100%;display:block;}
.about_img{padding:0px;border:#edecec solid 0px;width:100%;height:100%;}
.index_aboutcon{padding:0 0;line-height:2;text-align:justify;}	
	

.index_newscon{clear:both;overflow:hidden;padding:0.25rem 0 0 0;}
.news_list1{clear:both;overflow:hidden;height:auto;margin:0 0 0.2rem 0;padding:0.15rem 0; }
.news_date1{display:none;float:none;width:100%;height:0.4rem;text-align:left;border-right:#cdcdcd solid 0px;overflow:hidden;padding:0 0 0 0;}
.news_view1{float:none;width:100%;height:auto;overflow:hidden;}
.news_month1{font-size:20px;color:#828282;}
.news_year1{font-size:14px;color:#828282;}
.news_title1{font-size:0.28rem;color:#222222;display:block;}
.news_title1 a{color:#222222;}
.news_text1{margin:0.15rem 0 0 0;display:block;line-height:1.5;}
.news_list1:hover{background:#7cb1d3; }
.news_list1:hover .news_month1,.news_list1:hover .news_year1,.news_list1:hover .news_title1,.news_list1:hover .news_text1{color:#ffffff;}
.news_list1:hover .news_date1{border-right:#ffffff solid 1px;}
.news_list1dq{clear:both;overflow:hidden;height:auto;margin:0 0 0.2rem 0;padding:0.15rem 0.2rem;background:#7cb1d3; }
.news_list1dq .news_month1,.news_list1dq .news_year1,.news_list1dq .news_title1,.news_list1dq .news_text1{color:#ffffff;}
.news_list1dq .news_date1{border-right:#ffffff solid 1px;}	
	
#news_main{background:#f8f8f8;margin:0.3rem 0 0 0;padding:0.4rem 0;clear:both;overflow:hidden;}
#index_news1{width:calc(100% - 0.4rem);float:none;margin:0 0 0.3rem 0;height:auto;overflow:hidden;padding:0 0.2rem;}
#index_news2{width:calc(100% - 0.4rem);float:none;margin:0 0 0.3rem 0;height:auto;overflow:hidden;padding:0 0.2rem;}
#index_news3{width:calc(100% - 0.4rem);float:none;margin:0 0 0.3rem 0;height:auto;overflow:hidden;padding:0 0.2rem;}
.news_list2{clear:both;overflow:hidden;height:1.2rem;margin:0.1rem 0 0.25rem 0; padding:0 0;}
.news_date2{float:left;width:1.2rem;height:1.2rem;text-align:center;overflow:hidden;padding:0.15rem 0 0 0;background:#7cb1d3;}
.news_view2{float:none;width:auto;height:1.2rem;overflow:hidden;margin-left:1.5rem}
.news_month2{font-size:0.36rem;color:#ffffff;}
.news_year2{font-size:0.28rem;color:#ffffff;}
.news_img1{text-align:center;margin:0rem 0rem 0.25rem 0rem;}
.news_img1 img{width:100%;height:100%;}
.news_tiaomu1{line-height:2;padding:0 0;}
.news_nav1{background:url(../images/icon1.gif) no-repeat left center;padding:0 0 0 0.25rem;line-height:2.5;}
.line1{background:url(../images/line1.gif) repeat-x center;height:0.4rem;overflow:hidden;line-height:0px;font-size:0px;clear:both;}

#index_anli{margin:0.4rem 0rem 0rem 0rem;width:calc(100% - 0.4rem);padding:0 0.2rem;}
.anli_list{/*overflow:hidden;clear:both;*/width:6000px;padding:10px 0px 0px 0px;}
.anli_list li{float:left;width:181px;height:118px;border:#90c5de solid 2px;margin:0px 15px 20px 0px;}
.shengfen{margin:0.3rem 0 0 0;padding:0 0.2rem;}
a.sheng_nav1{display:inline-block;padding:0;line-height:2;margin:0 0.3rem 0 0;}
a.sheng_nav1:hover{background:#f0f0f0;color:#222222;text-decoration:none;/*border:#ececec solid 1px;*/}
a.sheng_nav1dq{display:inline-block;padding:0;line-height:2;margin:0 0.3rem 0 0;background:#f0f0f0;color:#222222;/*border:#ececec solid 1px;*/}
a.sheng_nav1dq:hover{text-decoration:none;}
		
	
	
#foot{background:#3f4658;margin:0.4rem 0 0 0;}
#foot_main{width:100%;clear:both; overflow:hidden;padding:0.4rem 0 0.4rem 0; margin:0 auto;}
#foot_left{width:calc(60% - 0.4rem);float:left;color:#f0f0f0;padding:0 0.2rem 0 0.2rem;}
#foot_right{width:calc(38% - 0.4rem);float:right;color:#e7e7e7;padding:0 0.2rem 0 0.2rem;}
.foot_title1{font-size:0.42rem;background:url(../images/foot_icon1.gif) no-repeat left center;background-size:auto 0.48rem;padding-left:0.7rem;height:0.64rem;line-height:0.64rem;}
.foot_tel1{font-size:0.36rem;line-height:1.5;padding:0;}
.foot_text1{color:#e7e7e7;line-height:2;margin:0;padding:0;}
.foot_text1 a{color:#e7e7e7;}
.weixin{text-align:center;color:#93959d;margin:0.2rem 0 0 0;width:100%;float:none;}
.weixin p{margin-bottom:0.12rem;}
.weixin p span{line-height:1.5;}
.foot_menu{text-align:left;width:30%;/*float:none;*/margin:0.3rem 0.1rem 0 0.1rem;float:left;display:none;}
.foot_menu dt{border-bottom:#929fb0 solid 1px;height:0.45rem;line-height:0.28rem;margin:0 0 0.2rem 0;}
.foot_menu dt a{font-size:0.28rem;color:#e7e7e7;}
.foot_menu dd a{color:#93959d;line-height:2;}
#link{background:#2f3545;padding:0.3rem 0.2rem;display:none;}
#link_main{width:100%;clear:both; overflow:hidden;margin:0px auto;}
#link_left {width:100%;float:none;color:#e7e7e7;font-size:0.28rem;line-height:2;}
#link_right {width:100%;float:none;color:#b6b5b5;line-height:2;padding:0;}
#link_right a{color:#b6b5b5;display:inline-block;margin:0 0.3rem 0 0;}
	
#banner2{margin:2.06rem 0 0 0;width:100%;}
#main_left{width:calc(100% - 0.4rem);float:none;padding:0 0.2rem;}
#main_right{width:calc(100% - 0.4rem);float:none;padding:0 0.2rem;}	
#left_biaoti{}
#left_biaoti img{width:100%;height:auto;}
#left_menu{background:#f7f7f7;padding:0.25rem 0;}
#daohang{height:0.7rem;clear:both;overflow:hidden;background:url(../images/biaoti_bg.gif) no-repeat left bottom;margin:0.3rem 0 0 0;}
#daohang_left{width:100%;float:none;}
#daohang_right{width:600px;float:right;padding:10px 5px 0px 0px;text-align:right;display:none;}
#daohang_right a{padding:0px 5px;}
#daohang_right a:hover{color:#ba1621;}
#menu_two{display:block;}
#con{padding:0.35rem 0rem 0.15rem 0rem;}
#about_con{line-height:2;font-size:0.28rem;}
.pic1{border:#e0e0e0 solid 1px;padding:1px;width:100%;height:auto;}
#about_con img{width:100%;height:auto;}
#about_con iframe{width:100%;height:5.7rem;}
#about_con video{width:100%;height:auto;}		
	
.news_list3{clear:both;overflow:hidden;}
.news_title4{color:#222222;font-size:0.36rem;display:block;padding:0 0 0 0;float:none;}
.date3{color:#b0b0b0;display:block;float:none;padding:0.15rem 0;}
.news_jianjie{line-height:2;padding:0.15rem 0;}
.line2{background:url(../images/line2.gif) repeat-x center;height:30px;overflow:hidden;clear:both;line-height:0px;font-size:0px;}
.page{text-align:center;padding:15px 0px 0px 0px;}
.page a{padding:0px 5px;}
.title3{font-size:18px;color:#01629c;diaplay:block;text-align:center;}
.title4{color:#818181;diaplay:block;text-align:center;}
.line3{background:url(../images/line2.gif) repeat-x center;height:20px;overflow:hidden;clear:both;line-height:0px;font-size:0px;}
/*.news_con2,.news_con3{padding:20px 15px 0px 15px;line-height:28px;font-size:14px;}*/
.news_con2,.news_con3{padding:0.35rem 0.2rem 0px 0.2rem;line-height:2;font-size:0.28rem;}
.news_con2 video,.news_con3 video{width:100%;height:auto;}	
.about_title1{font-size:0.4rem;color:#1c4b7f;padding:0.2rem 0 0 0;}
.pro_con{padding:0;line-height:2;font-size:0.28rem;clear:both; overflow:hidden;}
.pro_conleft{width:100%;float:none;}
.pro_conleft img{width:100%;height:auto;}
.pro_con video{width:100%;height:auto;}	
.pro_conright{width:100%;float:none;}
.pro_list{clear:both;overflow:hidden;margin:0.3rem 0 0 0;}
.pro_list li{/*background:url(../images/pro_bg1.gif) no-repeat;*/width:calc(100% - 2px);padding:1px;float:none;margin:0 0 0.3rem 0;}
.pro_listimg{display:block;}
.pro_listimg img{width:100%;height:auto;}
.pro_listnav1{display:block;padding:0px 0px 0px 20px;line-height:22px;font-size:14px;}
.pro_listnav2{display:block;padding:0 0 0 0.2rem;line-height:2;background:url(../images/icon1.gif) no-repeat left center;}
.line4{background:url(../images/line1.gif) repeat-x center;height:50px;overflow:hidden;clear:both;line-height:0px;font-size:0px;}
.pro_con1{padding:0.15rem 0;clear:both;overflow:hidden;font-size:0.28rem;line-height:2;}
.pro_title1{font-size:0.32rem;color:#1c4b7f;}	
	
	
}