/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; }
body{ background-color:#FFFFFF;font: 12px "Microsoft Yahei";}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}

q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}

.wid1400{ max-width: 1400px; margin: 0 auto;}
.zt{width:100%; float:left;}




/*top*/
.top{border-bottom: 1px solid #e5e9f4;background: #fff;position:fixed;width:100%;z-index: 9999999999; display:none;}
.topbox{width:73%;margin:0px auto;color: #3e3e3e;height: 40px;line-height: 40px;font-size: 14px;}
.topbox_l{ float:left; width:40%;}
.topbox_l ul{margin-top: 12px;float: left;}
.topbox_l ul li{ float: left; padding: 0 6px; height: 16px; border-right: 1px solid #e5e9f4; color: #666; }
.topbox_l ul li a{color: #3e3e3e;line-height: 24px;display: block;padding: 0 10px;margin-top: -4px;margin-left: 0px;}
.topbox_l ul li a:hover{color:#1e7ddd;}
.topbox_l ul li a.ant{color: #fff;  background-color: #ff6600; border-radius: 2px;}
.topbox1p{ margin:0px 30px 0px 26px;}
.topbox1p a{ color:#3687d9;}
.topbox2p{ margin-right:15px; }
.topbox3p{ margin-right:15px;}
.topbox_l p{ float:left;}
.topbox_l a{color: #3687d9;margin-left:5px;font-weight: bold;}
.topbox_l label{ float:left; margin-right:5px;}
.topbox_r{ float:right; width:610px; overflow:hidden;}
.bdsharebuttonbox{ float:left; margin:4px 15px 0px 15px;}
.mod-service{ float:left; margin:0px 12px;}
.mod-service ul{margin-top: 12px;float: left;}
.mod-service ul li{ float: left; padding: 0 6px; height: 16px; border-right: 1px solid #e5e9f4; color: #666; }
.mod-service ul li a{color: #5d5d5d;line-height: 24px;display: block;padding: 0 10px;margin-top: -4px;margin-left: 0px;}
.mod-service ul li a.ant{color: #fff;  background-color: #ff6600; border-radius: 2px;}
.mod-service span {margin: 0px 5px;}
.mod-service a {color: #808080;}
.mod-service a:hover{ color:#1e7ddd;}
.wx{ float:left; margin-left:15px; }
.wx a{color:#1e7ddd;}
.wx span{margin: 0px 5px;cursor: pointer;}
.wx_l{ background:url(http://www.app17.com/images/weixin.png) no-repeat left center; display:block; float:left;text-indent: 24px;}
.wx_r{background:url(http://www.app17.com/images/moblie_yellow.gif) no-repeat left center; display:block; float:right;text-indent: 14px;}
.wxbox{z-index: 99999;position: absolute;background: #FFF none repeat scroll 0% 0%;border: 1px solid #CBCBCB;top:40px; display:none;}
.add1, .add2{width: 130px;position: absolute;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);  text-align: center; padding: 25px 25px 20px 25px;}
.add1 img, .add2 img{width: 100%;height: 100%;}
.add1 b, .add2 b{display: block;font-size: 14px;padding:18px 0 8px 0;line-height: 24px;}
.add1 p, .add2 p{color: #999;line-height: 12px;}
 .m_jiao{ z-index: 100;width: 13px;  height: 8px;  position: absolute;left:45px;  top: -8px;background: transparent url("http://www.app17.com/images/bg_top_ewm.gif") no-repeat scroll 0px 0px;background-position: -232px -128px;margin: 0px auto;}
.m_jiao1{ z-index: 100;width: 13px;  height: 8px;  position: absolute;left:108px;  top: -8px;background: transparent url("http://www.app17.com/images/bg_top_ewm.gif") no-repeat scroll 0px 0px;background-position: -232px -128px;margin: 0px auto;}
/*top*/



/*star banner*/
#full-screen-slider { width:100%;  max-height:100%; float:left;display:block; margin-top:0px;}
#full-screen-slider img{max-height:100%; max-width:100%;}
/*end banner*/
#full-screen-slider_1{display:none;}




/*产品*/

.product{ background:#fff; padding:70px 0 ;}
.product_title{width:100%; float:left; text-align: center;}

.product_title span{font-size:40px; color:#333; width:100%; float:left;font-family:Bahnschrift; text-transform:uppercase;}
.product_title i{font-style:normal; color:#999999; font-size:16px; margin-top:5px; width:100%; float:left;text-transform: uppercase;}
.product_title p{font-size:14px; color:#666666; width:100%; float:left; margin-top:10px;}


	.picScroll-left{ width:100%; float:left;  overflow:hidden; position:relative; margin-top:40px; padding-bottom:30px;   }
		.picScroll-left .hd{ overflow:hidden; float:left;  height:30px; position:absolute; bottom:0; left:50%; margin-left:-45px;   }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat; }
		.picScroll-left .hd .next{ background-position:0 -50px;   }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ width:100%; float:left;   }
		.picScroll-left .bd ul{ width:100%; float:left; overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ width:25%;  float:left; _display:inline; overflow:hidden; text-align:center; }
		.picScroll-left .bd ul li .pic{ text-align:center; width:100%; float:left; padding:3%; box-sizing:border-box; }
		.picScroll-left .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }



/*搜素*/
.search{clear: both;overflow: hidden; width:100%; }
.search p.btb6{float: left; font-size: 28px;color: #ff8721;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #ff8721; }
.searchbg{  width:700px;height:40px;overflow:hidden; float:right; margin-top: 30px; }
.search_txt .text{width:474px;height:40px;line-height:40px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px;line-height:40px; width:100px; background:#ff8721;color:#fff; cursor:pointer;font-size:14px; border: none; }
.search_txt {  float:left;width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}
.search .myp{line-height: 40px;width: 100px;background: #f60;display: block;float: right;text-align: center; color: #fff; font-size: 14px;}


/*领域*/

.ly{width:100%; float:left; background:url(../images/bj_2.jpg); padding:70px 30px; margin-top:80px; margin-bottom:80px;}
.ly_2{width:100%; float:left; margin-top:30px;}
.ly_2 ul li{width:20%; float:left; padding:2%; box-sizing:border-box;}

.ly_2 ul li dt{width:100%; float:left; border:1px solid #fff; border-radius:10px; padding:20px; box-sizing:border-box; text-align:center;}
.ly_2 ul li dt img{max-height:100%; max-width:100%;}
.ly_2 ul li dt p{ width:100%; font-size:20px; color:#fff; padding-top:10px;}
.ly_2 ul li dt span{ width:100%; font-size:14px; color:#d7e5c5;  float:left;}
.ly_2 ul li dt:hover{box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);transition:all 0.1s;}


/*关于我们*/
.about{width:100%; float:left; background: url(../images/bj_3.jpg) no-repeat center; padding:80px 0 80px 0;    background-position: center center;
    background-attachment: fixed;}
.about_left{width:50%; float:left; }
.about_left dt{width:100%; float:left; height:550px;}
.about_left dt img{width:100%; height:100%;object-fit: cover;}
.about_right{width:50%; float:right; margin-top:50px;}
.about_right i{width:210px; height:50px; float:left; background:#fff; font-size:16px; color:#333; line-height:50px; text-align:center; font-style:normal;margin-top:25px;}
.about_right i:hover{ background:#ff8721; color:#fff;transition:all 0.5s;}



/*新闻*/

.news{ padding:70px 0 70px 0;}
.news_list{width:100%; float:left; margin-top:30px;}
.news_list ul li{width:20%; float:left; padding:1.3%; box-sizing:border-box;}
.news_list ul li dt{width:100%; float: left; border-radius:10px; text-align:center; background:#f2f2f2; padding:30px 10px; box-sizing:border-box; }
.news_list ul li dt span{width:100%; font-size:14px; color:#333333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:20px; line-height:25px; }
.news_list ul li dt img{max-height:100%; max-width:100%;}
.news_list ul li dt p{font-size:14px; color:#fff; background:#ff8721; width:50%; margin:auto; line-height:30px; margin-top:20px;}
.news_list ul li dt span:hover{color:#ff8721;}
.news_list ul li dt:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition:all 0.2s;}



/*文章*/


.article{ padding:70px 0 70px 0;}

.article_nr{width:100%; float:left; background:#f5f5f5; padding:1%; box-sizing:border-box; margin-bottom:20px; margin-top:60px;}
.article_nr .js_1{width:25%; float:left;}
.article_nr .js_1 img{max-height:100%; max-width:100%;}
.article_nr .js_2{width:73%; float:left; padding:1% 2%; box-sizing:border-box;}
.article_nr .js_2 p{ width:100%;float:left; font-size:22px; color:#333; margin-top:10px;    text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.article_nr .js_2 span{width:100%; float:left; font-size:16px; color:#858585; line-height:30px; margin-top:20px; margin-bottom:30px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;}
.article_nr .js_2 i{float: left; font-size:16px; color:#858585;font-style:normal }
.article_nr .js_2 div{float:right; font-size:14px; color:#858585; padding:10px 40px; background:#fff; border-radius:50px;}

.article_nr .js_2 p:hover{color:#ff8721;}
.article_nr .js_2 div:hover{color:#fff; background:#ff8721;transition:all 0.5s;}
.article_list{width:100%; float:left;}
.article_list ul li{width:48%; float:left; border-bottom:1px dashed #e4e4e4; margin-right:2%; padding:15px 0; }
.article_list ul li p{font-size:16px; color:#333; display:inline;text-overflow:ellipsis ;white-space:nowrap; overflow: hidden; width:75%; float:left;}
.article_list ul li  span{font-size:14px; color:#858585; text-align:right; float:right;}
.article_list ul li p:hover{color:#ff8721;}










/*底部*/



.footer{ background:#222; overflow:hidden; width:100%; float:left;padding: 50px 0 0px 0;}

.footer.fin .wrap{ max-width:1410px;}
.footer .ftel{ float:left; border-left:1px solid #343434; padding-left:30px;}
.footer .ftel .p1{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer .ftel .line{width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer .ftel .p2{ color:#888; }
.footer .ftel h2{ font-weight:normal; font-size:30px; color:#fff; font-weight:bold; font-family:'HelveticaNeueLTCom-LtEx';}
.footer .ftel .p3{ margin-left:117px; color:#666;}
.footer .ftel .share{ margin-top:34px;}
.footer .ftel .share a{ width:36px; height:36px; border-radius:50%; float:left; margin-right:12px; position:relative;}
.footer .ftel .share a.a2{ background-position:-49px 0;}
.footer .ftel .share a.a3{ background-position:-98px 0;}
.footer .ftel .share a.a4{ background-position:-149px 0;}
.footer .ftel .share a.a5{ background-position:-199px 0;}
.footer .ewm{ float:right; width:133px; text-align:center;}
.footer .ewm .p1{ width:133px; height:133px;  overflow:hidden;}
.footer .ewm .p1 img{ display:block; margin:0 auto; width:120px; height:120px; margin-top:6px;}
.footer .ewm .p2 { color:#666; padding-top:10px;}
.footer .ftel .share a img{ position:absolute; width:150px; height:150px; left:-50px; top:-160px; max-width:180px; border:1px solid #eee; background:#fff; position:absolute; transform:scale(0); opacity:0; transform-origin:center top; transition:all 0.5s ease; box-shadow:#333 0 0 10px;}
.footer .ftel .share a:hover img{ transform:scale(1); opacity:1;}
 .fl{ width:60%; float:left;}
 .fr{ width:40%; float:left;}
.footer dl{ float:left; width:22%;}
.footer dl dt a{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer dl dt:after{ width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer dl dd a{ font-size:12px; display:block; line-height:40px; color:#666;}
.footer dl dd a:hover{ color:#ff8721;}
.footer dl.dl2{ width:45%; padding-right:10%;}
.footer dl.dl2 dd{ float:left; width:33.333333%;}
.footer .copyright{ border-top:1px solid #343434; padding:20px 0; overflow:hidden; margin-top:65px; font-size:12px; color:#5d5d5d; line-height:25px; width:100%; float:left;} 







@media screen and (max-width:1250px){




}




@media only screen and (max-width: 1024px){
	.nav-head .nav .nav-list{ display:none !important; }
.nav-head{height: 50px;line-height: 50px;position: fixed; width: 100%; z-index: 9999;}
.nav-head .nav .nav-logo .navbar-brand{height: 50px; margin-left: 0px;padding-top: 0px;padding-bottom: 0px;}
.nav-head .nav .nav-logo .navbar-brand img{max-height: 50px; width: inherit;}
.nav-head .nav .nav-logo{float: inherit;}
 
.mobile_btn{ display:block; position:absolute; z-index:100; right:10px; top:50%; margin-top:-25px;  width:50px; height:50px;  text-align:center; background:url(../images/artmenutoggle.png) no-repeat 0 center; transition: all 0.5s;-webkit-transition: all 0.5s;cursor:pointer;}
.navBox{position:fixed !important; width:100%; left:0; top:50px !important; bottom:0; display:none; background:#fff; margin:0;border-top: 1px solid #ffffff; }
.mobile_btn.open{ background-position:-50px 0;}
.mobile_btn.open + .navBox{}
.nav{ display:block;overflow:auto; height:100%; text-align:center;}
.nav li{ float:none; margin:0; border-bottom:1px solid rgba(0,0,0,0.1); width:100%;}
.nav > li > a, .nav > li > .parent > a{ line-height:2.8; text-align:center; color:#333;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;font-size: 14px;}
.nav > li > a::after, .nav > li > .parent > a::after{ display:none;}
.nav .parent{ position:relative;}
.nav > li > .parent > a{ display:inline-block;}
.nav .icon_control{ position:absolute; display:block; z-index:99; top:13px; right:20px; width:16px; height:11px; background:url(../images/icon8.png) no-repeat center; }
.nav li .parent.open .icon_control{ background-image:url(../images/icon9.png);}
.nav li:hover .parent .icon_control,.nav li.act .parent .icon_control{ background-image:url(../images/icon10.png);}
.nav li:hover .parent.open .icon_control,.nav li.act .parent.open .icon_control{ background-image:url(../images/icon7.png);}
.nav li:hover > a,.nav li.act > a,.nav li:hover .parent,.nav li.act .parent,.nav li:hover .parent a,.nav li.act .parent a{ background:#1b9ab7; color:#fff; }
.nav li.active{background: #1b9ab7;color: #fff;}
.nav li.active .parent a{ color: #fff;}
.nav li.active .icon_control{background: url(../images/icon10.png) no-repeat center;}
.subNav{position:relative !important; top:0;  width:100%; left:0; margin-left:0; display:none;  background:#F3F3F3;}
.subNav_n ul{ padding:0;}
.subNav_n  li a{ line-height:2.8; padding-left:0; font-size:13px;}
.subNav_n  li a::after{ display:none;}
.subNav .subNav_in{ padding:0;}
.subNav .subNav_in > ul{ margin:0;}
.subNav li .subimg{ display:none;}
.subNav .subNav_in > ul > li{ float:none; width:100%;}
.subNav li .item{ margin:0;}
.subNav h3{ font-weight:normal; font-size:13px;line-height:2.8; margin-bottom:0; border-bottom:0; position:relative;}
.subNav h3 .icon_control{ position:absolute; display:block; z-index:99; top:13px; right:20px; width:16px; height:11px; background:none;/*url(../images/icon8.png) no-repeat center*/ }
.subNav h3.open .icon_control{ background-image:url(../images/icon9.png);}
.subNav h3:hover{ background:#1b9ab7; color:#fff;}
.subNav h3:hover a{color:#fff;}
.subNav h3:hover .icon_control{background-image:none;/*url(../images/icon10.png)*/}
.subNav h3.open:hover .icon_control{ background-image:none;/*url(../images/icon7.png)*/}
.subNav2{ display:none; background:#e9e9e9;}
.subNav2 li{ padding-left:0;}
.subNav2 li::after{ display:none;}
.subNav2 li a{ line-height:2.5;display: block;}
.subNav_n li a:hover,.subNav2 li a:hover{ text-decoration:none;}
.lisear{border-bottom:none !important;}
.search1{width: 90%;overflow:hidden;z-index:99;padding-top:20px;height:40px;line-height:40px; margin:0 auto;}
.search1 .ss_input{width: 80%;border:none;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#ccc;float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;background:#f2f2f2;outline:none;}
.search1 .ss_an{width: 52px;height:40px;float:left;border:none;cursor:pointer;background: #1773c6 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}
.mobh65{ height:50px; clear:both;}

.topbox_l{width:100%;}
.topbox_l ul{width:100%;}
.topbox_l ul li{ margin-top:10px; height:30px; padding:0;}
.topbox_l ul li a{margin-top:-10px; line-height:40px;}
.mod-service{width:100%; margin:0px; float:left;}
.mod-service ul{width:100%; float:left; margin-top:0;}
.mod-service ul li{ padding:0px; line-height:35px; float:left; height:35px;}
.mod-service ul li a{line-height: 40px;    margin-top:0px;}
.mod-service ul li a.ant{background:#ff0000;}
.wx{width:100%; margin-left:0px;}
.wx a{font-size:14px;}
.wx span{    margin: 3% 10% 10% 10%;}

.company{margin-top:70px;}
.company_1{max-width:95%;}
.company_nr{display: none;}
.essay_right{display: none;}
.essay_list{width:100%; box-sizing:border-box;}
ul.footImg{display: none;}
.footLeft{width:100%;}
.copyright1{margin:0;}
ul.footqq{display: none;}
.footRight{width:100%; text-align:center;}
.m_jiao{display:none;}
.wxbox{top:0;}
.m_jiao1{display:none;}
.add2{right:0;}
#full-screen-slider{display:none;}
#full-screen-slider_1 { width:100%;  max-height:100%; float:left;display:block; }
#full-screen-slider_1 img{max-height:100%; max-width:100%;}
/*end banner*/
.product_title span{font-size:30px}
.picScroll-left .bd ul li{width:50%;}

.ly{ padding:40px 0; margin-top:0px; margin-bottom:50px;}
.ly_2 ul li{width:50%;}

.about{padding:30px 10px 60px 10px; box-sizing:border-box;}
.about_left{display:none;}
.about_right{width:100%;box-sizing:border-box; margin-top:20px;}
.about_right_1 p{padding-left:0px;}
.about_right_1 dt{    margin: 30px 0 30px 0px;}
.about_right_1 span{    padding-left: 0px;}
.about_right_1 i{margin-left: 0px;}

.about_nr2{padding:25px 10px;}

.product{background:#fff; padding:30px 0;}
.product_list{ padding-bottom:0;}
.product_list ul li{width:48%; text-align:center;}
.search{display:none;}
.advantage_list ul li{width:50%; height:270px;}
.slideTxtBox{margin-top:30px;}
.slideTxtBox .hd{width:100%;}
.slideTxtBox .bd ul{width:100%;}
.advantage{ padding-top:40px; padding-bottom:50px;background: url(../images/bj_1.jpg);}
.slideTxtBox .hd ul li{width:25%; padding:18px 0; height:140px;}
.slideTxtBox .hd ul li p{    width: 40px;    height: 40px;line-height: 40px;}
.slideTxtBox .hd ul li span{font-size:18px; margin-top:10px;}
.slideTxtBox .bd li span{padding: 10px 10px;}
.picMarquee-left_1 .bd ul li{ width:50%;}
.picMarquee-left_1 .hd{ margin-top:10px;}

.news{padding:30px 0;}
.news_list ul li{width:100%;padding: 3% 6%;}
.article_nr{ margin-top:40px; padding-bottom:22px; margin-bottom:0px;}
.article_nr .js_1{width:100%; text-align:center; margin-top:10px;}
.article_nr .js_2{width:100%;}
.article_nr .js_2 p{ font-size:17px; }
.article_nr .js_2 span{font-size:15px; margin-top:10px; margin-bottom:10px;}
.article_list ul li{width:100%; padding:15px;}

.m-center_1{font-size:30px !important;}


.article{padding:30px 0;}
.article_left{width:100%; border:none; margin-top:20px;}
.article_right{width:100%;}
.contant_line_box ul li.logo{ width:100%; text-align:center;}
.contant_line_box ul li.yx{display:none;}
.contant_line_box ul li.dh{display:none;}
.contant_line_box ul li.dz{display:none;}
.contant_line_box ul li.ewm{ width:100%; text-align:center; padding:20px 0;}
.foot{padding:40px 20px; box-sizing:border-box;}
.xj{display:none;}

}



@media screen and (max-width:768px){

.foot{padding:40px 20px; box-sizing:border-box;}
.xj{display:none;}
.gs{ }
.gs_left{ width:100%;
    margin-top: 20px;}
.gs_right{width:100%; padding:0 10px; box-sizing:border-box;margin-top: 30px;}
.news2 ul li{width:50%;}


.fl{ display:none;}
.fr{width:100%;}

	
}