@charset "utf-8";
/*清除默认*/
html{font:15px 微软雅黑, 苹方-简, Helvetica, sans-serif; outline:none; line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; background:#f2f2f2;}
body,div,span, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
	dl, dt, dd, ul, ol, li,
	pre,
	form, fieldset, legend, button, input, textarea,iframe,
	th, td, 
	img{
	border: medium none;
	margin: 0;
	padding:0;
	font-size: 100%;
	font: inherit;
	}
ul,ol,li { list-style: none; padding:0; margin:0;}  
a { text-decoration: none; color:#333;}
img{ border:0px; max-width:100%;}  
.clear{ clear:both; width:0; height:0; overflow:hidden; display:block;}
table { border-collapse: collapse; border-spacing: 0;}

/**公共字体图标**/
@font-face {
    font-family:'icomoon';
    src:url('../fonts/icomoon.eot?uodzl7');
    src:url('../fonts/icomoon.eot?uodzl7#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?uodzl7') format('truetype'),
        url('../fonts/icomoon.woff?uodzl7') format('woff'),
        url('../fonts/icomoon.svg?uodzl7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**公共文字图标代码**/
.icon-yq001:before {content: "\e900";}/**首页**/
.icon-yq002:before {content: "\e901";}/**新闻**/
.icon-yq003:before {content: "\e902";}/**用户/客户**/
.icon-yq004:before {content: "\e903";}/**产品**/
.icon-yq005:before {content: "\e904";}/**更多/添加**/
.icon-yq006:before {content: "\e905";}/**图片**/
.icon-yq007:before {content: "\e906";}/**小圆点**/
.icon-yq008:before {content: "\e907";}/**云服务**/
.icon-yq009:before {content: "\e908";}/**显示器**/
.icon-yq010:before {content: "\e909";}/**手机**/
.icon-yq011:before {content: "\e90a";}/**Linux应用**/
.icon-yq012:before {content: "\e90b";}/**电脑**/
.icon-yq013:before {content: "\e90c";}/**医院**/
.icon-yq014:before {content: "\e90d";}/**银行**/
.icon-yq015:before {content: "\e90e";}/**卫生厅**/
.icon-yq016:before {content: "\e90f";}/**厂家**/

.Container{ background:#FFF;}

.nodisplay{ display:none;}

/*首页*/
.Pmore{ position:absolute; bottom:30px; left:50%; margin-left:-20px;}
.Pmore a{ width:40px; height:40px; display:block; margin:30px auto 0 auto;}
.Pmore a:hover{ background-position:-161px -152px;}

.aboutmov{ width:140px; height:30px; display:block;}
.aboutmov img{ width:85%; height:85%;}

/*导航*/
*{box-sizing:border-box}
header{ width:100%;font-size:16px; position:fixed; top:0; left:0; z-index:1000;}
.title{position:relative; z-index:1000; max-width:640px; height:45px; display:block; margin:0 auto; background:#3498FF;}
.mobile-header-nav{background-color:#FFF;display:none;list-style:none; margin:0; padding:0; position:absolute; top:45px; width:100%; box-shadow:0 1px 3px #aaa;}
.mobile-header-nav li{border-bottom:1px solid #eee;}
.mobile-header-nav li a{color:#555;display:block; padding:15px 0;text-align:center;text-decoration:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.mobile-header-nav li a:hover{background-color:#47a1ff; color:#FFF;}
.hamburger-menu{display:block; height:45px; padding:12px; position:absolute; right:0px; top:0; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.hamburger-menu:hover{cursor:pointer}
.hamburger-menu .menu-item{background:#FFF;display:block;height:2px;margin:0 0 6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; width:25px;}
.hamburger-menu.open .menu-item{margin:3px 0 0px;}
.hamburger-menu.open .menu-item:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:4px;transform-origin:4px; }
.hamburger-menu.open .menu-item:nth-child(2){opacity:0}
.hamburger-menu.open .menu-item:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:8px;transform-origin:8px;}
.yqlogo{width:40%; height:45px; display:inline-block; position:absolute; top:0px; left:10px;}
.return{line-height:45px; color:#FFF; position:absolute; left:10px; top:0;}
.return:before{content:""; width:12px; height:12px; border-top:2px solid #fff; border-left:2px solid #fff; display:inline-block; vertical-align:middle; transform: scale(1) rotate(-45deg); -moz-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); o-transform: scale(1) rotate(-45deg);}
.home{ width:25px; height:25px; background:url(../images/svg/home.svg) no-repeat; display:block; background-size:100% 100%; position:absolute; right:50px; top:0; padding:22px 0;}
.maintitle{ text-align:center; color:#FFF; display:block; line-height:45px; white-space:normal; overflow:hidden;}

/***内容样式***/
.Container{max-width:640px; height:auto; margin:0 auto; }
.Txtlist_1{ margin-top:45px; color:#333; position:relative;}
.Txtlist_2{ margin-top:45px; color:#333; position:relative;}
.headimg{max-width:640px; overflow:hidden; margin:0 auto;}
.headimg img{width:100%; vertical-align:top;}
h1.Ttilte_1{font-size:20px; padding:5px 6px; margin:10px 0; font-weight:600; text-align:center;}
h1.Ttilte_2{ font-size:20px; font-weight:normal;  margin:5px 0; padding:10px 10px 0 10px; line-height:26px;}
h2.Btilte{font-size:16px; padding:5px 6px; margin:10px 0; border-left:3px solid #2180F3; font-weight:600;}
.Txtlist_1 font{ padding:0 10px; display:block;}
.Txtlist_1 font p{ text-indent:2em; line-height:22px; color:#555;}
.Txtlist_2 span{ color:#888; padding:0 10px;}
video{width:100%; height:200px; display:block; background:#000;}

.Infor{ padding:10px;}
.Infor img{margin:10px auto; max-width:100%; display:block;}
.Infor b{ line-height:24px; color:#666; padding:5px 0; display:block; }
.Infor p{ line-height:24px; color:#666; text-indent:2em;}
.Infor h3{ color:#267be5; font-size:15px; padding:5px 0;}
.Infor center{ padding:8px 0; color:#999; }
.ullist-1 { display:block;}
.ullist-1 li{position:relative; min-height:100px; padding:10px 10px 10px 80px; border-top:1px dashed #ddd;}
.ullist-1 li:nth-of-type(1){ border-top:none;}
.ullist-1 li:before{ width:60px; height:60px; position:absolute; left:10px; top:50%; margin-top:-30px; font-size:60px; color:#267be5;}
.ullist-1 li span.Icon{ width:90px; height:90px; position:absolute; top:5px; left:50%; }
.ullist-1 li b{ display:block; color:#267be5; font-size:16px; font-weight:normal; line-height:30px;}
.ullist-1 li p{ color:#444; font-size:12px; line-height:20px;}

.ullist-2{display:-webkit-box; display:-moz-box; display: -o-box; display:-ms-box; display:box; width:100%; margin:0 auto;}
.ullist-2 li{ width:50%;text-align:center; position:relative; -moz-box-orient:horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; -o-box-orient: horizontal; -moz-box-flex:1; -webkit-box-flex:1;  -o-box-flex:1; -ms-box-flex:1; box-flex:1; margin:6px;}
.ullist-2 li span{padding:0 5px; display:block; color:#4a4a4a; line-height:20px;}
.ullist-2 li em{ font-style:normal;}
.clist img{ border:1px solid #ccc !important; padding:10px; border-radius:50% !important;}

.ullist-3 li,.ullist-4 li{ line-height:45px; border-bottom:1px solid #f1f1f1;}
.ullist-3 li a{ color:#666; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; display:block; width:95%;}

.Typetab{ width:95%; margin:0 2.5%; border: 1px solid #ddd; color:#333;}
.Typetab tr th{ background:#e6e6e6; font-weight:600;}
.Typetab tr th,.Typetab tr td{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; height:36px; font-size:15px; padding:0 10px;}
.changecol{ background:#f5f5f5;}

/**产品导航**/
.productlist{display:block; }
.productlist ul{display:-webkit-box; display:-moz-box; display: -o-box; display:-ms-box; display:box; width:90%; margin:0 auto;}
.productlist ul li{ width:50%; text-align:center; position:relative; -moz-box-orient:horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; -o-box-orient: horizontal; -moz-box-flex:1; -webkit-box-flex:1;  -o-box-flex:1; -ms-box-flex:1; box-flex:1; padding:15px 0; margin:8px;}
.productlist ul li em{ width:80px; height:80px; border-radius:50%; display:block; margin:0 auto; background:url(../images/icon/Product_icon.png) no-repeat #e6edf2; transform:scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); ms-transform: scale(0.9); -o-transform: scale(0.9);}
.productlist ul li span, .productlist ul li p{ padding:0 10px; display:block; color:#4a4a4a; line-height:20px;}
.productlist ul li a{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.productlist ul li em.Service_icon_01{ background-position:0 0;}
.productlist ul li em.Service_icon_02{ background-position:-80px 0;}
.productlist ul li em.Service_icon_03{ background-position:-160px 0;}
.productlist ul li em.Service_icon_04{ background-position:0 -80px;}
.productlist ul li em.Service_icon_05{ background-position:-80px -80px;}
.productlist ul li em.Service_icon_06{ background-position:-160px -80px;}

/**导航tab**/
.listhead{ height:45px; line-height:45px; display:-webkit-box; display:-moz-box; display:-o-box; display:-ms-box; display:box; background-color:#f2f2f2;}
.listhead li{-moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; -moz-box-flex:1; -webkit-box-flex:1;  -o-box-flex:1; -ms-box-flex:1; box-flex:1; text-align:center; position:relative;}
.listhead li span{ padding:0 5px; display:inline-block; height:45px;}
.listhead li.active span{ border-bottom:2px solid #016def; color:#016def;}

/**=====成功案例=====**/
.Case{ padding:10px;}
.Case h1{ height:25px; margin:10px 0; line-height:25px; color:#333; padding-left:10px; border-left:5px solid #016def; font-size:16px;}
.Classic_Case{ text-align:center;}
.Classic_Case li{ display:inline-block; vertical-align:middle; width:190px; border:1px solid #ddd; padding:4px; margin:0 1% 10px 1%; position:relative; font-size:0;}
.Classic_Case li a{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.Classic_Case li img{ width:100%; height:120px; display:block; margin-bottom:5px;}
.Classic_Case li h2{ font-size:14px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.Classic_Case li p{ padding:0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; color:#888; font-size:14px; margin-bottom:10px;}

/**其他案例**/
.bright{ border-right:1px solid #e3e3e3;}
.bbottom{ border-bottom:1px solid #e3e3e3;}
.Plist{margin:10px auto 0 auto; overflow:hidden;border-left:1px solid #ddd; border-top:1px solid #ddd;}
.Plist ul{ width:100%; }
.Plist ul li{ width:154px; height:70px; text-align:center; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.Plist ul li a{width:100%; height:100%; display:inline-block; cursor:pointer;}
.Plist ul li img{ width:96%; height:96%; display:inline-block;}

/***案例表格***/
.casestab{ width:100%; border:1px solid #ddd; margin:20px 0;}
.casestab th{ background:#ededed;}
.casestab th,.casestab td{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align:center; height:40px;text-indent:0; font-size:12px;}

.Report{ margin-bottom:40px;}
.Report h1{border-left:4px solid #2180f3; display:block; height:35px; line-height:35px; padding-left:10px; color:#333; font-size:16px; margin:10px 0;}
.Report ul{ display:block; border-top:1px solid #ddd;}
.Report ul li{height:30px;line-height:30px; border-bottom:1px solid #ddd; padding:0 5px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}

/***新闻列表***/
.newlist ul{max-width:640px; margin:0 auto; padding:1.6em 1.2em 0; background:#f2f2f2;}
.newlist .newcont{ background:#fff;border-radius:4px; border:1px solid #DFDFDF; box-shadow:1px 1px 1px #DFDFDF; text-align:left; padding:1.2em; margin-bottom:1em;}
.newlist .newcont .newtitle span{ color:#888; display:block; padding:5px 0; margin:0 !important; font-size:14px;}
.newlist .newcont h1{ font-size:1.2em;color:#333; font-weight:normal;}
.newlist .newcont h1 a{ color:#333;}
.newlist .newcont p{ color:#777; margin-top:0.875em; font-size:1em; line-height:1.4em; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.newlist .newcont .more{ color:#000; margin-top:0.875em; display:block; font-size:16px; font-weight:normal;}
.newlist .newpic{ width:100%; height:auto; display:block;}
.newlist ul li img{ width:100% !important; height:auto !important;}
.newlist ul li{ position:relative;}
.newlist ul li a{ width:100%; height:100%; position:absolute; top:0; left:0;}

/***视频***/
video{width:100%; height:200px; display:block; background:#000;}
.Mmov{ padding:0 5px;}
.Mmov h1{color:#333; font-size:16px; padding:4px 6px; margin:10px 0 0 0; border-left:3px solid #2180F3; font-weight:600;}
.Mmov ul li{position:relative; padding:10px 0; border-bottom:1px solid #eee; background:#FFF; padding:10px 0 10px 110px;}
.Mmov ul li .Mpic{width:100px; height:60px; margin-right:10px; position: absolute; left:0; top:50%; margin-top:-30px;}
.Mmov ul li .Mpic img{width:100%; height:100%;}
.Mmov ul li .Mtxt{ display:block;}
.Mmov ul li .Mtxt b{ display:block; font-size:14px; padding:5px 0; color:#2180F3; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Mmov ul li .Mtxt font{ color:#888; font-size:12px; line-height:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:35px; }
.Mmov ul li a{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

/***地图***/
.map{ width:100%; height:280px; margin-top:-45px;}

/**针对不同分辨率的样式显示**/
@media only screen and (max-width:414px){
.Classic_Case li{width:120px; margin:0 5px 10px 5px;}
/**其他案例**/
.Plist ul li{width:127px; height:66px;}
}

@media only screen and (max-width:375px){
.Classic_Case li{width:165px; margin:0 5px 10px 5px;}
/**其他案例**/
.Plist ul li{width:114px; height:66px;}
}
@media only screen and (max-width:360px){
.Classic_Case li{width:155px; margin:0 5px 10px 5px;}
/**其他案例**/
.Plist ul li{width:109px; height:66px;}
}
@media only screen and (max-width:320px){
.Classic_Case li{width:135px; margin:0 5px 10px 5px;}
/**其他案例**/
.Plist ul li{width:149px; height:70px;}
}


.foot{ font-size:14px; color:#555; line-height:30px; text-align:center; background:#FFF;}
.Footiframe{ width:100%; height:30px; }