/* Generated by wjdhcms 3.0 */















@charset "utf-8";















/*-----------CSS Reset-----------*/















::selection {







	color:#fff;







    background-color:#014294;







}















::-moz-selection {







	color:#fff;







    background-color: #014294







}















::-webkit-selection {







	color:#fff;







    background-color: #014294;







}















::-webkit-scrollbar {







    width: 8px;







    height: 8px;







    background-color: #F5F5F5;







}















::-webkit-scrollbar-track {







    border-radius: 10px;







    background-color: #E2E2E2;







}















::-webkit-scrollbar-thumb {







    border-radius: 10px;







    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);







    background-color: #555;







}















* {







    padding: 0;







    margin: 0;







}















body {







    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;







    color: #333;







    margin: 0;







    line-height: 1.5;







	overflow:-Scroll;







    overflow-x:hidden;







}















:focus {







    outline: 1;







}















article,







aside,







canvas,







details,







figcaption,







figure,







footer,







header,







hgroup,







menu,







nav,







section,







summary {







    display: block;







}















a {







    margin: 0;







    padding: 0;







    border: 0;







    font-size: 100%;







    vertical-align: baseline;







    background: transparent;







}















ins {







    background-color: #ff9;







    color: #000;







    text-decoration: none;







}















mark {







    background-color: #ff9;







    color: #000;







    font-style: italic;







    font-weight: bold;







}















del {







    text-decoration: line-through;







}















table {







    border-collapse: collapse;







    border-spacing: 0;







}















hr {







    display: block;







    height: 1px;







    border: 0;







    border-top: 1px solid #cccccc;







    margin: 1em 0;







    padding: 0;







}















input,







select {







    vertical-align: middle;







}























li,







ul {







    list-style-type: none;







}















img {







    border: none;







}















a {







    color: #333;







}















a:link,







a:hover,







a:active,







a:visited {







    text-decoration: none;







}















input,







textarea {







    outline: 0;







    border: 0;







}















textarea {







    resize: none;







}















h1,







h2,







h3,







h4,







h5,







h6,







dl,







dd,







dt,







i,







em {







    font-weight: normal;







    font-style: normal;







}























/**banner**/







.banner{ width:100%; height:450px; overflow:hidden; position:relative;background: url(http://www.ztkuangshan.com/uploads/image/20180201/20180201131439_1250.jpg ) center center no-repeat;}







.b-img{ height:450px; position:absolute; left:0px; top:0px;}







.b-img a{ display:block; height:450px; float:left;}







.b-list{ height:30px; padding-top:420px; position:relative; margin:0px auto; z-index:1;}







.b-list span{ display:block; cursor:pointer; width:10px; height:10px; border-radius:50%; border:2px solid #fff; float:left; margin:0px 5px;}







.b-list .spcss{ border:2px solid #0066cc;}







.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px;}







.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px;}







.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0px auto; margin-top:230px;}







.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0px auto; margin-top:230px;}







.bar-left .emcss{ background-position:0px -100px;}







.bar-right .emcss{ background-position:-50px -100px;}















/**search_box**/







