﻿.container{max-width:1200px;}

/*网站公共样式*/
a{color:#333;text-decoration:none;}                                            
a:hover{color:#1d7ad9;}
a:focus{color:#1d7ad9;}
a.btn-more{display:inline-block;width:150px;height:38px;line-height:38px;background:#1d7ad9;border:1px #1d7ad9 solid;color:#fff;transition:all 0.5s ease;font-size:16px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:20px}
a.btn-more:hover{background:#fff;border:1px #1d7ad9 solid;color:#1d7ad9;}
a.btn-more1{display:inline-block;width:120px;height:30px;line-height:30px;background:#1d7ad9;border:1px #1d7ad9 solid;color:#fff;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:10px;border-radius:15px;}
a.btn-more1:hover{background:#fff;border:1px #1d7ad9 solid;color:#1d7ad9;}
a.btn-more2{display:inline-block;width:100px;height:30px;line-height:30px;background:#1d7ad9;border:1px #1d7ad9 solid;color:#fff;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:10px}
a.btn-more2:hover{background:#fff;border:1px #1d7ad9 solid;color:#1d7ad9;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;border-top: 0px solid #ebebeb;} /*兼容ie低版*/

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*首页模块样式*/

.module-box {position:relative;padding:40px 0px;}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 10px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .en-title{display:block;color:#333;font-size:24px;font-weight:550;line-height:20px;}
.module-box .module-title .en-title .s1{color:#f5b200;font-family: Arial;text-transform:uppercase;}
.module-box .module-title .en-title .s2{color:#1d7ad9;font-family: Arial;text-transform:uppercase;}
.module-box .module-title .cn-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:30px;}
.module-box .module-title .cn-title i{float:left;width:54px;height:4px;margin-top:21px;background:url(images/t1.png) no-repeat left center;}
.module-box .module-title .cn-title g{float:left;width:54px;height:4px;margin-top:21px;background:url(images/t2.png) no-repeat left center;}
.module-box .module-title .cn-title span{float:left;margin:0px 18px;font-size:30px;color:#333;}

.module-box1 {position:relative;padding:0px 0px;background:url(images/tz-bg.jpg) repeat-x left 25px;}
.module-box1 .module-title{clear:both;text-align:center;margin:0px 0px 20px 0px;}
.module-box1 .module-title span{width: 140px;height: 50px;line-height: 50px;margin:0px auto;background:#1d7ad9;display:inline-block;font-size:20px;color: #fff;}

/*顶部样式*/
.header{position:relative;}
.header .logo img{max-height:100%;padding: 20px 0px;}
.header .top_zdy{max-width: 400px;padding-top: 34px;margin-right:1px;text-align:right;float:right;}

/*首页_搜索*/
.top_ss{clear: both;overflow:hidden;}
.top_ss .sousuo{vertical-align:middle;width: 230px;height: 40px;background: #fff;border: 1px solid #e1e1e1;border-right: 0px solid #cacaca;border-top-left-radius:20px;border-bottom-left-radius:20px;font-size: 14px;color: #a5a5a5;text-indent: 32px;background:url(images/s-bg.png) no-repeat 8px center;}
.top_ss .btnoks{float:right;vertical-align:middle;border: 0px solid #ebebeb;color: #fff;font-size:16px;background:url(images/s-btn.png) no-repeat center center;width: 99px;height: 40px}

@media (max-width:1000px) /*手机端*/
{
    .header .top_zdy{display: none;}
    .top_ss{display: none;}

.module-box {position:relative;padding:20px 0px;}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 10px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .en-title{display:block;color:#333;font-size:14px;font-weight:550;line-height:20px;}
.module-box .module-title .en-title .s1{color:#f5b200;font-family: Arial;text-transform:uppercase;}
.module-box .module-title .en-title .s2{color:#1d7ad9;font-family: Arial;text-transform:uppercase;}
.module-box .module-title .cn-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:30px;}
.module-box .module-title .cn-title i{float:left;width:54px;height:4px;margin-top:15px;background:url(images/t1.png) no-repeat left center;}
.module-box .module-title .cn-title g{float:left;width:54px;height:4px;margin-top:15px;background:url(images/t2.png) no-repeat left center;}
.module-box .module-title .cn-title span{float:left;margin:0px 10px;font-size:20px;color:#333;}

}
/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header .nav-toggle{display:none}
.main-menu{clear:both;padding:0px;background:url(images/menu-bg.jpg) repeat-x left top;}
.nav{clear:both;}
.nav>ul>li{float:left;text-align:center;height:60px;line-height:60px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{padding:0px 39px;color:#fff;font-size:18px;display:block;}
.nav >ul>li.current >a,.nav >ul>li> a:hover{color:#eee;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #fff;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:22px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#000;font-size:15px;line-height:50px;} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#017fff;}

.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{display:none;position:absolute;top:60px;left:-2%;z-index:2;width:150px;background:url(images/menu-bg.png) repeat 0 0;filter:alpha(opacity=100);opacity:1;} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.nav ul li ul li ul li{display:none;}/*三级以后ul样式*/
}

@media (max-width:1000px) /*手机端*/
{
.header .logo img{height:60px;padding: 12px 0px 12px 5px;}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#333;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
}

/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;background:url(images/nav.jpg) repeat-x 0 top;}
.sub-nav-box .sub-nav-title{height:100px;text-align:left;background:url(images/nav-bg.png) no-repeat 92% 10px;padding-left:25px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box .sub-nav-title span{display:block;}
.sub-nav-box .sub-nav-title .s1{line-height:34px;font-size:24px;padding-top:21px;}
.sub-nav-box .sub-nav-title .s2{line-height:20px;font-size:10px;text-transform:Uppercase;}

.sub-nav-box .sub-nav-title .nav-toggle{width:50px;line-height:50px;cursor:pointer;color:#fff;text-align:center}
.sub-nav-box .sub-nav-title .nav-toggle.active{color:#5a342b}

.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.sub-nav-box .sub-nav li{float:left;width:100%;padding:0px;text-align:left;position:relative;background:#f3f3f3;}
.sub-nav-box .sub-nav li a{display:block;padding-left:30px;line-height:60px;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-top:1px #fff solid;border-bottom:0px #ececec solid;font-size:16px}
.sub-nav-box .sub-nav li a:hover{color:#1d7ad9;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:60px;line-height:60px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px;}

.sub-nav-box .sub-nav li.current > a{background:#005cba;color:#ffffff;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{color:#fff;transform:rotate(90deg)}

.sub-nav1{clear:both;text-align:left;margin-top:5px;margin-bottom:0px;width:100%;overflow:visible;}
.sub-nav1 li{float:left;width:auto;padding:0px;margin-right:40px;text-align:left;position:relative;}
.sub-nav1 li a{display:block;padding-left:0px;line-height:30px;color:#666;border-bottom:1px #fff solid;font-size:16px}
.sub-nav1 li a:hover{color:#1d7ad9;border-bottom:1px #1d7ad9 solid;}
.sub-nav1 li ul{display:none}
.sub-nav1 li ul li a{padding-left:55px;}
.sub-nav1 li ul li ul li a{padding-left:85px}

.sub-nav1 li.current > a{color:#1d7ad9;border-bottom:1px #1d7ad9 solid;}
.sub-nav1 li.active > ul{display:block}
.sub-nav1 li.active > .arrow{transform:rotate(90deg)}

@media (max-width:1000px) /*手机端*/
{
    .sub-nav-box {background:none;margin-top: 15px;}
    .sub-nav-box .sub-nav-title{height:50px;line-height:50px;text-align:left;font-size:18px;background:#1d7ad9;color: #fff;}
    .sub-nav-box .sub-nav-title span{clear: both;}
    .sub-nav-box .sub-nav-title .s1{display: none;}
    .sub-nav-box .sub-nav-title .s2{display: none;}

    .sub-nav-box .sub-nav{overflow-y:auto}
    .sub-nav-box .sub-nav li{float:left;width:100%;background:none;}
    .sub-nav-box .sub-nav li a{display:block;padding-left:25px;line-height:50px;border-top:0px #fff solid;border-bottom:1px #ececec solid;font-size:15px;}
.sub-nav {display:none}
.sub-nav.active{display:block}
.sub-nav.active{opacity:1;width:260px;max-width:60%;
    position: fixed;
    z-index: 100;
    top: 0px;
    right: 0px;height:100%;height:100vh;}
    .sub-nav-box .sub-nav li.current > a{background:none;color:#333;}
}

/*内容*/ 
.web_weizhi{clear:both;overflow:hidden;width:100%;text-align:left;height:40px;line-height:40px;font-size:14px;padding:0 0 0 0;background:#f3f3f3;}
.web_weizhi ul{}
.web_weizhi .current_location_2{display:block;text-align:left;width:auto;color:#0260aa;padding-left:40px;font-size:18px;background:url(images/w-t1.png) no-repeat 12px center;}
.web_weizhi ul li .current_location_2 span{display:block;text-align:left;font-weight:normal;font-size:18px;padding-left:40px;}
.web_weizhi ul .current_location_1{float:right;text-align:right;border-bottom:0px solid #e8e8e8;padding-left:32px;padding-right:20px;}
.info-content{font-size:16px;line-height:2.5;min-height: 300px;padding-top:20px;padding-bottom: 10px;}
@media (max-width:998px) /*手机端*/
{
    .web_weizhi{display:none}
}

/*首页_幻灯片+新闻*/
.sy_newslsh{clear:both;width:1200px;margin:0px auto;padding:0px;overflow:hidden;}
.sy_newslsh .sy_n_c1{float:left;width:660px;height:auto;padding:0px 0px;margin-right:30px;}
.sy_newslsh .sy_n_c1 .hdp{float:left;width:660px;border-right:#c5c5c5 0px solid;}

.sy_newslsh .sy_n_c2{float:right;width:510px;height:auto;padding:0px;}

@media (max-width:998px) /*手机端*/
{
.sy_newslsh{display: none;}
}

/*文章列表左边日期*/
.wzlb_zbrq_box{clear:both;overflow:hidden;}
.wzlb_zbrq_box li{overflow:hidden;margin:0px 0 20px 0;position:relative;}
.wzlb_zbrq_box .date{position:absolute;left:0px;top:0px;max-width:65px;height:80px;border:#e3e3e3 1px solid;text-align:center;font-family:Arial;padding:0px;width:100%;height: 100%;}
.wzlb_zbrq_box .date span{display:block;}
.wzlb_zbrq_box .date span.date1{line-height:30px;border-bottom:0px solid #333;color:#1d7ad9;font-size: 32px;font-weight:bold;margin:0 auto;padding-top:10px;}
.wzlb_zbrq_box .date span.date2{color:#999999;font-size:12px;}
.wzlb_zbrq_box .con{margin-left:80px;}
.wzlb_zbrq_box .con a.title{clear:both;display:block;font-size:16px;height:1.5em;line-height:1.5em;color:#000;text-decoration:none;margin:0px 0px 0px 0px;overflow:hidden;}
.wzlb_zbrq_box .con a.title:hover{color:#1d7ad9;}
.wzlb_zbrq_box .con div.introduct{color:#999;line-height:19px;min-height:41px;font-size:14px;}

.mored{clear:both;width:200px;height:40px;line-height:40px;font-size:18px;border-radius:20px;text-align:center;margin:0px auto;border:1px solid #0083b7;background:#0083b7;color:#FFF;display:block;transition:all 1.2s ease;overflow:hidden;}
.mored:hover{background:#FFF;color:#0083b7;}

@media (max-width:998px) /*手机端*/
{
.wzlb_zbrq_box li{margin:0px 0 10px 0;}
.wzlb_zbrq_box .con{margin-left:75px;}
}
/*新闻幻灯*/
.focus{width:660px;height:485px;overflow:hidden;position:relative;}
.focus ul{height:auto;position:absolute;}
.focus ul li{float:left;width:100%;height:485px;overflow:hidden;}
/*.focus ul li div{position:absolute;overflow:hidden;}*/
.focus ul li img{width:100%;height:405px;display: block;}

.focus .date{position:absolute;left:0px;top:0px;max-width:65px;height:80px;border:#e3e3e3 1px solid;text-align:center;font-family:Arial;padding:0px;width:100%;height: 100%;}
.focus .date span{display:block;}
.focus .date span.date1{line-height:30px;border-bottom:0px solid #333;color:#1d7ad9;font-size: 32px;font-weight:bold;margin:0 auto;padding-top:10px;}
.focus .date span.date2{color:#999999;font-size:12px;}
.focus .con{margin-left:80px;}
.focus .con a.title{clear:both;display:block;font-size:16px;height:1.5em;line-height:1.5em;color:#000;text-decoration:none;margin:0px 0px 0px 0px;overflow:hidden;}
.focus .con a.title:hover{color:#1d7ad9;}
.focus .con div.introduct{color:#999;line-height:19px;min-height:41px;font-size:14px;}

.focus .btns{position:absolute;width:100%;height:30px;padding:5px 10px;bottom:86px;text-align:center;}
.focus .btns span{display:inline-block;_display:inline;_zoom:1;width:10px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;border-radius:50%;background:url(images/fbtns.png) no-repeat 0 0;}
.focus .btns span.on{background:#0083b7;}
.focus .preNext{width:45px;height:100px;position:absolute;top:90px;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}

/*首页>>行业资讯选项卡*/
.sy_hyzx{overflow:hidden;}
.sy_hyzx .tabhead3{clear:both;text-align:center;width:100%;margin:0 auto;padding: 0px;margin-left: 10px;}
.sy_hyzx .tabhead3 dd{float:left;width:140px;font-size:20px;height:50px;line-height:50px;color:#1d7ad9;background:#fff;text-align:center;font-weight:normal;cursor:pointer;border:#d9d4d4 1px solid;border-right:#d9d4d4 0px solid;}
.sy_hyzx .tabhead3 dd a{color:#1d7ad9;}

.sy_hyzx .tabhead3 dd.current{background:#1d7ad9;border:#1d7ad9 1px solid;}
.sy_hyzx .tabhead3 dd.current a{color:#fff;}

.tabcontentstyle3{padding:20px 0 10px;margin:0px;text-align:left;font-size:14px;}
.tabcontentstyle3 li.item{clear:both;overflow:hidden;width:100%;border-bottom:0px solid #e5e5e5;padding:5px 0px 5px 0px;}
.tabcontentstyle3 li.item .title{padding-left:10px;background:url(images/arr.png) no-repeat left center;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tabcontentstyle3 li.item .date{float:right;}

/*首页-业务范围*/
.sy-ywfw {clear:both;width:100%;height:218px;margin:0px;background:url(images/ywfw.jpg) no-repeat top center;}
.sy-ywfw .title{line-height:66px;text-align:left;padding-left:0px;font-size:25px;}
.sy-ywfw .title span{clear: both;line-height:66px;padding-bottom:6px;}
.sy-ywfw .title .s1{font-size:25px;color:#fff;}
.sy-ywfw .title .s2{font-size:14px;color:#fff;text-transform:Uppercase;}
.sy-ywfw li{width:200px;height:120px;background:#fff;margin-top:0px;text-align: center;float: left;border-right:#dadada 1px solid;font-size: 16px;}
.sy-ywfw li img{margin-top:24px;width:54px;color:#1d7ad9;fill:url(#grid);}

/*首页>>关于我们*/
.sy-gywm {clear:both;width:100%;height:300px;margin:0px;background:#f9f9f9;}
.sy-gywm .p1{float:left;width:200px;line-height:300px;font-size:16px;text-align:center;background:url(images/ab-01.jpg) no-repeat center center;}
.sy-gywm .p2{float:left;width:630px;font-size:14px;margin-left:30px;margin-right:30px;}
.sy-gywm .p3{float:left;width:150px;margin-right:10px;line-height:300px;font-size:16px;text-align:center;background:url(images/ab-02.jpg) no-repeat center center;}
.sy-gywm .p4{float:right;width:150px;line-height:300px;font-size:16px;text-align:center;background:url(images/ab-03.jpg) no-repeat center center;}

/*首页-工程案例*/
.sy-images-list {margin:0 auto;}
.sy-images-list li{float:left;width: 20%;margin-bottom: 15px;padding:0 8px;}
.sy-images-list img{display:block;width:100%;height:auto;}
.sy-images-list .title{position:relative;margin-top:-40px;display:block;height:40px;line-height: 40px;color:#fff;padding-top: 0px;background:url(images/al-bg.png) repeat 0 0;}

/*首页-友情链接*/
.footlink { clear:both;margin:0px;padding-bottom: 35px;}
.footlink .title{float:left;line-height:36px;text-align:left;padding-left:0px;font-size:25px;margin-right: 10px;}
.footlink .title span{clear: both;line-height:36px;}
.footlink .title .s1{font-size:25px;}
.footlink .title .s2{font-size:14px;text-transform:Uppercase;}
.footlink .wp { display: block; justify-content: space-around; }
.footlink .link-list { float:left;margin-top: 0px; }
.footlink .link-list .item { width:98%;  }
.footlink .link-list .item .linksele { text-align: center; text-align-last: center; width:210px;margin:0 10px; height:36px;line-height:36x; outline: none; border:#ccc 1px solid;border-radius:2px;}
.footlink .link-list .item .linksele option { text-align: center; text-align-last: center;}

/*首页>>产品展示*/
.product-module-box{background:url(images/prodBg.jpg) no-repeat 0 0;background-size:cover;}


/*首页>>我们的优势*/
.advantages-list{clear:both;overflow:hidden;margin:15px auto;line-height:2}
.column>li{padding:0px 10px;}
.column p img{display:block;width:100%;max-width:220px;height:auto;margin:0px auto;}
.column p span{display:block;line-height:35px;margin:10px 0px 15px 0px;color:#4d4d4d;}
.column p{color:#4d4d4d;}
.advantages-list .last{margin-right:0px;}


/*首页>>案例*/
.case-list .item{float:left;position:relative;padding-left:0px;padding-right:0px}
.case-list .item a{display:block;width:100%;overflow:hidden;}
.case-list .item a img{clear:both;overflow:hidden;display:block;width:100%;height:auto;text-align:center;transition:all 0.5s ease;}
.case-list .item a:hover img{transform:scale(1.3);transition:all 0.5s ease;}
.case-list .item a .tit{position:absolute;top:38%;left:0px;z-index:2;line-height:30px;color:#ffffff;font-size:16px;text-align:center;display:block;width:100%;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;padding:0px 5px;}
.case-list .item a:hover .tit{opacity:1;filter:alpha(opacity=100);top:40%;}
.case-list .item a .cover-bg{position:absolute;top:0px;left:0px;z-index:1;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;}
.case-list .item a:hover .cover-bg{opacity:0.6;filter:alpha(opacity=60);}


/*图片列表*/
.images-list {min-height: 500px;}
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;}
.images-list .row .item a:hover img{transform:scale(1.3,1.3);transition: all 0.3s ease-out 0s;}


/*新闻资讯-首页、子栏目公用*/
.news-list{clear:both;overflow:hidden;}
.news-list li.tw{clear:both;overflow:hidden;display:block;width:100%;margin:0px 0px 15px 0px;text-align:left;}
.news-list li.tw .pic{float:left;width:160px;height:105px;overflow:hidden;margin-right:10px;}
.news-list li.tw .pic img{width:100%;height:100%;display:block;}
.news-list li.tw .content{display:inline;}
.news-list li.tw .content a{display:block;line-height:30px;font-size:16px;}
.news-list li.tw .content span{color:#808080;height:75px;line-height:25px;} 

.news-list li.item{clear:both;overflow:hidden;width:100%;border-bottom:0px solid #e5e5e5;padding:5px 0px 5px 0px;}
.news-list li.item .title{padding-left:10px;background:url(images/arr.png) no-repeat left center;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list li.item .date{float:right;}

/*新闻资讯-子栏目图文*/
.tw_article{clear:both;margin:15px 0px 0px 0px;}
.tw_article li{text-align:left;border:1px solid #f3f3f3;border-width:0 0 1px 0;padding:0px 0px 15px 0px;margin:0 0px 15px 0px;overflow:hidden;} /*置顶通用样式*/
.tw_article .pic{float:left;margin:5px 20px 5px 0;border:0px solid #dddddd;display:inline;line-height:0px;width:210px;height:140px;}
.tw_article .pic img{width:100%;height:100%;border:1px solid #eaeaea;}
.tw_article .title{text-align:left;line-height:38px;}
.tw_article .title a{padding-left:0px;font-size:18px;}
.tw_article .date{float:right;font-size:14px;line-height:38px;padding-right:2px;}
.tw_article .introduct{padding:0px 0px 0px 0px;line-height:25px;color:#8d8c8c;font-size:14px;}
.tw_article .more{float:right;text-align:center;color:#025fa9;background:#e8e8e8;width:90px;height:25px;line-height:25px;margin-top:7px;cursor:pointer;}
.tw_article .more:hover{background:#025fa9;color:#fff;}

@media (max-width:998px) /*手机端*/
{
    .tw_article{clear:both;margin:10px 0px 0px 0px;}
    .tw_article li{text-align:left;border:1px solid #f3f3f3;border-width:0 0 1px 0;padding:0px 0px 10px 0px;margin:0 0px 10px 0px;overflow:hidden;} /*置顶通用样式*/
    .tw_article .pic{float:left;margin:5px 10px 5px 0;width:120px;height:90px;}
    .tw_article .title{text-align:left;line-height:22px;}
    .tw_article .title a{padding-left:0px;font-size:16px;}
    .tw_article .introduct{padding:0px 0px 0px 0px;line-height:20px;color:#8d8c8c;font-size:12px;}


    .news-list li.item{clear:both;width:100%;border-bottom:1px solid #e5e5e5;padding:8px 0px 7px 0px;font-size:14px;overflow:hidden;}
    .news-list li.item .title{float:left;display:block;padding-left:6px;background:url(images/arr.jpg) no-repeat left center;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .news-list li.item .date{float:right;}
}

.news{margin:0px auto;min-height: 500px;}
.news .new{width:100%;margin:0px;padding-top:25px;border-bottom:1px dashed #eee;overflow:hidden;position:relative}
.news .new .time{float:left;width:140px;text-align:center;color:#acacac;font-weight:700}
.news .new .time .day{display:block;height:64px;font-size:52px;line-height:64px}
.news .new .time .year{display:block;line-height:30px;height:30px;font-size:14px}
.news .new .pic{float:left;width:280px;height:172px;overflow:hidden;margin-bottom:25px}
.news .new .details{float:left;width:635px;margin-left:30px;margin-bottom:20px}
.news .new .details .title{font-size:18px;font-weight:300;line-height:30px;color:#333;}
.news .new .details .description{font-size:14px;margin-top:8px;line-height:25px;color:#838383;overflow:hidden;display:block}
.news .new .details .hit,.news .new .details .more{display:block;color:#6b6b6b;float:right;font-size:12px;line-height:28px}
.news .new .more{float:right;text-align:center;width:50px;
    height: 50px;
    margin-top: 56px;
    margin-right:30px;
    border: none;
    text-indent: -9999px;
    background: url(Images/more.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    border-radius:50%;
    transition:all 0.2s linear;}
.news .new:hover .more{background-position:left -50px;background-size: cover;}

.news .new:hover,.news .new:hover .time,.news .new:hover .details .title{background:#f5f5f5;color: #1d7ad9;}
.news .new:hover .pic img{transform:scale(1.1,1.1);transition: all 1s ease-out 0s;}


.news1{margin:0px auto;min-height: 500px;}
.news1 .new{width:100%;margin-top:10px;padding-top:20px;padding-left:20px;background:#f5f5f5;border-bottom:0px dashed #eee;overflow:hidden;position:relative}
.news1 .new .details .time{text-align:right;color:#666;padding-right: 6px;margin-top: 5px;}
.news1 .new .time .day{display:block;height:64px;font-size:52px;line-height:64px}
.news1 .new .time .year{display:block;line-height:30px;height:30px;font-size:14px}
.news1 .new .pic{float:left;width:240px;height:147px;overflow:hidden;margin-bottom:20px}
.news1 .new .pic img{width:100%;height:100%;}
.news1 .new .details{float:left;width:490px;margin-left:20px;margin-bottom:18px}
.news1 .new .details .title{font-size:18px;font-weight:300;line-height:28px;color:#333;}
.news1 .new .details .description{font-size:14px;margin-top:6px;line-height:25px;color:#838383;overflow:hidden;display:block}
.news1 .new .details .hit,.news1 .new .details .more{display:block;color:#6b6b6b;float:right;font-size:12px;line-height:28px}
.news1 .new .more{float:right;text-align:center;width:50px;
    height: 50px;
    margin-top: 45px;
    margin-right:25px;
    border: none;
    text-indent: -9999px;
    background: url(Images/more.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    border-radius:50%;
    transition:all 0.2s linear;}
.news1 .new:hover .more{background-position:left -50px;background-size: cover;}

.news1 .new:hover,.news1 .new:hover .time,.news1 .new:hover .details .title{background:#f5f5f5;color: #1d7ad9;}
.news1 .new:hover .pic img{transform:scale(1.1,1.1);transition: all 1s ease-out 0s;}



/*首页-加盟优势*/

.jmys-box a{display:block;height:100%;position:relative;}
.jmys-box  .pptyg{clear:both;overflow:hidden;padding:10px 0px;}
.jmys-box  .pptyg span{float:left;line-height:40px;color:#4d4d4d;font-weight:600;font-size:16px;}

.jmys-box  .yc_box{clear:both;overflow:hidden;position:absolute;top:0px;left:0px;z-index:2;padding:0px 10%;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;}
.jmys-box  a:hover .yc_box{opacity:1;filter:alpha(opacity=100);}
.jmys-box  .yc_box span{display:block;text-align:center;color:white;}
.jmys-box  .yc_box .yc_title{line-height:45px;font-size:25px;margin-top:90px;transition:all 0.5s ease;}
.jmys-box  a:hover .yc_title{margin-top:70px;}
.jmys-box  .yc_box .yc_con{line-height:20px;padding:10px 0px;margin-top:-30px;transition:all 0.5s ease;text-align:center;}
.jmys-box  a:hover .yc_con{margin-top:0px;}
.jmys-box  .yc_box .yc_cksq{line-height:33px;width:94px;height:33px;border:1px #fff solid;margin:0px auto;}
.jmys-box  .xs_title{position:absolute;bottom:10%;left:10%;z-index:2;font-size:20px;color:white;line-height:35px;border-bottom:1px #fff solid;padding:0px 10px 0px 0px;opacity:1;filter:alpha(opacity=100);}
.jmys-box  a:hover .xs_title{opacity:0;filter:alpha(opacity=0);}
.jmys-box  .yc_bg{position:absolute;top:0px;left:0px;z-index:1;width:100%;height:100%;background:#5a342b;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;}
.jmys-box  a:hover .yc_bg{opacity:0.8;filter:alpha(opacity=80);}
@media only screen and (max-width:768px) 
{
   .jmys-box a:hover .yc_box{opacity:0;filter:alpha(opacity=0);}
   .jmys-box a:hover .xs_title{opacity:1;filter:alpha(opacity=100);}
   .jmys-box a:hover .yc_bg{opacity:0;filter:alpha(opacity=0);}
}

/*产品内容页样式*/
.product-content .detail .title{clear: both;text-align: left;overflow: hidden;background: #ad7669;line-height: 40px;color: rgb(255,255,255);font-weight: 600;padding-left:15px;font-size: 16px;}


/*在线留言表单*/
.ui-validForm{padding-top:30px;}
.form-group::before,.form-group::after{content:"";display:table} 
.form-group::after{clear:both} 
.form-group{position:relative;padding:10px 0px;}
.form-group .control-label{position:absolute;left:0px;top:10px;}
.form-group .controls{padding-left:100px;}
.form-group .form-control{border:1px solid #eeeeee;height:32px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:burlywood}
.form-group textarea.form-control{height:300px}
.form-group .help-block{display:block}
.btn{border:1px solid #1d7ad9;color:#fff;height:35px;width:120px;background:#1d7ad9;transition:all .5s ease-in-out}
.btn:hover{background:#2a92fb;border:1px solid #2a92fb;}
.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:30px;}

/*底部*/
footer {width:100%;margin-top:0px;padding-top: 10px;line-height:2;color: #fff;background: url(images/f-bg.jpg) no-repeat left top}
footer a{color: #fff;}
footer .tel-icon {
            background: url(images/bt_phone.png) no-repeat left bottom;
            width: 38px;
            height: 46px;
            margin: 10px auto 0;
        }
footer .footer-nav {
            padding:15px 0;
        }

footer .footer-nav h4 {
                color: #FFF;
                line-height: 3rem;
                font-size: 18px;
            font-weight: normal;
            }
footer .footer-nav a:hover {
                color: #fff
            }

footer .footer-tel .font {
            color: #FFF;
            font-size: 18px;
            font-weight: normal;
        }

 footer .footer-tel .aniview {
            color: #fff
        }

footer .weixin {
            color: #fff;margin-top: 10px;
        }

footer .copyright {
            color:#fff;
            width: 100%;
            border-top: 1px solid #fff;
            padding: 12px 0px;
        }
footer .copyright a:hover{
            color:#fff;
            border-bottom: 2px solid #fff;
        }
footer .copyright a:focus{color:#fff;}
footer .ewm {
            margin: 10px auto 0px;
        }
        
@media (max-width:998px) /*手机端*/
{
    footer {width:100%;margin-top:0px;padding-top: 12px;font-size:12px;line-height:1.5;color: #fff;background: url(images/sj-fbg.jpg) no-repeat center top}
    footer .copyright {padding: 10px 0px 10px 0px}
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background: url(Images/ui.totop.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    z-index:190;
    border-radius:50%;
    transition:all 0.2s linear;
}
    #toTop:hover {
        background-position:left -50px;
        background-size: cover;
    }

/*手机图标*/
.ml ul{clear:both;overflow:hidden;background:#fff;padding:15px 10px;display:block;}
.ml li{float:left;width:22.5%;border:0px #31997c solid;margin:10px 0% 5px 2%;border-radius:5px;}
.ml li span{width:100%;text-align:center;display:inline-block;font-size:14px;color:#000;line-height:1.5em;}
.ml li .t1{width:60px;height:60px;margin:0px auto;border:0px #222 solid;padding:0px;overflow:hidden;border-radius:30px;}
.ml li .t1 img{border:0px solid #E1E1E1;padding-top:0px;width:100%;height:100%;text-align:center;}

/*通知公告滚动*/

.index-msclass{position:relative;z-index: 1;top:0px ;margin-bottom:0px;height:60px;background:#1d7ad9;}
.index-msclass .title {float:left;font-size:16px;text-align:center;color:#fff;width:10%;line-height:60px;}
.index-msclass .con { overflow: hidden; padding-left: 0px;padding-right: 0px;  float:right; color:#fff;width:90%;line-height:60px;height:60px;}
.index-msclass .con>div{display:block;height:60px;margin-top:0px;width:100%;font-size: 16px;}
.index-msclass .con>div a:hover{color: #fff;}

/*手机版首页选项卡*/
.tabBox .hd{ height:40px; line-height:40px; width:100%;margin:0 0px; font-size:16px;  position:relative; }
.tabBox .hd ul{ position:absolute;width:100%; height:40px; top:0;padding:0 10px;}
.tabBox .hd ul li{ float:left; padding:0px;width: 25%;text-align: center;color:#1d7ad9;border:#d9d4d4 1px solid;border-right:#d9d4d4 0px solid;}
.tabBox .hd ul .on{ background:#1d7ad9;border:#1d7ad9 1px solid; color:#fff;   }
.tabBox .bd ul{ padding:10px 10px 10px 10px;  }
.tabBox .bd li{ height:30px; line-height:30px; overflow:hidden;}

.tabBox .bd li .title{float:left;padding-left:10px;background:url(images/arr.png) no-repeat left 12px;width:80%;}
.tabBox .bd li .date{text-align: right;float:right;width:20%;}

/*首页-手机业务范围*/
.sj-ywfw {clear:both;width:100%;margin-top:20px;padding-bottom:0px;background:url(images/yw1.jpg) no-repeat top center;}
.sj-ywfw .title{line-height:50px;text-align:left;padding-left:15px;font-size:20px;}
.sj-ywfw .title span{clear: both;line-height:50px;}
.sj-ywfw .title .s1{font-size:20px;color:#fff;}
.sj-ywfw .title .s2{font-size:12px;color:#fff;text-transform:Uppercase;}
.sj-ywfw ul{padding:0 15px;}
.sj-ywfw li{width:33.33%;background:#fff;margin-top:0px;padding-bottom:15px;text-align: center;float: left;border-right:#dadada 1px solid;font-size: 14px;}
.sj-ywfw li img{margin-top:20px;width: 40px;}

/*首页>>手机关于我们*/
.sj-gywm {clear:both;width:100%;margin:0px;}
.sj-gywm .p1{float:left;padding-left:10px;width: 30%;}
.sj-gywm .p2{float:right;font-size:14px;padding-left:10px;margin-right:0px;width: 70%;}
.sj-gywm .p3{float:left;padding-left:10px;padding-right:5px;width: 50%;}
.sj-gywm .p4{float:right;padding-right:10px;padding-left:5px;width: 50%;}

/*首页-手机工程案例*/
.tlb{clear:both;overflow:hidden;padding:0px 0;display:block;}
.tlb li{float:left;width:50%;text-align:center;margin-top:0px;}
.tlb li .picbox{display:block;max-width:95%;overflow:hidden;margin:0px auto;border:0px #ddd solid;line-height:0px;height:110px;}
.tlb li .picbox img{max-width:100%;height:100%;vertical-align:middle;margin-bottom:5px;max-height:120px;border-radius:5px;}
.tlb li .titbox{display:block;line-height:2.5em;height:2.5em;font-size:14px;overflow:hidden}



