@charset "utf-8";
/* by Sean cyy 20161020 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size: 12px; background: #fff; color: #333;font-family:Arial, "微软雅黑";}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nav, .nav-sub {float:left;height:100%;}
ul, li {list-style: none;}
.fl { float: left; }
.fr { float: right; }
input:focus { outline: none; }
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}





/*banner*/
.banner{width: 100%;height: 250px;overflow: hidden;background: url(../images/banner-case.png) no-repeat center center;}
.fontz{ height:auto;color:#fff; max-width:80%;margin:0 auto; opacity:.8}
.fontz p{font-size: 56px;letter-spacing: 1px;font-style: normal;  padding-top:90px; font-weight:bold; opacity:90%}
.fontz span{font-size: 28px;letter-spacing: 1px;font-style: normal;}

/*casesub*/
.casesub{ max-width:80%; height:auto; margin:0 auto}
.case-all{ width:100%; height:auto; line-height:30px; padding:50px 0; float:left;}
.case-all strong{ font-size:18px; color:#3e3f4c; display:block; float:left;}
.case-all span{ font-size:14px; color:#3e3f4c; display:block; float:left; font-weight:normal;padding-left:20px}
.case-all p{ font-size:12px; color:#3e3f4c; display:block; float:left; font-weight:lighter; line-height:20px ; padding-top:30px}

.case-img{ float:left; overflow:auto; width:100%;}
.case-img img{display: block; width: 100%; height:100%;padding-top:500%; background: no-repeat center center;background-size: cover;}
.case-page{ float:left; width:100%; padding:80px 0}
.case-page ul{float:left; width:100%; padding:0}
.case-page ul li{ width:auto; height:auto; text-align:center}
.case-page ul li a{font-size:14px;color:#999;}
.case-page .case-page1{ float:left;}
.case-page .case-page2{ float:left; padding-left:46%}
.case-page .case-page3{ float: right;}
.case-page ul li:hover a{ color:#3E3F4C}


/*page*/
.page8{ margin:0; width:100%; height:30px; background-color:#3E3F4C;float: left}
.page8 p{ font-size:12px; color:#FFFFFF; float:left; display:block; margin:6px 30px;}
.page8 span{font-size:12px; color:#FFFFFF; float: right; display:block; margin:6px 30px; }


/* transition */

.case-page ul li a,
.nav ul li a i,
.nav ul li a em,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}


.dowebok-Wrap { -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; transition: opacity 1s;}
.ms-section { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;background-color:#4ABCC7;}
.ms-left .ms-section1 { background-image: url(../images/page2.jpg);}
.ms-right .ms-section2 { background-image: url(../images/page1.jpg);}
.ms-right .ms-section4 { background-image: url(../images/page4.jpg);}
.ms-right .ms-section3 { background-image: url(../images/page3r.png);}
.ms-left .ms-section3 { background-image: url(../images/page3.jpg);}
.ms-left .ms-section4 { background-image: url(../images/page4l.jpg);}
.ms-left .ms-section5 { background-image: url(../images/page5.jpg);}
.ms-right .ms-section6 { background-image: url(../images/page6.jpg);}
.ms-section .anit{padding:0 15%;transition-duration: 0.5s;position:relative;}

.ms-section .txt1 .about_logo{}
.ms-section .txt1 .about_logo img{display:block;max-width:100%;}
.ms-section .txt1 p{margin-top:20%;font-size:24px; color:#3e3f4a;line-height:26px;}
.ms-section .txt1 p i{display:block;font-style:normal;width:36%;height:1px;background:#eee;margin-bottom: 8%;}
/* .ms-section .txt1 a{display:block;background:url(../images/more.png) no-repeat left center / 30px; padding-left:40px; font-size:12px; color:#3e3f4a; text-decoration:underline;line-height:30px;margin:18% 0 0 -7%} */
.ms-section .anit  .line{background:url(../images/line.png) no-repeat left center;background-size:100%;height:20px;width:28%; margin:10% 0 0 0}

.ms-left .anit{ left: -100%; transition-duration: 0.5s;}
.ms-right .anit{ left: 100%; transition-duration: 0.5s;}
.active .anit {left: 0;transition-delay: 1s;}

.ms-section .txt2 h2{font-size:48px; color:#fff;}
.ms-section .txt2 p{font-size:30px; font-family:Arial, "微软雅黑 light";color:#fff;margin-top:6px}
.ms-section .txt2 i{display:block;width:37%;font-style:normal;height:1px;background:#eee;margin:5% 0 6%;}
.ms-section .txt_info{}
.ms-section .txt_info p{font-size:14px; line-height:30px; color:#fff;}


.ms-section .txt3 h2{font-size:48px; color:#fff;}
.ms-section .txt3 ul{margin-top:5%;}
.ms-section .txt3 ul li{margin-bottom:8%}
.ms-section .txt3 h3{margin-bottom:3%;font-size:18px;color:#fff;line-height:42px; }
.ms-section .txt3 h3 i{display:block;width:6%;font-style:normal;height:1px;background:#eee;}
.ms-section .txt4 ul{overflow:hidden;}
.ms-section .txt3 ul li .txt3_subt{padding:0 0 4%;font-size:14px;font-weight:bold;color:#fff;}
.ms-section .txt3 ul li .txt_info{}
.ms-section .txt3 ul li .txt_info p{font-size:12px; line-height:24px;color:#fff;}

.ms-section .txt4 h2{font-size:48px; color:#fff;margin-bottom:3%}

.ms-section .txt4 h3{margin-bottom:7%;font-size:18px;color:#fff;line-height:42px;}
.ms-section .txt4 h3 i{display:block;width:6%;font-style:normal;height:1px;background:#eee;}
.ms-section .txt4 ul{overflow:hidden;margin-bottom:6%}
.ms-section .txt4 ul li{overflow:hidden; margin-bottom:2%;background-size:26px;background-position:left top;background-repeat:no-repeat;padding-left:9%;}
.ms-section .txt4 ul li:nth-child(1){background-image:url(../images/icon1.png);}
.ms-section .txt4 ul li:nth-child(2){background-image:url(../images/icon2.png);}
.ms-section .txt4 ul li:nth-child(3){background-image:url(../images/icon3.png);}
.ms-section .txt4 ul li:nth-child(4){background-image:url(../images/icon4.png);}
.ms-section .txt4 ul li .txt4_subt{float:left;width:14%;font-weight:bold;font-size:12px;color:#fff;line-height: 24px;}
.ms-section .txt4 ul li .txt_info{float:left;width:78%;}
.ms-section .txt4 ul li .txt_info p{font-size:12px; color:#fff;line-height:24px;}
.txt_yj{font-weight:bold;font-size:12px;color:#fff;}


.scroll_btn{position:fixed;bottom:4%;left:50%;display: inline-block;color: #fff;width: 35px;height: 56px;margin-left:-18px;z-index:999}
.scroll_btn span{position: absolute;top: 0;left: 0;width: 35px;height: 56px;border: 3px solid #fff;border-radius: 50px;box-sizing: border-box;}
.scroll_btn:hover span{border-color:#ccc}
.scroll_btn:hover span:before{background-color:#ccc}
.scroll_btn span:before{position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%; -webkit-animation: sdb10 2s infinite;animation: sdb10 2s infinite;box-sizing: border-box;}
	
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/* 本例子css */
.txt6 {position:relative;}
.txt6 h2{font-size:48px; color:#fff;}
.slideTxtBox{margin-top:5%; position:relative;}
.slideTxtBox .bd{position:relative; height:356px;}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul li{position:relative;}
.slideTxtBox .bd ul.case1{}
.slideTxtBox .bd ul.case1 li{ float:left;cursor:pointer;width:33%;  margin-bottom:26px}
.slideTxtBox .bd ul.case1 li img{ display:block;max-width:80%; cursor:pointer;}
.slideTxtBox .bd ul.case2{position:absolute;top:34%;right:0;}
.slideTxtBox .bd ul.case2 li{margin-bottom:25%}
.slideTxtBox .bd ul.case2 li img{display:block;max-width:100%; cursor:pointer;}

.slideTxtBox .bd ul li.on{ }

.slideTxtBox .bd ul li .con{background-color:rgba(74,188,199,.96);display:none;tansition:.3s;position:absolute;top:130%;left:0;width:350px;z-index:2;}
.txt6_con{border:1px solid #333;padding:10%;position:relative;}
.txt6_con p{font-size:14px; color:#44454f;line-height:28px; margin-bottom:12%;}
.txt6_con h2{font-size:16px; color:#fff;}
.txt6_con h2 span{margin-left:6%;font-size:16px;color:#44454f;font-weight:normal;}
.txt6_con_em{display: block;position: absolute;width:14px;height:14px;border-top:1px solid #44454f;border-left:1px solid #44454f; transform:rotate(45deg); background-color: #4ABCC7;top:-8px;left:12%}
.txt6_con_bottom_em{display: block;position: absolute;width:14px;height:14px;border-top:1px solid #44454f;border-left:1px solid #44454f; transform:rotate(-135deg); background-color: #4ABCC7;bottom:-8px;left:12%}
.ms-section .txt6  a{display:block;background:url(../images/more.png) no-repeat left center / 30px; padding-left:40px; font-size:12px; color:#3e3f4a; text-decoration:underline;line-height:30px;height:30px;position:absolute;bottom:-2%;right:14%;}

.incasebox{margin-top:10%;}
.incasebox .in_case_list{}
.incasebox .in_case_list .incase_slide{}
.incasebox .in_case_list .incase_slide a{display:block;}
.incasebox .in_case_list .incase_slide img{display:block;max-width:80%}
/*.slick-track{left:-10%} del by leakey*/
.slick-list{overflow:inherit;}


/*网页设计-服务页面*/
.ser_top{position:relative;overflow:hidden;background:url(../images/serbg.jpg) no-repeat center top;background-size:cover;height:900px;}
.ser_top .serimg{display:block;width:100%;}
.ser_top .ser_topr{position:absolute;top:0;bottom:0;right:0;background:rgba(255,255,255,0.9);width:66.7%;}
.ser_top .ser_topr .ser_top_box{position:absolute;left:15%;right:10%;height:100%}
.ser_top .ser_topr .ser_top_box .top_box{vertical-align:middle;display:inline-block;}
.ser_topr em{height:100%;vertical-align: middle;display: inline-block;}
.ser_top .ser_topr .top_box .top_box_tt p{font-size:14px;color:#999999;line-height:36px;}
.ser_top .ser_topr .top_box .top_box_tt h2{font-size:53px;color:#3e3f4a;}
.ser_top .ser_topr .top_box .top_box_tt h2 span{font-weight:normal;font-family:"微软雅黑 light";}
.ser_top .ser_topr .top_box .topr_line{width:33%;height:5px;background:#77c83f;margin:8% 0;}
.ser_top .ser_topr .top_box .topr_info{font-size:16px;color:#999999;line-height:36px;}


/* 本例子css */
.ser_slide{}
.ser_slide .hd{ }
.ser_slide .hd ul{}
.ser_slide .hd ul li{ float:left;width:33.3%;cursor:pointer;text-align:center;color:#8f9292;padding:4% 0;position:relative;background:#cfd4d1}
.ser_slide .hd ul li h2{text-align:center;font-weight:normal;font-size:24px;}
.ser_slide .hd ul li p{font-size:14px;}




.ser_slide .hd ul li.on em{display: block;position: absolute;width: 0;height: 0;border: 30px solid transparent;border-top-color: #54a838;left: 50%;margin-left: -8px;bottom: -56px;}
.ser_slide .hd ul li.on{ background:#54a838;color:#fff;}
.ser_slide .bd .con{}
.ser_slide .bd .conbox{padding:8% 0;}
.ser_slide .bd .con .xy_con{padding:1% 3%;overflow:hidden;}
.ser_slide .bd .con1 .xy_con{padding:1% 8%}
.ser_slide .bd .con .xy_con li{text-align:center; float:left;width:33.3%;height:136px;margin-bottom:6%;overflow:hidden;}
.ser_slide .bd .con1 .xy_con li{text-align:center; float:left;width:50%;height:136px;margin-bottom:6%;overflow:hidden;}
.ser_slide .bd .con .xy_con li:hover{}
.ser_slide .bd .con .xy_con li a{display:block;padding:0 18%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ser_slide .bd .con .xy_con li:hover a{margin-top:-10px;}
.ser_slide .bd .con .xy_con li a h2{text-align:center;font-size:18px; color:#818181;font-weight:normal;}
.ser_slide .bd .con .xy_con li a h2 img{width:48px;height:48px;margin-right:6%;vertical-align:-16px;}
.ser_slide .bd .con .xy_con li a p{font-size:12px;color:#999;line-height:24px; margin-top:4%}
.ms{}
.ms i{display:block;width:36%;background:#54a838;height:1px;margin:0 auto;}
.ms p{text-align:center;font-size:16px;color:#54a838;line-height:50px;}

/*web 特点*/
.main_td{position:relative;}
.main_td .td_img{width:100%;display:block;}
.main_td .td_con{position:absolute;top:10%;text-align:center; left: 0;right: 0;}
.main_td .td_con .td_con_tt{ text-align:center;}
.main_td .td_con .td_con_tt p{ font-size:14px;color:#fff;margin-bottom:1%;}
.main_td .td_con .td_con_tt h2{ font-size:36px;color:#fff;font-weight:normal;}
.main_td .td_con .td_list{padding:5%}
.main_td .td_con .td_list ul{overflow:hidden;}
.main_td .td_con .td_list ul li{width:23%;text-align:center;font-size:24px;color:#fff;float:left;position:relative;}
.main_td .td_con .td_list ul li:nth-child(2){width:29%;}
.main_td .td_con .td_list ul li:after{content:'';border-right:1px solid #eee;top:30%;bottom:0;height:18px;right:0;position:absolute;}
.main_td .td_con .td_list ul li.last:after{border:0;}
.main_td .td_con .td_list ul li img{width:28px;height:28px;vertical-align:-4px;margin-right:10px;}


.main_zs{padding:4% 6%;}
.main_zs .zs_tt{text-align:center;margin-bottom:10%;}
.main_zs .zs_tt p{font-size:14px;color:#999;margin-bottom:1%;}
.main_zs .zs_tt h2{font-size:36px;color:#808080;}
.main_zs .zs_tt h2 span{font-weight:normal;}
/* .main_zs_fir{background:url(../images/web_bg1.jpg) no-repeat right top;overflow:hidden;margin-bottom:40px;  border-bottom:1px dashed #efefef} */
.main_zs_fir{overflow:hidden;margin-bottom:80px; border-bottom:1px dashed #efefef;padding-bottom:80px;}

.zs_fir_left{float:left;width:46%;}
.zs_fir_right{float:right;width:52%;text-align:right}
.zs_fir_right img{max-width:100%;}
.zs_fir_left .fir_left_tt{margin-bottom:8%;}
.zs_fir_left .fir_left_tt p{font-size:14px;color:#54a838;}
.zs_fir_left .fir_left_tt h2{font-size:30px;color:#54a838;font-family:'微软雅黑 light'; margin-bottom:16px;}
.zs_fir_left .fir_left_tt span{display:block;font-size:12px; line-height:22px;color:#999;}
.fir_left_cc{}
.uu{overflow:hidden;}
.uu li{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #eee;overflow:hidden;}
.uu li:nth-of-type(2){margin-bottom:0;padding-bottom:0;border-bottom:0;}
.roteimg{width:70px;height:70px;border-radius:50%;background:url(../images/web_icon1.png) no-repeat center center;background-position:0 0; margin-right:4%;float:left;transition:.3s;}
.uu li:hover .roteimg{background-position:0 -70px;}
.roteimg1{background-image:url(../images/web_icon2.png);}
.roteimg2{background-image:url(../images/web_icon3.png);}
.roteimg3{background-image:url(../images/web_icon4.png);}
.roteimg4{background-image:url(../images/web_icon4.png);}
.roteimg5{width:80px;height:60px;border-radius:0;background-image:url(../images/web_icon5.png);}




.uu li:hove .roteimg5{}
.uu li .cc{float:left;width:82%;}
.uu li .cc h2{font-size:24px; color:#54a838; margin-bottom:4%}
.uu li .cc h2 span{font-weight:normal;}
.uu li .cc p{font-size:12px; color:#999;line-height:22px;}
.uu li .cc img{margin-top:4%; float:left; display: block; width: 45%; margin-right:5%}


.zs_sec_right{overflow:hidden;border-bottom: 1px dashed #efefef;padding-bottom:80px;margin-bottom:80px;}
.sec_right_cc{float:right;width:58%;}
.zs_sec_left{float:left;width:42%;}
.zs_sec_left img{max-width:100%;display:block;}
.yh{overflow:hidden;}
.yh .yhlist{float:left;width:40%;padding-right:8%;position:relative;}
.yh .yhlist:after{border-right:1px dashed #efefef;content:'';position:absolute;right:0;top:0;bottom:0}
.yh h3{font-size:14px; color:#808080;margin-bottom:10px;}
.yh p{font-size:12px; color:#999;line-height:22px;}

.yh .bj{float:right;width:42%;}
.yh .bj{float:right;width:42%;}
.xgn{margin-top:4%;}
.xgn h4{font-size:14px; color:#808080;margin-top:4%;margin-bottom:6px;}
.xgn table td{font-size:12px; color:#999;line-height:24px;}

.zs_thr_left{overflow:hidden;margin-bottom:26px;}
.thr_left_cc{float:left;width:50%;}
.thr_right_cc{float:right;width:46%;text-align:right;}
.thr_right_cc img{max-width:100%}


.main_bottom{background:url(../images/webimg5.png) no-repeat center top;background-size:cover;position:relative;}
.main_bottom .bot_feed{padding:3% 0 10% 0;}
.main_bottom .bot_feed .feed_con{margin:0 auto;width:96%;}
.main_bottom .bot_feed .feed_con .feed_con_tt{margin:0 auto;width:96%;}
.main_bottom .bot_feed .feed_con .feed_con_tt{ text-align:center;}
.main_bottom .bot_feed .feed_con .feed_con_tt p{ font-size:14px;color:#fff;margin-bottom:1%;}
.main_bottom .bot_feed .feed_con .feed_con_tt h2{ font-size:36px;color:#fff;font-weight:normal;}
.feed_list{overflow:hidden;width:60%; margin:2% auto 2%;}
.feed_list li{width:25%;text-align:center;float:left;}
.feed_list li h2{font-size:44px; color:#fff;font-weight:normal;}
.feed_list li p{font-size:18px; color:#fff;font-weight:normal;margin-top:10px;}
.main_bottom .imgp{position:absolute;top:72%;max-width:100%;margin:0 auto;left:0;right:0;}

/* .price_bg{background:#f7f7f7;padding:0 0 4%;position:relative;z-index:66} */
/* .price_bg .imgp{margin-top:-8%;width:100%;} */


/*20170223*/
.price_bg{background:#f7f7f7;padding:0 10% 4%;z-index:66}
.price_bg .price_box{background:#fff;position:relative;margin:0 auto;border-top-left-radius:6px;border-top-right-radius:6px;}
.pbox_table{margin-top:-10%;}
.price_bg .price_boxtop{overflow:hidden;font-size:15px;color:#444;height:50px;line-height:50px;background:#eee;padding:0 20px;border-top-left-radius:6px;border-top-right-radius:6px;} 
.price_bg .price_boxtop ul{float:left;overflow:hidden;margin-top:16px;}
.price_bg .price_boxtop ul li{float:left;width:16px;height:16px;border-radius:50%;margin-right:10px;background:#c9c9c9;}
.price_table{overflow:hidden}
.price_table ul{float:left;border-right:1px solid #f7f7f7;margin-right:-1px;width:33.3333%;min-height: 443px;}
.price_table ul.pr04{border-right:none;margin-right:0;}
.price_table ul li{border-bottom:1px solid #f7f7f7;min-height:160px;padding:0 40px}
.price_table ul li .veti{display:inline-block;vertical-align:middle;width:100%;padding:20px 0}
.price_table ul li em{display:inline-block;vertical-align:middle;min-height:160px;}
.price_table ul li:nth-last-of-type(1){border-bottom:none;}
.price_table ul li span{display:inline-block; font-size:13px;color:#999;line-height:24px;font-family:'微软雅黑 light';line-height:32px;}





.price_table ul li:nth-of-type(1){min-height:50px;line-height:50px;}
.price_table ul li:nth-of-type(1) span{color:#58a63b;font-size:18px;display:block;line-height:50px;}

.price_table ul.pr03 li span,.price_table ul.pr04 li span{}


.price_table ul.pr02 li:nth-of-type(3) .veti ,.price_table ul.pr02 li:nth-of-type(4) .veti,.price_table ul.pr03 li:nth-of-type(3) .veti ,.price_table ul.pr03 li:nth-of-type(4) .veti{text-align:center}
.price_table ul.pr03 li:nth-of-type(3) .veti  span,.price_table ul.pr03 li:nth-of-type(4) .veti span{width:100%}









.main_bot{padding:6% 10% 4%;overflow:hidden;}
.main_bot .bot_left{float:left;width:40%;}
.main_bot .bot_left p{font-size:14px;color:#999;line-height:24px;}
.main_bot .bot_left h2{font-size:30px;font-weight:normal;color:#898989;margin:20px 0}
.main_bot .bot_left h2 span{color:#49a32b;}
.main_bot .bot_left .line{width:20%;height:2px; background:#49a32b;margin-bottom:4%}

.bot_right{float:right;width:45%;position:relative;}
.bot_right .slideBox{overflow:hidden}
.bot_right .slideBox .bd{}
.bot_right .slick-track {left:0}
.bot_right .messbox{float:right;background:url(../images/messbg.jpg) no-repeat center center;background-size:100%;padding: 12%;}
.bot_right .messbox p{font-size:12px;color:#999999;line-height:22px;}
.bot_right .slick-slide{outline:none;}
.bot_right .slick-dots{display: block;left: 0;bottom: 0;width: auto;position:absolute;bottom:20px}
.bot_right .slick-dots li button:before{font-size:10px;display:none}
.bot_right .slick-dots li{margin:0;width:6px; height:6px; border:1px solid #efefef;text-align:center;color:#fff;margin-right:6px;border-radius:50%;cursor:pointer;float:left}
.bot_right .slick-dots li button{border:none medium;background:none transparent;color:#fff;outline:none;cursor:pointer;}



.bot_right .slideBox .hd ul li.on{border:1px solid #49a32b;}


.messmeb{float:right;overflow:hidden;margin-top:20px;}
.messmeb img{display:block;float:right;width:30px;height:30px;margin-left:16px;}
.messmeb .meb_tt{float:right;}
.messmeb .meb_tt h2{text-align:right;font-size:14px;color:#49a32b;}
.messmeb .meb_tt p{text-align:right;font-size:12px;color:#444;margin-top:6px}

.foot{background:#282a30;line-height:40px;overflow:hidden;padding:0 10%;}
.foot p{font-size:12px; color:#fff;}
.foot .fp{float:left;}
.foot .fpr{float:right;text-align:right;}



.txt1 .pthin{color:#fff;font-size:20px;}
.txt1 .pthin span{font-family:'微软雅黑 light'}
.txt1 h2{color:#fff;font-size:36px;line-height:46px;margin:26px 0;}

.txt1 .pdisc{margin-top:66px;font-size:14px;color:#fff;line-height:22px;}
.txt1 .pdisc span{display:block;text-transform:uppercase;}
.txt1  .inabout_more{display:block;background:url(../images/about_jt.png) no-repeat left center;background-size:18px;padding-left:26px;text-decoration:underline;color:#fff;font-size:14px;margin-top:36px;}
.uu li .cc .kfc{overflow:hidden;margin-top:16px;} 
.uu li .cc .kfc div{float:left;width:48%;margin-right:4%;} 
.uu li .cc .kfc div:nth-of-type(2){margin-right:0;} 
.uu li .cc .kfc div img{display:block;width:100%;margin:0} 


/*修改*/
.bot_right .slick-dots li{background: #aaa;}
.bot_right .slick-dots .slick-active{background: #000;}


/*2017-08-03*/
.mobile_aboutpage{display:none}
.mobile_aboutpage .mabpbox{}
.mobile_aboutpage .mabpbox img{width:100%;display:block;}
.mobile_aboutpage .mabpbox .txt{padding:30px 16px;background:#4ABCC7;color:#fff}
.mobile_aboutpage .mabpbox .txt h1{font-size:22px;}
.mobile_aboutpage .mabpbox .txt h2{font-size:18px;font-weight:normal;margin:4px 0 16px}
.mobile_aboutpage .mabpbox .txt p{font-size:12px;line-height:23px;}
.mobile_aboutpage .mabpbox .moblcase{overflow:hidden;margin-top:16px;}
.mobile_aboutpage .mabpbox .moblcase li{float:left;width:33.3%;margin-bottom:10px;}
.mobile_aboutpage .mabpbox .moblcase li img{width:90%}


/*效果*/
/*1650分辨率下的样式
@media (max-width:1650px) {
	
	.main_zs_fir{background:none;height: auto;}
	.zs_fir_right,.zs_fir_left{float:none;width:100%}
	.zs_fir_right{margin-top:40px;}
	.zs_fir_right img{margin:0 auto;}
	.sec_right_cc,.zs_sec_left{float:none;width:100%}
	.sec_right_cc{margin-bottom:40px;}
	.zs_sec_left img{margin:0 auto;}
	.thr_left_cc,.thr_right_cc{float:none;width:100%}
	.thr_left_cc{margin-bottom:40px;}
	.thr_right_cc img{margin:0 auto;}
	.main_bot {margin-top: 30%;}
	.ser_top .ser_topr .top_box .top_box_tt h2 {font-size: 36px;}
}
*/
@media (max-width:1560px){
	.price_bg{}
	
}
@media (max-width:1366px) {
	.ms-section .txt3 ul li{margin-bottom:4%}
	.ms-section .txt3 ul li .txt3_subt { padding: 0 0 1%;}
	.ms-section .txt3 ul li .txt_info p {line-height: 18px;}
	.ms-section .txt4 ul{margin-bottom:-1%}
	.ms-section .txt4 ul li .txt_info p{line-height:20px;}
	.price_table ul li{min-height:200px;}
	.price_table ul li em{min-height:200px;}
}
/*1300分辨率下的样式*/
@media (max-width:1300px) {
	
	.main_td .td_con .td_list{display:none}
	.main_td .td_con {top: 16%;}
	
	.zs_fir_left{width:100%;}
	.sec_right_cc{width:100%;margin-bottom:5%;}
	
	.main_bot {}
	.ser_top{height:640px;}
	.uu li:last-child {margin-bottom:0;padding-bottom:0}
	.zs_fir_right,.zs_fir_left{float:none;width:100%}
	.main_bot .bot_left,.main_bot .bot_right{float:none;width:100%}
	.main_bot .bot_left{margin-bottom:26px}
	
	}




/*960分辨率下的样式*/
@media (max-width:960px) {
	
	.banner{ height:250px}
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{float:none;}
	.page8 span{ float:none;}
	.main_bottom .bot_feed { padding: 12% 0 32% 0;}
	.main_bottom .imgp {top: 66%;}
	.main_bot {}
	.ser_top .ser_topr .top_box .topr_info {font-size: 13px;line-height: 22px;overflow:hidden;max-height:88px;}
	/* .uu li .cc img{margin-top:4%; float:left; display: block; width: auto; margin-right:5%} */
	.ser_top{height:540px;}
	.uu li .cc h2 {font-size: 18px;    }
	.roteimg2 {display:none}
	.roteimg {display:none}
	.main_zs_fir {margin-bottom: 40px;padding-bottom: 40px;}
	.uu li .cc {float: left;width: 100%;}
	.yh {margin-top:30px}
	.yh .bj {float: none;width: 100%;}
	.yh .yhlist {float: none;width: 100%;padding-right: 0%;margin-bottom:16px;}
	.xgn {margin-top: 36px;}
	.zs_sec_right {padding-bottom: 40px;margin-bottom: 40px;}
	.feed_list {overflow: hidden;width: 100%;margin:16px auto 0;}
	.feed_list li h2 {font-size: 16px;}
	.feed_list li p {font-size: 14px;margin-top:6px}
	.bot_right .messbox {float: right;background:none;background-color:#efefef;padding: 12%;}
	.scroll_btn span{margin-left: -16px;}
	.pbox_table{margin-top:-28%}
	.price_table ul.pr01,.price_table ul.pr02,.price_table ul.pr03,.price_table ul.pr04{float:none;width:100%;min-height:380px;}
	.price_table ul.pr01{display:none}
	.price_table ul li{min-height:140px;}
	.price_table ul li em{min-height:140px;}
	.price_table ul.pr02{border-bottom:1px solid #f7f7f7}
	.price_table ul.pr03{border-bottom:1px solid #f7f7f7} 
	.price_table ul.pr02 li {min-height:40px;}
	.price_table ul.pr02 li:nth-of-type(3) em,.price_table ul.pr02 li:nth-of-type(4) em{min-height:40px;}
	.price_table ul.pr03 li {min-height:40px;}
	.price_table ul.pr03 li:nth-of-type(3) em,.price_table ul.pr03 li:nth-of-type(4) em{min-height:40px;}
}
	

@media (max-width:1024px) and (max-height:780px) {

	
	
	}

/*640分辨率下的样式*/
@media (max-width:640px) {
	html,body{overflow:auto}
	.dowebok-Wrap{display:none}
	.scroll_btn{display:none}
	.mobile_aboutpage{display:block}
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{ font-size:16px;float:none;}
	.page8 span{ font-size:16px; float:none;}
	.ms-section .txt1 p {font-size: 18px;}	
	.ms-section .txt2 h2 {font-size: 24px;}
	.ms-section .txt2 p {font-size: 14px;}
	
	.ms-section .txt_info p {font-size: 12px;line-height: 23px;color: #3e3f4a;max-height:300px;overflow:hidden;text-overflow:ellipsis;}
	.ms-section2 .txt_info p{max-height:140px;}
	.ms-section .txt3 ul li .txt_info {max-height:70px;overflow:hidden;}
	.ms-section .txt3 h3{font-size:16px;}
	.ms-section3 .txt3 ul li .txt_info {display:none}
	.ms-section .txt3 h2 {font-size: 24px;margin-top:0;}
	.ms-section .anit{padding:0 6%;margin-top: -54px;}
	.ms-section .txt4 ul li{padding-left:20%}
	.ms-section .txt4 ul li .txt_info{max-height:43px;overflow:hidden;width:100%;}
	.ms-section .txt4 h3.two{display:none}
	.txt4_subt{display:none;}
	.txt_yj{display:none;}
	.ms-section .txt4 h2 {font-size: 24px;margin-top:36px;}
	.slideTxtBox .bd { max-height: 160px;}
	.slideTxtBox .bd ul.case1 {margin: 6% 0 0 0;}
	.ser_top .ser_topr .top_box .top_box_tt h2 {font-size:20px;}
	.ser_top .ser_topr .top_box .top_box_tt p {line-height: 24px;}
	.ser_top .ser_topr .top_box .topr_info {font-size: 12px;line-height: 22px;overflow:hidden;max-height:88px;}
	.ser_slide .hd ul li h2{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.ser_slide .hd ul li p{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.slideTxtBox .bd ul.case1 li{width:50%;}
	.slideTxtBox .bd ul li .con{width: 230px;}
	.txt6_con p{max-height:80px;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:20px;}
	.scroll_btn span{width:25px;height:40px;border:2px solid #fff;bottom:10px; margin-left: -14px;}
	.txt6 h2{font-size:18px;}
	.txt6_con h2 span{font-size:14px;}
	.slideTxtBox .bd ul.case1 li img{max-width:100%;}
	.ms-section{}
	.ser_top{height:300px;}
	.ser_top .ser_topr .ser_top_box{top:25%;}
	.main_td .td_con .td_con_tt h2{font-size:16px;}
	.main_td .td_con .td_con_tt p{font-size:12px;}
	.main_zs .zs_tt h2{font-size:18px}
	.zs_fir_left .fir_left_tt h2{font-size:18px}
	.main_bottom .bot_feed .feed_con .feed_con_tt h2{font-size:18px}
	.txt1 .pdisc{display:none;}
	.txt1 .pthin {font-size:12px;}
	.txt1 h2 {font-size: 16px;line-height: 26px;margin: 16px 0;}
	.slideTxtBox .bd ul.case1 li{ margin-bottom:10px}
	.thr_left_cc{float:left;width:100%;}
	.thr_right_cc{float:right;width:100%;text-align:left;}
	.uu li .cc .kfc{margin-bottom:10px;} 
	.foot{padding:10px 0;margin-bottom:38px;}
	.foot .fp,.foot .fpr{float:none;width:100%;text-align:center;line-height:26px;}
	.price_bg{padding:0 7% 4%}
	.price_table ul.pr03 li span, .price_table ul.pr04 li span{width:100%;}
	.price_table ul li{min-height:210px}
	.price_table ul li em{min-height:210px}
	.price_table ul.pr02 li:nth-of-type(2){min-height:160px}
	.price_table ul.pr02 li:nth-of-type(2) em{min-height:160px}
	.price_table ul.pr03 li:nth-of-type(2){min-height:160px}
	.price_table ul.pr03 li:nth-of-type(2) em{min-height:160px}
	.price_table ul.pr04 li:nth-of-type(4){min-height:160px}
	.price_table ul.pr04 li:nth-of-type(4) em{min-height:160px}
	}