.search_box{ width:100%; height:50px; background:#eaeaea; overflow:hidden;}







.search{ width:1180px; height:50px; margin:0 auto;}







.keytext{ float:left; width:555px; height:50px; font-size:14px; color:#333333; line-height:50px;}







.keytext a{ text-align:left; margin:0px 3px; color:#333333;}







.keytext a:hover{ color:#c80009;}







.searchnr{ float:right; margin-top:7px;}







.searchnr .text{ float:left; border:1px solid #014294; width:313px; height:36px; padding-left:12px; font-size:14px; color:#a3a3a3; line-height:38px;}







.searchnr .submit{ float:left; width:47px; height:38px; background:url(../images/searchrt.jpg) no-repeat right center; border:0px; padding:0px; cursor:pointer;}















/**product_box**/







.product_box{ width:100%; height:820px; padding:20px; overflow:hidden;}







.product{ width:1180px; height:820px; margin:0 auto;}







.protitle{width:1180px; height:84px;margin-bottom:20px;}







.protitle h3{ width:1180px; height:84px; margin-bottom:20px;}







.protitle h3 a{ font-size:24px; color:#014294; font-weight:bold; line-height:54px; text-align:center; display:block;background:url(../images/mcbt.png) no-repeat center bottom;}







.protitle h3 span{ font-family:"Times New Roman", Times, serif; font-size:16px; color:#999; text-align:center; line-height:32px; text-transform:uppercase; display:block;}







.product_left{ float:left; width:235px; height:700px;}







.product_left h2{ width:200px; height:60px; padding-top:20px; padding-left:35px; text-align:left; background:#014294;}







.product_left h2 a{ display:block; font-size:20px; line-height:30px; font-weight:bold; color:#ffffff;}







.product_left h2 span{ display:block; font-family:Arial, Helvetica, sans-serif;font-size:12px; line-height:20px; color:#ffffff; text-transform:uppercase;}







.product_left ul{ width:235px; height:620px;background:#333333;}







.product_left ul li{ float:left; text-align:left; background:url(../images/line1.jpg) no-repeat center bottom; padding-left:35px; padding-right:20px;}







.product_left ul li a{ line-height:60px; width:180px;display:block; background:url(../images/jtbg.jpg) no-repeat right center; font-size:16px; font-weight:bold;  color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.product_left ul li a:hover{ text-decoration:underline;}







.product_left p{ width:212px; height:170px; padding-top:64px; background:url(../images/cpdhbg.jpg) no-repeat center; font-size:18px; font-weight:bold; color:#fff; text-align:center;}







.product_left p span{ display:block; margin-left:10px; margin-top:20px; height:64px; text-align:left; background:url(../images/iphone2.png) no-repeat left center; padding-left:56px; font-size:14px; color:#ffffff; line-height:24px;}







.product_left p span strong{ display:block;font-family:'Impact';font-size:24px; font-weight:normal;line-height:36px;}







.product_right{ float:right; width:923px; height:695px; margin-top:5px; overflow:hidden; }







.product_tit{ width:923px; height:45px; border-bottom:1px solid #d0d0d0;}







.product_tit .more{ display:block; float:right; padding-right:15px; line-height:45px; font-size:14px; color:#666666; font-weight:bold; }







.product_tit .more:hover{ color:#014294;}







.product_tit h3 a{ float:left; width:100px; height:45px; line-height:45px; text-align:center; font-size:16px;font-weight:bold; color:#333333; margin-right:10px;}







.product_tit .active a{height:43px; border-bottom:3px solid #014294;color:#014294;}







.hide{ display:none;}







.product_right ul li{ float:left; width:276px; height:186px; border:6px solid #dddddd; margin:18px 8px 0px 8px; text-align:center; position:relative; overflow: hidden;}







.product_right ul li b{ display:block; width:276px; height:186px; overflow:hidden;}







.product_right ul li a img{display:inline-block; width:276px; height:186px;







-webkit-transition:all 1s ;







-moz-transition:all 1s ;







-o-transition:all 1s ;







-ms-transition:all 1s;







transition:all 1s ;}







.product_right ul li img:hover{ 







transform: scale(1.2, 1.2);







-ms-transform:scale(1.2, 1.2); 	/* IE 9 */







-moz-transform:scale(1.2, 1.2); 	/* Firefox */







-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */







-o-transform:scale(1.2, 1.2); 	/* Opera */}







.product_right ul li span{display:block; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;







position: absolute;







    left: 0;







    bottom: 0;







    width: 100%;







    height: 36px;







    line-height: 36px;







    text-align: center;







    color: #fff;







    background: url(../images/cp_bg.png);}







.product_right ul li span a{display:block; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}















/**al_box**/







.al_box{ width:100%; height:510px; padding:20px 0px; overflow:hidden;}







.al{ width:1180px; height:510px; margin:0 auto;}







.alxm_list{ width:1180px; height:408px; margin-top:8px; position:relative;}







.alxm_list ul li{ position:absolute; overflow:hidden;width: 285px;height: 188px;padding: 1px;border: 1px solid #e3e3e3;}







.alxm_list ul li span {display: block;position: absolute;bottom: 0px;left: 0px;background: url(../images/cp_bg.png);height: 45px;line-height: 45px;padding: 0px 20px; margin:0px 1px 1px 1px;}







.alxm_list ul li span em a {display: block;width: 136px; height:45px;float: left;color: #fff;font-style: normal;font-size: 14px;}







.alxm_list ul li span em a:hover{ text-decoration:underline;}







.alxm_list ul li b a {display: block;width: 80px;height: 23px;line-height: 23px;color: #fff;font-style: normal;font-size: 14px;border: 1px solid #ffffff;text-align: center;margin-top: 9px;float: right;}







.alxm_list .xm_list1{ top:0px; left:0px;}







.alxm_list .xm_list2{ top:0px; right:312px;}







.alxm_list .xm_list3{ top:0px; right:0px;}







.alxm_list .xm_list4{ top:215px; right:312px;}







.alxm_list .xm_list5{ top:215px; right:0px;}







.alxm_list ul li.xm_list1 span{width:512px;}







.alxm_list ul li.xm_list2 span{width:245px;}







.alxm_list ul li.xm_list3 span{width:245px;}







.alxm_list ul li.xm_list4 span{width:245px;}







.alxm_list ul li.xm_list5 span{width:245px;}







.alxm_list .hide{ display:none;}







.alxm_list ul li a{ display:block;width: 285px;height: 188px; overflow:hidden;}







.alxm_list .xm_list1{width: 552px;height: 403px;padding: 1px;border: 1px solid #e3e3e3; }







.alxm_list .xm_list1 a{ display:block;width: 552px;height: 403px; overflow:hidden;}







.alxm_list .xm_list1 img{display:block;width: 552px;height: 403px;}







.alxm_list .xm_list1 span {display: block;position: absolute;bottom: 0px;left: 0px;background: url(../images/cp_bg.png);height: 45px;line-height: 45px;padding: 0px 20px; margin:0px 1px 1px 1px;}







.alxm_list .xm_list1 em a {display: block;width: 136px; height:45px;float: left;color: #fff;font-style: normal;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.alxm_list .xm_list1 b a {display: block;width: 80px;height: 23px;line-height: 23px;color: #fff;font-style: normal;font-size: 14px;border: 1px solid #ffffff;text-align: center;margin-top: 9px;float: right;}







.alxm_list ul li img{ display:bolck;width: 285px;height: 188px;-webkit-transition:all 1s ;







-moz-transition:all 1s ;







-o-transition:all 1s ;







-ms-transition:all 1s;







transition:all 1s ;}







.alxm_list ul li img:hover{transform: scale(1.2, 1.2);







-ms-transform:scale(1.2, 1.2); 	/* IE 9 */







-moz-transform:scale(1.2, 1.2); 	/* Firefox */







-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */







-o-transform:scale(1.2, 1.2); 	/* Opera */}















/**sbanner1_box**/







.sb1_box{ width:100%; height:200px;background:url(../images/b1bg.jpg) no-repeat center; overflow:hidden;}







.sb2_box{ width:100%; height:200px;background:url(../images/b2bg.jpg) no-repeat center; overflow:hidden;}







.sb3_box{ width:100%; height:200px;background:url(../images/b3bg.jpg) no-repeat center; overflow:hidden;}







.sb1{ width:1180px; height:200px; margin:0 auto;}







.sb1_left{ float:left; height:150px; margin-top:50px; color:#fff; text-align:center;}







.sb1_left span{ display:block;font-size:24px; line-height:48px; font-weight:bold; }







.sb1_left strong{ font-size:26px;}







.sb1_right{ float:right; width:230px; height:110px;padding:45px 5px;}







.sb1_right a{ width:145px; height:36px; background:#f87413;font-size:16px; font-weight:bold; color:#ffffff; line-height:36px; text-align:center; display:block; margin:10px auto; }







.sb1_right a:hover{ background:#008dcf;}







.sb1iphone{ background:url(../images/iphone2.png) no-repeat left center; height:60px; padding-left:60px;}







.sb1iphone span{ font-size:14px; color:#ffffff; font-weight:bold; display:block;}







.sb1iphone strong{font-family:'impact'; font-weight:normal;font-size:26px; color:#ffffff; display:block;}















/**cpys_box**/







.cpys_box{ width:100%; height:636px; background:url(../images/ysbg.jpg) no-repeat center top;overflow:hidden;}







.cpys{  width:1180px; height:636px;margin:0 auto;}







.cpys h3{ width:1180px; height:80px; padding-top:35px; padding-bottom:55px;  text-align:center;line-height:45px;}







.cpys h3 a{ font-size:32px; font-weight:bold; color:#014294; display:block;}







.cpys h3 span{ font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal;font-size:20px; color:#999999;font-weight:bold; display:block; }







.fw2nr{ width:1180px; height:465px; background:url(../images/ystu.png) no-repeat center;position:relative;}







.fw2nr .fw2_list{ position:absolute; height:84px; width:352px;}







.fw2nr .fw2_list img{ display:block; width:86px; height:86px;float:right; margin-left:8px;}







.fw2nr .fw2_list span{font-size: 20px;color:#333333; line-height:24px; display:block; font-weight:normal; font-weight:bold; text-align:right; margin-top:5px;}







.fw2nr .fw2_list p{ font-size:14px; color:#333333; line-height:24px; text-align:right; margin-top:5px;}







.fw2nr .fw2_list1{ top: 0px;left:0px;}







.fw2nr .fw2_list2{ top:160px; left:0px;}







.fw2nr .fw2_list3{ top:315px; left:0px;}







.fw2nr .fw2_list4{ top:0px; right:0px;}







.fw2nr .fw2_list5{ top:160px; right:0px;}







.fw2nr .fw2_list6{ top:315px; right:0px;}







.fw2nr .fw2_list4 img,.fw2nr .fw2_list5 img,.fw2nr .fw2_list6 img{ float:left; margin-right:8px;}







.fw2nr .fw2_list4 span,.fw2nr .fw2_list5 span,.fw2nr .fw2_list6 span{ text-align:left;}







.fw2nr .fw2_list4 p,.fw2nr .fw2_list5 p,.fw2nr .fw2_list6 p{ text-align:left;}















/**khal_box**/







.khal_box{ width:100%; height:510px; padding:20px 0px;overflow:hidden;}







.khal{ width:1180px; height:510px; margin:0 auto;}







.khal dl{ width:246px; height:376px; background:#f5f5f5; border:1px solid #d8d8d8; padding:12px; float:left; margin:0px 11px;}







.khal dl dd{  width:246px; height:180px;}







.khal dl dd img{ width:246px; height:180px;}







.khal dl dt{ float:right; width:246px; height:165px;}







.khal dl dt span a{ display:block; font-size:14px;font-weight:bold; color:#333333; line-height:48px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background:url(../images/line2.jpg) no-repeat left bottom; padding-bottom:3px;}







.khal dl dt p{ padding-top:10px; height:100px;font-size:14px; color:#333333; line-height:24px;overflow: hidden;}







.khal dl dt em a{ height:30px; margin-top:5px; display:block; line-height:30px; font-size:14px; color:#014294; font-weight:bold; text-align:right;}







.khal dl:hover,.khal dl:hover span a,.khal dl:hover p,.khal dl:hover em a{ background:#333333; color:#fff;}







.khal dl:hover span a{background:url(../images/line4.jpg) no-repeat left bottom;}















/**zzry_box**/







.zzry_box{ width:100%; height:356px; padding:20px 0px;overflow:hidden;}







.zzry{ width:1180px; height:356px; margin:0 auto;}







/**********************************************图片滚动********************************************/







.gd_01{ position:relative; width:1180px; height:245px; margin:0 auto;overflow:hidden;}







.gd_01 #simgs1{ margin:0px;}







.gd_01 li{ float:left; width:280px; border:1px solid #d8d8d8; margin:0px 15px; text-align:center;}







.gd_01 li img{ display:block; width:280px; height:205px;}







.gd_01 li a span{ display:block; height:40px; color:#333; font-size:14px; line-height:40px; background:#eeeeee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}







.gd_01 li:hover span{ color:#ffffff;background:#014294;}















/**xw_box**/







.xw_box{ width:100%; height:500px;padding:20px 0px; overflow:hidden;}







.xw{ width:1180px; height:500px; margin:0 auto;}







.cjwt{float:right; width:300px; height:395px; padding-left:45px; border-left:1px dashed #dbdbdb;overflow:hidden;}







.cjwt_tit{ width:300px; height:36px; }







.cjwt_tit h3{ float:left; width:138px; height:36px; line-height:36px;}







.cjwt_tit h3 a{ display:block;  float:left; width:138px; height:36px;line-height:36px; background:#014294; text-align:center; font-size:16px;font-weight:bold; color:#fff;}







.cjwt_tit em{ display:block; float:right; width:70px; height:30px; line-height:30px; border:3px solid #dfdfdf;}







.cjwt_tit em a{display:block;font-size:14px;font-weight:bold; color:#333333; text-align:center;}







.cjwt_tit em a:hover{ text-decoration:underline;}















/* 向上滚动 */







.faq {width:300px;height:320px; margin-top:15px;overflow:hidden;}







.faq .contant {position:relative;height:320px;}







.faq .faq-c{ position:relative;}







.faq .faq-c .faq-l {margin-bottom:15px; border-bottom:1px dashed #cccccc;clear:both;overflow:hidden;}







.faq .faq-c .faq-l .faq-w span{width: 22px;height: 22px;line-height:22px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../images/faq1.jpg) no-repeat center top;}







.faq .faq-c .faq-l .faq-d span{clear:both;color:#fff;width: 22px;height: 22px;line-height:22px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../images/faq2.jpg) no-repeat center top;}







.faq .faq-c .faq-l .faq-w p {float:right;line-height: 22px;width:270px;margin:0;color: #333;font-size: 14px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}







.faq .faq-c .faq-l .faq-d p {float:right;width: 270px;height:60px;line-height:24px;margin:0;color: #333;font-size: 14px;overflow:hidden;}















.gshyxw{ float:left; width:790px; height:395px;overflow:hidden;}







.gshyxw_tit{ width:790px; height:36px; line-height:36px;}







.gshyxw_tit h3 a{ float:left; width:138px; height:36px;line-height:36px; background:#898989; text-align:center; font-size:16px;font-weight:bold; color:#fff; margin-left:2px;}







.gshyxw_tit .active a{ background:url(../images/xwh.jpg) no-repeat center;}







.gshyxw_tit em{ display:block; float:right; width:70px; height:30px; line-height:30px; border:3px solid #dfdfdf;}







.gshyxw_tit em a{display:block;font-size:14px;font-weight:bold; color:#333333; text-align:center;}







.gshyxw_list{ margin-top:20px;}







.gshyxw_tit em a:hover{ text-decoration:underline;}







.gshyxw_list .hide{ display:none;}







.gsxw{width:790px; height:324px;overflow:hidden;}







.gsxw1{ float:left; width:318px; height:324px; line-height:30px;}







.gsxw1 dl dd{ width:318px; height:191px;}







.gsxw1 dl dd img{ width:318px; height:191px;}







.gsxw1 dl dt{ width:318px;height: 120px; padding-top:10px;}







.gsxw1 dl dt span a{display:block; font-size:14px; line-height:28px; font-weight:bold; color:#195abe;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.gsxw1 dl dt span a:hover{ color:#f87413;}







.gsxw1 dl dt p{ height:60px; font-size:14px;line-height:28px;color:#333333; overflow:hidden;}







.gsxw1 dl dt em{display:block;  width:120px; height:30px; line-height:30px; background:#195abe;}







.gsxw1 dl dt em a{ display:block; text-align:center; font-size:14px; color:#fff;}







.gsxw1 dl dt em a:hover{ color:#ffffff; background:#f87413;}







.gsxw2{ float:right;width:460px; height:324px; }







.gsxw2 ul li{ float:left; width:440px; margin-left:20px;line-height:32px;}







.gsxw2 ul li a{ display:block; float:left; background:url(../images/prolfhbg2.jpg) no-repeat left center; width:296px; padding-left:10px; font-size:14px; color:#333333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.gsxw2 ul li:hover a, .gsxw2 ul li:hover span{ color:#195abe;}







.gsxw2 ul li span{ display:block;font-size:14px; color:#666666; float:right;} 















/**wm_box**/







.wm_box{width:100%; height:290px; padding:120px 0px; background:url(../images/wmbg.jpg) no-repeat center; overflow:hidden;}







.wm{ width:1180px; height:290px; margin:0 auto;}







.wmnr{width:1100px; height:156px; padding:0px 40px; text-align:center;}







.wmnr span{ display:block;  padding-bottom:10px;}







.wmnr span a{ display:block;  font-size:18px; font-weight:bold;color:#333; line-height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}







.wmnr span a:hover{color:#f87413;}







.wmnr p{ height:132px; font-size:14px; color:#333; line-height:30px; overflow:hidden;}







.wmmore{ width:145px; height:36px; line-height:36px; text-align:center; background:#014294; margin:0 auto;}







.wmmore:hover{ background:#f87413;}







.wmmore a{ font-size:14px; color:#fff;}























/**yqlj_box**/







.yqlj_box{ width:100%; height:100px;overflow:hidden;}







.yqlj{ width:1050px; height:100px;  background:url(../images/yqljtb.jpg) no-repeat left center; padding-left:130px; margin:0 auto;}







.yqlj ul li{ float:left; line-height:30px; padding:0 20px;}







.yqlj ul li a{ display:block;font-size:14px;line-height:30px;color:#333333;}