/* 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; font-size:12px; }
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}
h1,h2,h3,h4,h5,h6{font-size:100%}
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;}


.nav-head{background-color:#f5f5f5;height: 40px;line-height: 40px;}
.fixed {opacity: 1;
    -webkit-animation: fadeInDown 0.3s ease-out forwards;
    -moz-animation: fadeInDown 0.3s ease-out forwards;
    -o-animation: fadeInDown 0.3s ease-out forwards;
    animation: fadeInDown 0.3s ease-out forwards;
    position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .nav{}
.nav-head .nav .nav-logo{ float: left;}
.nav-head .nav .nav-logo p{height:40px; font-size:12px; color:#333;}
.nav-head .nav .nav-logo .navbar-brand{ font-weight:bold; color:#3687d9;
}
.nav-head .nav .nav-logo .navbar-brand img{}
.nav-head .nav .nav-list{margin: 0 18px;}
.nav-head .nav .menu ul li .sub-menu {position: absolute;z-index: 1000;float: left;background-color: #fff;
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;transition: top 0.3s ease 0s, opacity 0.3s;transform: scaleX(0);
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);opacity: 0;top: 115%;border: none;border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);margin: 0;display: block;left: 0;padding: 0;
min-width: 120px;white-space: nowrap;}
.nav-head .nav .menu ul li .sub-menu li{border-bottom: 1px solid #e6e6e6;}
.nav-head .nav .menu ul li .sub-menu li:last-child{border-bottom: none;}
.nav-head .fixed .menu ul li .sub-menu li{padding: 5px 20px;}
.nav-head .head-bottom .menu ul li .sub-menu li {padding: 5px 20px;}
.nav-head .fixed {
            -webkit-animation: fadeInDown 0.3s ease-out forwards;
            -moz-animation: fadeInDown 0.3s ease-out forwards;
            -o-animation: fadeInDown 0.3s ease-out forwards;
            animation: fadeInDown 0.3s ease-out forwards;
            position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;background: rgba(255, 255, 255, 0.95);
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .innav .menu ul li:hover > ul {opacity: 1;top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1);transform: scaleX(1);}
.nav-head .nav .nav-list ul li:hover > ul .menu-item{height: 60px;line-height: 60px;width: 100%;text-align: center;padding: 0px;}
.nav-head .nav .menu ul li .sub-menu li a {padding: 0px;display: block;color: #000;margin-top: 0px;line-height: 60px;display: block;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu {left: 100%;top: 0px !important;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu li a {color: #333;}
.nav-head .nav .menu ul li .sub-menu li:hover { background: #378ca0;}
.nav-head .nav .menu ul li .sub-menu li:hover a { color: #fff;}
.nav-head .nav .menu ul li .sub-menu li:hover a:after {max-width: 0px;}
.nav-head .nav .menu ul li .sub-menu li .sub-menu li:hover a {color: #fff;}
.search{width: 280px;overflow:hidden;z-index:99;padding-top:24px;height:80px;line-height:40px;float:right;margin-left: 20px;}
.search .ss_input{width: 180px;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;}
.search .ss_an{width: 52px;height:40px;float:left;border:none;cursor:pointer;background: #1186a0 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}

.nav-head .nav .nav-list ul li:hover > ul {opacity: 1;top: 100%;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}




/*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%;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;}

.jyqjd{background:#fff; padding:0px 0 0px 0;}
.ml{width:100%; float:left;}
.ml ul li{width:25%; float:left; background:#fff; text-align:center; }
.ml ul li a{width:100%; float:left; line-height:80px; font-size:18px; color:#333;}
.ml ul li a:hover{color:#3c669f;}



.gs{ padding:80px 0; background: url(../images/bj1.png) no-repeat center;}
.gs2{width:100%; float:left; background:#fff; padding:20px; box-sizing:border-box;box-shadow:0px 2px 14px rgb(0 0 0 / 20%);}
.gs_left{width:50%; float:left;}
.gs_left img{max-height:100%; max-width:100%;}
.gs_right{width:47%; float: right; margin-top:30px;}
.gs_right p{width:100%; float:left; font-size:30px; color:#333; font-weight:bold;}
.gs_right dt{width:54px; height:2px; float:left; background:#3c669f; margin:20px 0;}
.gs_right span{width:100%; float:left; font-size:16px; color:#333333; line-height:35px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
line-clamp: 8;
-webkit-box-orient: vertical; }
.gs_right a{ float:left; font-size:16px; color:#fff; background:#fa8303; padding:12px 70px; margin-top:30px;}






.wdys{ background:url(../images/bj2.jpg) no-repeat center;    background-attachment: fixed;background-position: center center; height:470px; position:relative;}
.wdys2{width:100%; background:rgb(0,0,0,0.4); float:left; padding:50px 0; position:absolute; bottom:0px;}
.wdys3{width:100%; float:left;}
.wdys3 ul li{ width:20%; float:left; padding:10px; box-sizing:border-box; text-align:center;}
.wdys3 ul li p{font-size:16px; color:#fff; padding-top:10px;}







.recommend{background:#fff; padding:80px 0; position:relative;}

.recommend_title{width:100%; float:left; text-align:center;}
.recommend_title p{color:#333; font-size:40px; margin:0 auto; }
.recommend_title i{    padding: 0 30px;font-style: normal;}
.recommend_title dt{width:50px; height:2px; background:#d6261d; margin:20px auto;}
.recommend_title span{width:100%; display:block; font-size:18px; color:#c7c7c7;text-transform:uppercase; margin-top:10px;}



.recommend_list{ width:100%; float:right; margin-top:60px;}
.recommend_list ul li{ width:24%; float:left; background:#fff; padding:1.5%; box-sizing:border-box; margin-left:1%; margin-bottom:1%; border:1px solid #d2d2d2;}
.recommend_list ul li dt{width:100%; float:left; height:220px; position:relative;}
.recommend_list ul li img{max-height:100%; max-width:100%; margin:auto; position:absolute; right:0; left:0; bottom:0; top:0;}
.recommend_list ul li p{ width:100%; font-size:16px; color:#333333; text-align:center; margin-top:20px; height:20px; line-height:20px; overflow:hidden; float:left;}
.recommend_list ul li p span{float:left; font-size:16px; color:#333; width:88%;}
.recommend_list ul li p i{float:right; font-size:17px; color:#333; margin-right:5px;}
.recommend_list ul li:hover{box-shadow:5px 5px 5px rgba(0,0,0,0.2); background:#025bad;} 
.recommend_list ul li:hover p span{color:#fff;}
.recommend_list ul li:hover p i{color:#fff;}	








/*新闻*/
.case{ overflow:hidden; background:#f9f9f9; width:100%; float:left;  padding:60px 0;}
.title{ margin-top:50px; position:relative;}
.title h2{ color:#232d37; font-weight:normal; width:100%; float:left; text-align:center;font-size:40px; }

.more{ position:absolute; right:0px; bottom:20px; width:101px; height:13px; background:url(../images/more.png) no-repeat; }
.more:hover{ background:url(../images/moreon.png) no-repeat;}

.caselist{ margin-left:0px; margin-top:46px; clear:both;width:100%; float:left; }
.caselist li{ float:left; width:33.3333333%; padding-left:12px; padding-right:12px; padding-bottom:27px; box-sizing:border-box;}
.caselist li a{ display:block; background:#fff; transition:all 0.5s ease;}
.caselist li a .imgs{ height:auto;}
.caselist li a .imgs img{ display:block; position:static; width:100%;}
.caselist li a .note{ border:1px solid #eee; position:relative;  position:relative; height:170px; padding:0 20px;}
.caselist li a .note.c2{ height:198px;}
.caselist li a .note h2{ font-weight:normal; color:#333; font-size:18px; padding-top:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caselist li a .note p.line{ width:18px; height:2px; background:#959595; overflow:hidden; display:block; margin:15px 0;}
.caselist li a .note .p1{ color:#999; line-height:22px;}
.caselist li a .note .p1.c{ height:34px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caselist li a .note .smr{ left:20px; height:45px; line-height:45px; width:100%;}
.caselist li a .note .smr span{float:left; font-size:14px;}
.caselist li a .note .smr em{float: right; font-size:14px;}
.caselist li a:hover{ box-shadow:#eee 0 0 30px;}
.caselist li a:hover .note{ border-color:#fff;}





/***底部***/
.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:#0072de;}
.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;} 



/*浼樺娍*/
.article_list{width:100%; float:left; margin-top:30px;}
.article_list ul li{width:25%; float:left; padding:1%; box-sizing:border-box;}
.article_list ul li dt{width:100%; float:left;background:#fff; padding:5%; box-sizing:border-box;}
.article_list ul li dt img{max-height:100%; max-width:100%;}
.article_list ul li dt p{width:100%; float:left; border-bottom:1px solid #e4e4e4; font-size:16px; color:#333333;text-overflow:ellipsis ;white-space:nowrap; padding:10px 0; overflow:hidden;}
.article_list ul li dt span{width:100%; float:left; font-size:14px; color:#777777; height:42px; line-height:22px; overflow:hidden; margin:10px 0;}
.article_list ul li dt i{float:left; font-size:14px; color:#b5b5b5; font-style:normal;}
.article_list ul li dt p:hover{color:#025bad;}





	/* 鏈緥瀛恈ss */
	

	
.product{ width:100%; float:left; margin-top:30px;}
.product ul li{width:18%;  float:left;margin:0 1%; }
.product ul li .pro-left1{ position:relative;width:100%; height:276px;border: 1px solid #f2f2f2;}
.product ul li .pro-left1 img{max-height:100%; max-width:100%;position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../images/80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:507px; position:absolute; z-index:999999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block; color:#045CB6; font-weight:bold; line-height:20px; font-size:14px; }
#mbNumber { display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/customblackprevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/customblacknext.gif) no-repeat center; position: absolute; top:38%; right:-32px;}
#mbCloseLink { width:24px; background:transparent url(../images/customblackclose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }





/*鎼滅礌*/
.search{clear: both;overflow: hidden; width:100%; }
.search p.btb6{float: left; font-size: 28px;color: #025bad;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #025bad; }
.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:#025bad;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;}








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

}




@media only screen and (max-width: 1024px){
.fl{display:none;}
.fr{padding: 0 20px;
    box-sizing: border-box;
    text-align: center; width:100%;}
	

}


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


	
.gs_left{display:none;}
.search{display:none;}
.gs_right{width:100%; float:left; padding:0 20px; box-sizing:border-box;}
.recommend_list ul li{width:49%;}
.advantage_list ul li{width:50%;}
.caselist {width:100%;}
.caselist li{ width:100%;}
.advantage{padding:40px 0;}
.gs{padding:40px 0;}
.gs_right{margin-top:0px;}
.recommend{padding:40px 0;}
.recommend_list{ margin-top:40px;}
.recommend_list ul li dt{height:140px;}

.article_list ul li{width:50%;}
.wdys3 ul li img{max-height:100%; max-width:100%;}
.recommend_title p{font-size:30px;}

	
}