﻿.istouch .wrap{ width: 10rem;}
.istouch body{ background: #EEE;}

.istouch .header{ border-top: 2px solid #0ea07d; height: 1.5rem; overflow: hidden; width: 10rem; margin: 0 auto; position: relative; background: #FFF;}
.istouch .header .logo{ height: 1.4rem; width: auto; padding: 0.05rem 0;}
.istouch .header .menubtn{ position: absolute; top: 0px; right: 0.15rem; width:1.2rem; height: 1.48rem; line-height: 1.48rem; background: #FFF; text-align: center; display: block; color: #999; font-size: 24px;}
.istouch .header .searchbtn{ position: absolute; top: 0px; right: 1.35rem; width:1.2rem; height: 1.48rem; line-height: 1.5rem; background: #FFF; text-align: center; display: block; color: #999; font-size: 24px;}
.istouch .header .nav{ margin: 0; height: 100%; font-size: 18px; width: 10rem; position: fixed; top: 0; z-index: 99; display: none; overflow: hidden;}
.istouch .nav ul{ padding: 0; position: absolute; right: -6rem; top: 0; background: #179073; z-index: 97; width: 6rem; height: 100%; display: block;}
.istouch .nav li{ height: 1.4rem; line-height: 1.4rem; text-align: left; border-bottom: 1px solid #1cad8a; padding: 0; width: 6rem; border-right: 0; float: none; margin: 0;}
.istouch .nav li a{ display: block; padding: 0 0.4rem; text-align: left; height: 1.4rem; line-height: 1.4rem; color: #E3E3E3;}
.istouch .header .nav li .on{ border-bottom: 0; color: #FFF; font-weight: normal;}
.istouch .header .nav li i{ display: block; float: left; font-size: 18px; margin-right: 0.3rem;}
.istouch .nav .mask{ background: #000; position: absolute; z-index: 96; width: 10rem; height: 100%; display: block; right: 0; opacity: 0;}

.istouch .header .search{ width: 9.6rem; height: 0.955rem; margin: 0; border: 0; border-radius: 0; position: absolute; top: 1.5rem; padding: 0.2rem; display: none; box-shadow: 0px 1px 1px #666; -webkit-box-shadow: 0px 1px 1px #666; -moz-box-shadow: 0px 1px 1px #666;}
.istouch .search .sl{ display: none;}
.istouch .header .search .key{ width: 7.85rem; height: 0.9rem; line-height: 0.9rem; padding: 0 0.2rem; font-size: 16px; border: 0.0275rem solid #DDD;}
.istouch .header .search .icon-search{ width: 1.2rem; height: 0.955rem; line-height: 0.955rem; font-size: 30px; background-color: #DDD;}

.istouch .nav .close{ display: block; position: absolute; z-index: 98; left: 0; top: 0; width: 4rem; text-align: center; margin-top: 5rem; opacity: 1; color: #E3E3E3;}
.istouch .nav .close i{ font-size: 24px; width: 1rem; height: 1rem;}
.istouch .nav .close p{ font-size: 14px; line-height: 0.5rem; height: 1rem; margin-bottom: 0.2rem;}

.istouch .chnlinfo{ width: 10rem; margin: 0 auto;}
.istouch .chnlinfo h2{ height: auto; line-height: 0.8rem; font-size: 20px; padding: 0.25rem 0.3rem 0 0.3rem;}
.istouch .chnlinfo .location{ line-height: 0.6rem; text-align: left; padding: 0.2rem 0.3rem; font-size: 12px;}
.istouch .chnlinfo .location i{ line-height: 20px; height: 20px; display: inline-block; margin-right: 5px;font-size: 14px;}
.istouch .chnlinfo .location a{ color: #FFF;}
.istouch .chnlinfo .location a:hover{ text-decoration: underline;}

.istouch .leftbox{ width: 10rem; border-right: 0;}
.istouch .container{ padding-bottom: 0; background: #FFF;}
.istouch .main{ padding: 0.3rem; width: 9.4rem;}
.istouch .content{ line-height: 0.85rem; font-size: 16px;}
.istouch .content table{ width: 100%!important;}
.istouch .content img{ max-width: 100%!important; height: auto;}
.istouch .content_small *{ line-height: 0.6rem!important; font-size: 12px!important;}
.istouch .content_larger *{ line-height: 1.2rem!important; font-size: 24px!important;}

.istouch .leftmenu{ padding-top: 0; height: 1rem; overflow: hidden; position: relative;}
.istouch .leftmenu ul{ width: 20rem;}
.istouch .leftmenu li{ margin: 0 0.2rem; height: 1rem; float: left;}
.istouch .leftmenu li a{ font-size: 16px; padding: 0 0.15em; height: 0.85rem; line-height: 0.85rem; border-bottom: 0.075rem solid #FFF; color: #999; margin-top: 0.075rem;}
.istouch .leftmenu .on a{ background: #FFF; color: #369B83; padding: 0 0.15rem; border-bottom: 0.075rem solid #369B83;}
.istouch .leftmenu li.on span{ display: none;}
.istouch .leftmenu .dropdownbtn{ display: block; position: absolute; right: 0rem; top: 0; width: 1.3rem; height: 1rem; line-height: 1rem; text-align: center; background: url(../images/leftmenu_2017j.png); background-size: 100%; /*background: #CCC;*/ padding-left: 0.25rem; font-size: 18px; color: #999;}
.istouch .leftmenu .tt{ display: none;}

.istouch .menupop{ /*position: absolute;*/ height: auto; background: #FFF; width: 10rem; padding: 0 0 0.15rem 0; box-shadow: 0px 1px 2px #666; -webkit-box-shadow: 0px 1px 2px #666; -moz-box-shadow: 0px 1px 2px #666;}
.istouch .menupop ul{ padding: 0.15rem 0.175rem 0 0.175rem;  width: 9.65rem;}
.istouch .menupop li{ border: 1px solid #DDD; border-radius: 5px; height: 0.7rem; line-height: 0.7rem; margin: 0.125rem 0.15rem; background: #F5F5F5; overflow: hidden;}
.istouch .menupop li a{ border-bottom: 0; padding: 0 0.15rem; margin: 0; height: 0.7rem; line-height: 0.7rem; font-size: 14px;}
.istouch .menupop .on{ background: #369B83; border-color:#369B83;}
.istouch .menupop .on a{ background: transparent; color: #FFF; border-bottom: 0; padding: 0 0.15rem;}
.istouch .menupop .tt{ height: 0.85rem; line-height: 0.9rem; background: #F9F9F9; color: #999; font-size: 14px; padding-left: 0.32rem; display: block;}
.istouch .menupop .dropdownbtn{ background-image: none;}


.istouch .foot{ position:static; width: 9.4rem; height: auto; padding: 0.3rem; margin: 0 auto; text-align: center;}
.istouch .foot .foot-copyright{ height: auto; line-height: 0.7rem; float: none; margin-top: 0.2rem;}
.istouch .foot .foot-copyright span{ display: block; text-align: center;}
.istouch .foot .foot-dzjg{ margin-top: 0; height: 1rem; margin-left: 3.3rem; width: 1rem; height: 1rem;}
.istouch .foot .foot-dzjg iframe{ width: 100%; height: 100%;}
.istouch .foot .foot-zc{ margin: 0.13rem 0 0 0.5rem; width: 1.5rem;  height: 0.87rem; }
.istouch .foot .foot-zc iframe{ width: 100%; height: 100%;}
.istouch .foot .wrap{ width: 9.4rem;}
.istouch .foot .foot-btn{ display: none;}
.istouch .foot-link{ display: none!important;}
.istouch .foot .foot-info{ width: 9.4rem;}
.istouch .foot .foot-nav{ text-align: center; margin-top: 0.2rem; line-height: 0.6rem;}

.istouch .page span{ display:block; padding: 0.1rem 0;}
.istouch .main .pagetitle{ height: auto; font-size: 18px; line-height: 0.8rem; margin-bottom: 0.1rem;}



[data-dpr="2"] div { font-size: 28px; }
[data-dpr="2"] .iconfont{ font-size: 32px;}
[data-dpr="2"] .tab a{ font-size: 36px; }
[data-dpr="2"] .list1{ font-size: 32px;}
[data-dpr="2"] .list2{ font-size: 32px;}
[data-dpr="2"] .list1 span em{ font-size: 36px; }
[data-dpr="2"] .list1 span i{ font-size: 24px; }
[data-dpr="2"] .list2 li a{ font-size: 32px;}
[data-dpr="2"] .list2 li i{ font-size: 40px;}
[data-dpr="2"] .list3{ font-size: 32px;}
[data-dpr="2"] .header .menubtn{ font-size: 48px;}
[data-dpr="2"] .header .searchbtn{ font-size: 48px;}
[data-dpr="2"] .chnlinfo h2{ font-size: 48px;}
[data-dpr="2"] .chnlinfo .location{ font-size: 28px;}
[data-dpr="2"] .chnlinfo .location i{ font-size: 28px;}
[data-dpr="2"] .content{ font-size: 32px;}
[data-dpr="2"] .content *{ font-size: 32px!important; line-height: 0.7rem!important;}
[data-dpr="2"] .content_small *{ line-height: 0.5rem!important; font-size: 24px!important;}
[data-dpr="2"] .content_larger *{ line-height: 1.2rem!important; font-size: 48px!important;}
[data-dpr="2"] .leftmenu li a{ font-size: 32px;}
[data-dpr="2"] .header .nav{ font-size: 36px;}
[data-dpr="2"] .header .nav li i{ font-size: 36px;}
[data-dpr="2"] .nav .close p{ font-size: 28px;}
[data-dpr="2"] .nav .close i{ font-size: 48px;}
[data-dpr="2"] .header .search .key{ font-size: 32px;}
[data-dpr="2"] .header .search .icon-search{ font-size: 60px;}
[data-dpr="2"] .menupop .tt{ font-size: 28px;}
[data-dpr="2"] .leftmenu .dropdownbtn{ font-size: 36px;}
[data-dpr="2"] .main .pagetitle{ font-size: 36px;}




[data-dpr="3"] div { font-size: 42px; }
[data-dpr="3"] .iconfont{ font-size: 48px;}
[data-dpr="3"] .tab a{ font-size: 54px; }
[data-dpr="3"] .list1{ font-size: 48px;}
[data-dpr="3"] .list2{ font-size: 48px;}
[data-dpr="3"] .list1 span em{ font-size: 54px; }
[data-dpr="3"] .list1 span i{ font-size: 36px; }
[data-dpr="3"] .list2 li a{ font-size: 48px;}
[data-dpr="3"] .list2 li i{ font-size: 60px;}
[data-dpr="3"] .list3{ font-size: 48px;}
[data-dpr="3"] .header .menubtn{ font-size: 72px;}
[data-dpr="3"] .header .searchbtn{ font-size: 72px;}
[data-dpr="3"] .chnlinfo h2{ font-size: 72px;}
[data-dpr="3"] .chnlinfo .location{ font-size: 42px;}
[data-dpr="3"] .chnlinfo .location i{ font-size: 42px;}
[data-dpr="3"] .content{ font-size: 48px;}
[data-dpr="3"] .content *{ font-size: 48px!important; line-height: 0.7rem!important;}
[data-dpr="3"] .content_small *{ line-height: 0.5rem!important; font-size: 38px!important;}
[data-dpr="3"] .content_larger *{ line-height: 1.2rem!important; font-size: 76px!important;}
[data-dpr="3"] .leftmenu li a{ font-size: 48px;}
[data-dpr="3"] .header .nav{ font-size: 54px;}
[data-dpr="3"] .header .nav li i{ font-size: 54px;}
[data-dpr="3"] .nav .close p{ font-size: 42px;}
[data-dpr="3"] .nav .close i{ font-size: 72px;}
[data-dpr="3"] .header .search .key{ font-size: 48px;}
[data-dpr="3"] .header .search .icon-search{ font-size: 90px;}
[data-dpr="3"] .menupop .tt{ font-size: 42px;}
[data-dpr="3"] .leftmenu .dropdownbtn{ font-size: 54px;}
[data-dpr="3"] .main .pagetitle{ font-size: 54px;}



/*增加*/
.istouch .main2{ padding: 0 0.3rem; width: 9.4rem;}
.istouch .articlelist li span{ float: right; position: absolute; bottom: 0; left: 0.8rem; line-height: 0.6rem; font-size: 14px;}
.istouch .articlelist li i{ font-size: 30px; margin-right: 0; float: left; width: 0.8rem; display: block; text-align: left; line-height: 0.8rem;}
.istouch .articlelist li{ height: auto; line-height: 0.8rem; padding-bottom: 0.6rem; position: relative; margin: 0.35rem 0;}
.istouch .articlelist ul{ padding: 0;}
.istouch .articlelist a{ float: left; width: 8.6rem; font-size: 16px;}

.istouch .articlelist2 .tit{ height: 1.1rem; line-height: 1.1rem;}
.istouch .articlelist2 .tit h3{ padding: 0 0.35rem; font-size: 16px;}
.istouch .articlelist2 .tit .more{ margin-right: 0.3rem; font-size: 16px;}
.istouch .articlelist2 .tit .more i{ margin-left: 0.1rem;}
.istouch .articlelist2 li span{ float: right; position: absolute; bottom: 0; left: 0.8rem; line-height: 0.6rem; font-size: 14px;}
.istouch .articlelist2 li i{ font-size: 30px; margin-right: 0; float: left; width: 0.8rem; display: block; text-align: left; line-height: 0.8rem;}
.istouch .articlelist2 li{ height: auto; line-height: 0.8rem; padding-bottom: 0.6rem; position: relative; margin: 0.35rem 0;}
.istouch .articlelist2 ul{ padding: 0;}
.istouch .articlelist2 ul li a{ float: left; width: 8.6rem; font-size: 16px;}

.istouch .gzjgbanner{ height: 2.3rem; line-height: 2.3rem; padding-left: 0.3rem; background-size: cover; width: 9.7rem; margin: 0 auto;}
.istouch .gzjgbanner h2{ font-size: 18px;}
.istouch .gzjgchnlinfo{ background: #F3F3F3; display: block; height: auto;}
.istouch .gzjgchnlinfo h2{ width: 9.4rem; display: block; padding: 0.15rem 0.3rem 0 0.3rem; font-size: 16px; line-height: 0.8rem;}
.istouch .gzjgchnlinfo .location{ width: 9.4rem; padding: 0 0.3rem 0.15rem 0.3rem;}
.istouch .gzjgchnlinfo .location a{ color: #666;}



[data-dpr="2"] .articlelist li span{ font-size: 28px;}
[data-dpr="2"] .articlelist li i{ font-size: 60px;}
[data-dpr="2"] .articlelist a{ font-size: 32px;}
[data-dpr="2"] .articlelist2 .tit h3{ font-size: 32px;}
[data-dpr="2"] .articlelist2 .tit .more{ font-size: 32px;}
[data-dpr="2"] .articlelist2 li span{ font-size: 28px;}
[data-dpr="2"] .articlelist2 li i{ font-size: 60px;}
[data-dpr="2"] .articlelist2 ul li a{ font-size: 32px;}
[data-dpr="2"] .gzjgbanner h2{ font-size: 36px;}
[data-dpr="2"] .gzjgchnlinfo h2{ font-size: 32px;}




[data-dpr="3"] .articlelist li span{ font-size: 42px;}
[data-dpr="3"] .articlelist li i{ font-size: 90px;}
[data-dpr="3"] .articlelist a{ font-size: 48px;}
[data-dpr="3"] .articlelist2 .tit h3{ font-size: 48px;}
[data-dpr="3"] .articlelist2 .tit .more{ font-size: 48px;}
[data-dpr="3"] .articlelist2 li span{ font-size: 42px;}
[data-dpr="3"] .articlelist2 li i{ font-size: 90px;}
[data-dpr="3"] .articlelist2 ul li a{ font-size: 48px;}
[data-dpr="3"] .gzjgbanner h2{ font-size: 54px;}
[data-dpr="3"] .gzjgchnlinfo h2{ font-size: 48px;}