@charset "utf-8";
/* CSS Document */
.head{position:relative; width: 100%; min-height: 85px; background-color: #fff;overflow: hidden;}
.head_box{position:relative; max-width: 1200px; padding-top: 15px; min-height: 85px; margin: 0px auto;}
.logo{float:left; display: block; }

.nav_top{ float: right; text-align: right; width:680px; font-size: 12px; line-height: 35px; }
.nav_top p{display: inline-block; font-weight: bold; font-size: 14px; color: #d7262e;}
.nav_top p span{font-family: dincond_bold,sans-serif;}
.n_s1{padding-left:0px; }
.n_s2{padding-left: 29px;}
.ns_left{ float:right;}
.n_a{ float:right; padding-left: 30px; margin-right: 10px;}
.nav_top a{ display: inline-block; line-height: 14px; color: #333; padding: 0px 10px 0px 0px; }
.nav_top a:hover{color:#d7262e;}
.nav_top a:last-child{background:none;}

.menu_ul{display:block; float: right; width: 680px; border-top:1px solid #eee;}
.menu_ul li{display:inline-block; float: left;  list-style: none; text-align: center; line-height: 46px; }
.menu_ul li a{border-left: 1px dotted #ccc; line-height: 14px; width: 96px; text-align: center;font-weight: bold;}
.menu_ul li:first-child a{border:none; }
.lia{ font-size:14px; display: inline-block; text-align: center; color:#333;}
.lia:hover{font-size:14px; display: inline-block;text-align: center; color:#d7262e;font-weight: bold;}
.ahover{ font-size:14px; display: inline-block;text-align: center; color:#d7262e;font-weight: bold;}

.webpackage{padding-bottom: 60px; background-color: #fff; padding-top:50px;}
.webheader{text-align:center;  }
.webheader span{border-bottom: 3px solid #333; display: inline-block; padding-bottom: 10px; color: #d7262e;}
.webheader p{ border-top:1px solid #eee; margin-top: -2px; line-height:70px;}


.case_box{ position:relative; width: 100%;background-color: #eee; padding: 30px 0px 30px 0px; }
.cases{ margin: 0px auto;  max-width: 1200px;  }
.c_title h3 span{ color:#ccc; font-size: 18px;}
.c_title a{float:right; line-height: 56px;font-size: 14px; color: #666; margin-left: 20px;}
.c_title a:hover{color:#d7262e; }
/* CSS Document */
.head{position:relative; width: 100%; min-height: 85px; background-color: #fff;overflow: hidden;}
.head_box{position:relative; max-width: 1200px; padding-top: 15px; min-height: 85px; margin: 0px auto;}
.logo{float:left; display: block; }

.nav_top{ float: right; text-align: right; width:680px; font-size: 12px; line-height: 35px; }
.nav_top p{display: inline-block; font-weight: bold; font-size: 14px; color: #d7262e;}
.nav_top p span{font-family: dincond_bold,sans-serif;}
.n_s1{padding-left:0px; }
.n_s2{padding-left: 29px;}
.ns_left{ float:right;}
.n_a{ float:right; padding-left: 30px; margin-right: 10px;}
.nav_top a{ display: inline-block; line-height: 14px; color: #333; padding: 0px 10px 0px 0px; }
.nav_top a:hover{color:#d7262e;}
.nav_top a:last-child{background:none;}

.menu_ul{display:block; float: right; width: 680px; border-top:1px solid #eee;}
.menu_ul li{display:inline-block; float: left;  list-style: none; text-align: center; line-height: 46px; }
.menu_ul li a{border-left: 1px dotted #ccc; line-height: 14px; width: 96px; text-align: center;font-weight: bold;}
.menu_ul li:first-child a{border:none; }
.lia{ font-size:14px; display: inline-block; text-align: center; color:#333;}
.lia:hover{font-size:14px; display: inline-block;text-align: center; color:#d7262e;font-weight: bold;}
.ahover{ font-size:14px; display: inline-block;text-align: center; color:#d7262e;font-weight: bold;}

.webpackage{padding-bottom: 60px; background-color: #fff; padding-top:50px;}
.webheader{text-align:center;  }
.webheader span{border-bottom: 3px solid #333; display: inline-block; padding-bottom: 10px; color: #d7262e;}
.webheader p{ border-top:1px solid #eee; margin-top: -2px; line-height:70px;}


.case_box{ position:relative; width: 100%;background-color: #eee; padding: 30px 0px 30px 0px; }
.cases{ margin: 0px auto;  max-width: 1200px;  }
.c_title h3 span{ color:#ccc; font-size: 18px;}
.c_title a{float:right; line-height: 56px;font-size: 14px; color: #666; margin-left: 20px;}
.c_title a:hover{color:#d7262e; }

.c_ul{margin-top:40px;  position: relative; max-width: 1200px; margin-left: -11px;}
.c_ulml{ margin-left: -2%;}
.c_ul li{float: left;width:290px; margin-left:10px;  margin-bottom:20px;}
.liborder{border: 1px solid #eee; }
.c_ul .c_ula{display:block; width: 100%; position: relative; left: 0px;overflow: hidden;}
.c_ul .c_ula img{transition: all 0.6s;}
.c_mask{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=0);transition: all 0.4s ease 0s; display: none;}
.c_mask_bg{  display: block;width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background-color: #000; transition: all 0.4s ease 0s; }
.c_mask P{ font-size: 18px;
    line-height: 36px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff; transform:scale()}
.c_line{display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease; z-index: 100;}
.c_lineb{display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease;bottom:0px;z-index: 100;}

.c_conbox{ padding:20px 20px 0px 20px;}
.b_title{ font-size:14px; font-weight: bold;display: inline-block; padding: 5px 0px 5px 0px;}
.b_title a:hover{ color:#d7262e; }
.b_link{ display:block; width: 100%; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #eee; font-size: 14px;}

.point{ background: url(../images/ico_08.png) no-repeat left top; width: 24px; height: 8px;  margin-top: 5px;}
.b_link:hover .point{background: url(../images/ico_08_h.png) no-repeat left top;}
.fr{ float:right;}


.flow{ clear:left;max-width:1200px; margin: 0px auto; text-align: center; padding-top: 15px; background-color: #fff;}
.flow h3{ color:#d7262e; line-height: 70px; margin-top: 20px;}
.flow p{ line-height:1.5em;}
.flow_ul{ display:block; width: 100%; margin-top: 30px;}
.flow_ul li{ display:block; width: 160px; float: left; padding: 20px;}
.flow_ul li i{ font-size:48px; border:1px solid #cecece; color: #666; border-radius: 46px; width: 96px; height: 96px; line-height: 92px; transition: all 0.4s ease;}
.flow_ul li:hover i{ background-color: #d7262e; border:1px solid #fff; color: #fff;}
.flow_ul li h4{ font-size:24px; line-height: 48px; margin-top: 20px;}
.flow ul li p{ line-height:1.5em; font-size: 14px;}


/*index_31*/
.biaodan{position:relative; width: 100%; height: 340px; background-color:#d6001d;}
.bd_box{ position:relative; width: 860px; margin: 0px auto; background: url(../images/index_31.gif) left top no-repeat; height: 340px; padding-left: 350px;}
.bd_box h3{ color:#fff; display: inline-block; padding-top: 60px; font-size: 24px; font-weight: normal;}
.bd_form{ border-top:1px solid #ff8696; border-bottom: 1px solid #ff8696; padding: 20px 0px 20px 0px; margin-top:20px;}
.bd_form input:focus{ background-color: antiquewhite;}
.bd_box form label{ color:#fff; font-size: 14px;}
.xuqiu,.t_name,.t_phone{ width: 150px; height: 30px; font-size: 14px; border: none; line-height: 30px; color: #333; padding-left: 5px; margin-right: 30px; transition: all 0.4s ease 0s;}
.xuqiu:hover{background-color: antiquewhite; }
.xuqiu option{ height: 30px; line-height: 30px;}
.t_botton{ width:100px; height: 30px; border: none; background-color: #000;  color: #fff; transition: all 0.4s ease;}
.t_botton:hover{ background-color: #171717; }
.bd_intro{ font-size:12px; color: #ffe4e8; line-height: 2em; margin-top: 20px;}

.index_news_mleft{ margin-left:-45px;}
.news{ position:relative; max-width: 1200px; margin: 0px auto; height: 550px; margin-top: 50px;}
.webheader_line{width: 100%; border-top:1px solid #eee; margin-top: -2px;}

.news_f45{ margin-left:-45px;}
.news_box1{ float: left; width:370px; margin-top: 30px; margin-left: 45px;}
.news_box1 a:hover{ color:#d7262e;}
.news_title span{ font-size: 12px; color: #ccc; margin-left: 5px; font-weight: normal;}
.news_more{ float: right;}

.first_news{ margin-top:20px; margin-bottom: 15px;}
.first_news_img{ float: left; margin-right: 15px;transition: all 0.4s ease; display: block; width: 130px; height: 90px;overflow: hidden;}
.first_news img{ transition: all 0.4s ease;}
.first_news img:hover{ transform:scale(1.2);}
.f_title{ font-size: 14px; font-weight: bold; line-height: 26px;}
.f_intro{ font-size:12px; color: #999; margin-top: 0px; line-height: 1.5em;}
.f_intro a{ font-size:12px;color: #999; }

.news_li{ font-size:12px; line-height: 34px; display:block; border-bottom: 1px dotted #ccc; clear: left;}
.news_date{ float:right; font-size:12px; color: #999; line-height: 34px;}


.about{ position:relative; width: 100%; background-color: #eee;}
.about_box{ max-width:1200px;  margin: 0px auto; padding-top: 40px; padding-bottom:40px;}
.about_box a:hover{ color:#d7262e;}
.about_left{ width:460px; font-size:12px; color:#333; line-height:2em; float: left;}
.about_left p{ margin-bottom:1em; text-indent: 2em;}
.a_img{ float:left; margin: 0px 15px 0px 0px; display: block; width:160px; height: 115px; overflow: hidden;}
.a_img img{transition: all 0.4s ease;}
.a_img:hover img{transform:scale(1.2);}
.about_title{border-bottom: 1px solid #ccc; line-height:54px; font-size: 18px;  margin-bottom: 30px;}


.about_right{ float:right; width: 680px;}
.ar_con p{ line-height:2em; margin-bottom: 1em; font-size: 14px; color: #333;}
.p_qq a{ margin-right: 15px;}
.p_tel span{ color:#ccc; margin-left: 10px; margin-right: 10px;}
.ar_con_img { float:right; display: block; margin-top: 10px; width: 338px; height: 224px; overflow: hidden;}
.ar_con_img img{transition: all 0.4s ease;}
.ar_con_img:hover img{ transform:scale(1.1);}


footer{ position: relative; width: 100%; background-color: #262626;}
.fter_line{clear: left; border-bottom: 1px solid #333; width: 100%; position: relative;}
.footer_top{ position:relative; width: 100%; background-color: #3d3d3d;}
.footer_top_box{ background:url(../images/index_41.png) left top no-repeat; position: relative; width: 1200px; height: 90px; margin: 0px auto;}
.footer_box{ position:relative; max-width: 1200px; margin: 0px auto; padding-top:30px;}

.fli{ float:left; margin-right:40px; margin-left: 30px;}
.fli_title a{ font-size: 14px; color: #ccc; line-height:50px; display: inline-block; background: url(../images/wss.png) left bottom no-repeat;}
.fli_title a:hover{ color:#fff;}
.fli ul{ margin-top:10px;}
.fli ul li a{ font-size:12px; color:#666;  line-height: 24px;}
.fli ul li a:hover{ color:#999;}

.friend_link{ clear:both; font-size: 12px; color: #666; padding-top: 40px; padding-bottom: 10px; }
.friend_link a{ color:#666; display: inline-block; padding-left: 10px; padding-right: 10px; border-right: 1px dotted #333;}
.friend_link a:hover{ color:#999;}

.f_con{ text-align:center; font-size: 12px; color: #666; line-height:24px; padding-top: 20px; padding-bottom: 20px;}
.f_con a{ color:#666;}
.f_con a:hover{ color:#999;}
.b_img{ display:inline-block; margin-top:10px;}


/*about_page*/

.a_banner{ position:relative; width: 100%; height:298px; background-color: #323232;}
.a_banner_con{position:absolute; top: 50%; margin-top: -80px; width: 100%; text-align: center; color:#fff;}
.a_banner_con h1{ font-size:85px;}
.a_banner_con p{ font-size:24px;}

.a_con header{ color: #333;}
.a_con header h3{ line-height:2em;}
.a_con header span{ color: #333; padding-bottom: 0px; border-bottom: 2px solid #d7262e;}

.a_con_nav_box{ position:relative; width: 100%; border-bottom:1px solid #eee; background-color: #fff; z-index: 10000;}
.a_con_nav{ display: block;max-width: 1200px; margin: 0px auto; text-align: right; font-size: 12px; padding: 15px 0px 15px 0px;}
.a_con_nava { display: inline-block;  padding: 6px 15px 6px 15px; border-left: 1px solid #eee; font-weight: bold;}
.a_con_navahover { display: inline-block;  padding: 6px 15px 6px 15px; border-left: 1px solid #ccc; font-weight: bold;color:#d7262e;}
.a_con_nava:hover{ color:#d7262e;}


.webheader_box{ position: relative; padding-top: 50px;}
.gywm_con{ position:relative; max-width: 1050px; margin: 30px auto; font-size: 14px;color: #333; line-height: 1.8em; text-align: center; }
.gywm_con:after{ width:100px; height: 2px; background-color: #d7262e; display: block;margin: 0px auto;content:" ";}
.gywm_con p{ margin-bottom:1em;}


.a_item{ display:inline-block; padding: 0px 30px 0px 30px; margin:30px 0px 30px 0px;}
.a_item span{ font-size:45px;}
.a_item span i{ font-size:35px; color: #666; }

.a_news{ position:relative; width: 100%; height: 538px; background: url( ../images/abg.png) top center no-repeat;  }
.a_news_con{ text-align: center; padding-top: 270px;}
.a_news_con a{display:inline-block; padding: 8px 15px 8px 15px; border:2px solid #fff; color: #fff; margin: 0px 10px 0px 10px;transition: all 0.4s ease 0s;}
.a_news_con a:hover{ border:2px solid #d7262e; background-color: #d7262e; color: #fff;}
.a_qywh {  padding-top: 50px; border-bottom:1px solid #eee; text-align: center;}
.a_qywh .gywm_con:after{  width: 0px;}

.contact{ position:relative; width: 100%; background: url(../images/line.png) center center no-repeat; padding-top: 30px; height: 210px; text-align: center; margin-bottom: 20px;}
.contact h3{ font-weight:normal; font-size: 24px; }
.contact p{ font-size:14px; color: #333; line-height: 1.5em; margin-top: 10px;}
.contacta{ width: 426px; height: 68px; line-height: 68px; color: #fff; font-size: 24px; display: inline-block; background-color: #d7262e; margin-top: 20px;  transition: all 0.4s ease;}
.contacta:hover{ background-color:#DD2929;}


/* anli view */

.anli_banner{ position:relative; width: 100%; height: 298px; background: url(../images/anli_02.jpg)  center center no-repeat;}
.anli_box{ position:relative; max-width: 1200px; margin: 0px auto; padding-bottom: 30px;}
.anli_box .c_ul li{ width: 31%; margin-left: 2%; margin-bottom: 30px;}
.anli_box .c_ula{}
.b_title a{ font-size:18px; color:#333; font-weight: bold;}
.link-detail{ color:#999;}
.b_link{ margin-top:10px; padding-top:15px;}
.c_conbox{ padding:15px 6% 0px 6%;}

.anli_nav{ padding-top: 30px;}
.anli_nav h3{ font-weight:bold; font-size: 28px; }
.anli_nav h3 span{ font-size:14px; font-weight: normal; color: #ccc; margin-left: 10px;}
.anli_nav p{font-size:14px;  margin-top:20px; color:#666;}
.anli_nav_a{display:inline-block; margin-left: 15px; margin-right: 15px; color: #666;}
.anli_nav_ahover{display:inline-block; margin-left: 15px;margin-right:15px;color: #333; font-weight: bold;padding-bottom: 5px; border-bottom: 2px solid #333;}
.anli_nav_a:hover{ color:#333;}


.load_more{ position: relative; clear: both;width: 180px; height: 60px; margin: 0px auto; background-color: #ccc; text-align: center; color: #999; font-weight: bold; cursor: pointer; line-height: 60px; transition: all 0.4s ease; margin-bottom: 30px; margin-top: 30px;}
.load_more:hover{ background-color: #666; color: #fff;}



/* website page*/
.w_banner{ position: relative; width: 100%; height: 238px; text-align: center; background: url(../images/website_banner.jpg) top center no-repeat; padding-top: 60px; color: #fff;}
.w_banner_h3{ line-height: 60px; font-weight: normal; font-size: 26px;}
.w_banner_line{ display: inline-block; width: 80px; height: 3px; background-color: #fff;}
.w_banner_p{ margin-top: 1em;}
.w_banner_a{ display: inline-block;width: 180px; height: 40px; text-align:center; line-height: 40px; background-color: #0366ce; color:#D2E8FF; margin-top: 2em; transition: all 0.4s ease; }
.w_banner_a:hover{ background-color:#0054AC;  transform: scale(1.2);}

.web_flow{ position: relative; max-width: 1200px; margin: 0px auto; text-align: center; padding-top: 30px; padding-bottom: 50px;}
.web_flow h3{ line-height:60px;}
.title_date{ color:#666; font-size: 12px; line-height: 1.5em;}

.web_flow_ul{ display:block; max-width: 1200px; margin-top: 30px;}
.web_flow_ul li{ display:block; width: 178px; padding: 30px 20px 20px 20px; border: 1px solid #eee; min-height: 265px; float:left; margin-left: 10px; margin-right: 10px; transition: all 0.4s ease;}
.web_flow_ul li:hover{ transform:scale(1.1); cursor: pointer; box-shadow:0px 0px 15px #eee;  }
.web_flow_ul li i{ font-size:50px; color: #d7262e; margin-bottom: 10px;}
.web_flow_t1{  position: relative; font-size: 18px; line-height: 2em; color:#333;}
.web_flow_t2{ color: #666; font-size: 14px;}
.web_flow_intro{ font-size:12px; color:#666; line-height: 2em; margin-top:25px;}


.web_package{ padding-top: 40px;  padding-bottom: 40px; background-color: #f8f8f8;}


.web_price{ position:relative; max-width: 1200px; margin: 0px auto; display: block;  }
.web_price li{ display: block; width: 238px; text-align: center; border:1px solid #eee; padding: 38px 20px 30px 20px; margin-left: 10px; margin-right: 10px; float:left; background-color: #fff;}
.web_price li:hover{ cursor:pointer;box-shadow: 5px 5px 15px #ccc;}
.web_price li h3{ font-size:20px; color:#333;}
.web_intro{ margin-top:1em; font-size: 12px; color: #666; line-height:3em;  margin-top:20px;}
.web_intro p{ display:inline-block; width: 100%; border-bottom: 1px dotted #ccc;}
.web_pa{ color: #d7262e; }
.ppi{position:relative; width: 120px; height: 70px; background: url(../images/functions.png) 16px 0px no-repeat; left: 50%; margin-left: -60px; margin-top: 40px; margin-bottom: 30px;}
.ppi2{background: url(../images/functions.png) -223px 0px no-repeat;}
.ppi3{background: url(../images/functions.png) -480px 0px no-repeat;}
.ppi4{background: url(../images/functions.png) -730px 0px no-repeat;}
.web_botton{display: inline-block; padding: 6px 30px 6px 30px; background-color: #d7262e; color: #fff; border-radius: 5px; font-size: 14px; margin-top: 20px; transition: all 0.4s ease;}
.web_botton:hover{transform:scale(1.2);}

.web_price_p{ font-size:24px; color: #d7262e; margin-top: 20px;}
.web_price_p i{ font-size:24px; color: #d7262e;}
.web_price_p span{ font-size:12px; color: #666;}


.gongneng{ position:relative; max-width: 1200px; margin: 0px auto; padding-top: 30px;}
.gn_intro{ float:right; font-size: 14px; color: #999; line-height:60px;}
.gn_h3{ display: block; border-bottom: 1px solid #eee; line-height: 50px;}
.gn_h3 span{ font-size: 16px; color: #ccc;}
.gn_ul{ display:block; margin-left: -20px; padding-top: 30px;}
.gn_ul li{ display:block; width:180px; height: 130px; padding-top: 20px; text-align: center; border:1px solid #eee; border-radius: 5px; box-shadow: 0px 0px 10px #eee; margin-left:21px; float:left; font-size: 16px; color: #666; margin-bottom: 30px;}
.gn_ul li img{ margin-bottom: 10px;}



.web_anli{ margin-top:30px;}

.web_problem{ position:relative; max-width: 1200px; margin: 0px auto; margin-bottom: 50px;}
.p_list{ margin-top:20px;}
.p_list  dt i,.p_list dd i{ color: #d7262e; margin-right:0.5em;}
.p_list dt{ display:block; line-height:40px; font-weight: bold; font-size: 14px; color: #333; border-bottom: 1px dotted #ccc;}
.p_list dt:hover{ cursor: pointer; color: #d7262e;}
.p_list dd{ font-size:14px; color: #666; line-height: 1.8em; padding:20px 20px 20px 20px; display: none;  background-color: #f8f8f8;}
.p_list dd p{display:inline;}

.website_bg{background: url(/zweb_wang/images/website_04.gif) left top no-repeat;}

/*news_list*/
.news_line{position: relative; border-bottom: 1px dotted #eee;width: 100%; clear: both; padding: 20px 0px 20px 0px;}




/*contact page*/

.contact_banner{ position:relative; width: 100%; height: 298px; background: url(../images/contact_banner.jpg) top center no-repeat;}
.service_banner{ position:relative; width: 100%; height: 298px; }

.contact_con{ position:relative; max-width: 1200px; margin: 0px auto; min-height: 600px; margin-bottom:50px; padding-top: 50px;}
.conttact_right{float:right;max-width: 800px;  border-left: 1px solid #eee; min-height: 600px; padding-left: 30px; }
.cr_con{ line-height:1.8em; margin-bottom: 30px;font-size: 14px; color: #333; }
.cr_con img{ max-width:760px;}
.cr_con p{ margin-bottom: 1em;}
.cr_con a{ text-decoration:underline; color: #666;}
.cr_con a:hover{ color: #d7262e;}

.contact_left{ position: relative; width: 400px; text-align: center;}
.c_400{ position:relative; height: 300px; padding-top:40px;}
.c_add{ position:relative; height: 300px; margin-top: 20px;}
.c_400 em,.c_add em{	display: inline-block;	width: 100px;	height: 100px;	text-align: center;	border: 1px solid #e2e2e2;	border-radius: 50%;	line-height: 100px;	-webkit-transition:.3s;	transition:.3s; margin-bottom: 30px; }
.c_400:hover em{ border:1px solid #d7262e;}
.c_add:hover em{ border:1px solid #d7262e;}
.c_add a{ color:#666; line-height:3em;}
.c_add a:hover{ color: #d7262e;}
.c_400 em img,.c_add em img{ vertical-align:middle;}
.c_400 h3,.c_add h3{ font-size:30px;font-weight:normal; margin-bottom: 8px; color: #333; }
.c_400 p{font-family: Impact;	color: #d7262e;	font-size: 40px;}
.c_add p{ color: #666; font-size: 14px;}


.cr_form h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.cr_company,.cr_name,.cr_tel{	border-radius: 5px;    width: 310px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_xuqiu{	border-radius: 5px;    width: 330px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_info{ width:92%; height: 150px; border-radius: 5px; border: 1px solid #dddddd;padding: 5px 10px; font-size: 18px; margin-bottom: 20px; margin-right: 20px; color: #666; background-color: #f8f8f8;}

.cr_tijiao{
	width: 200px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background-color: #d7262e;
	font-weight: bold;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:.3s;
	transition:.3s;}
.cr_tijiao:hover{opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}



/*list2 news page*/
.list2_con_box{ position:relative; width: 100%; min-height: 600px; background-color: #eee; padding-top: 20px; padding-bottom: 20px;}
.list2_con{ position:relative; max-width: 1200px; margin: 0px auto; }
.list2_con a:hover{ color:#d7262e;}
.lc_left{ float:left;width: 820px; min-height: 600px;  }
.lc_position{ position: relative; height: 36px;  background-color: #fff; line-height: 36px; padding-left:15px; font-size: 12px; color: #999;}
.lc_position span{ color:#d7262e; font-weight: bold;}
.lc_position a{ color:#666;}


.lc_left_box{ background-color:#fff; padding:15px; margin-top: 10px;}
.lc_title{ height:40px; line-height: 40px; font-size: 14px; border-bottom: 2px solid #666;}
.lc_title span{ float:right; color: #999; font-size: 12px;}
.lc_title span a{ color:#999;}
.lc_title  h4{ color: #333; display: inline-block; border-bottom: 2px solid #d7262e; padding-right: 30px;}
.lc_title h4 i{ font-size: 18px; margin-right: 5px;}

.lc_ul{ font-size:14px; display:block; padding-top: 1em; color: #333;}
.lc_ul li{ display:block; line-height: 3em; border-bottom: 1px dotted #ccc;}
.lc_ul li i{ color:#d7262e; margin-right: 10px; margin-left:6px; font-size: 14px;}
.lc_ul li span{ float: right;  color: #999; }
.lc_ul li a{ display: inline-block; }
.lc_right_ul1 a{display: inline-block; width: 250px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.lc_right_ul2 a{display: inline-block; width: 290px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.n1_tj .lc_ul{ font-size:12px;}
.n1_tj .lc_ul li{ line-height:2.2em;border-bottom:none; }


.lc_right{ float:right; width: 370px; min-height: 600px;}
.lc_n1{background-color: #fff; padding: 10px 15px 20px 15px; margin-bottom: 15px; }
.lc_nav{ margin-top: 5px;}
.lc_nav a{ float:left; display: inline-block; width: 150px; height: 38px;line-height: 38px; border: 1px solid #eee;text-align: center; margin-left: 15px; margin-top: 10px; font-size: 14px; background-color: #f8f8f8;}
.lc_nav a:hover{border:1px solid #d7262e; background-color: #d7262e; color: #fff;}
.lc_navahover{border:1px solid #d7262e!important; background-color: #d7262e!important; color: #fff;}



/*--列表翻页--*/
.pager{padding:20px 0;text-align:center; margin-top:15px; color: #666; font-size: 12px;}
.pager li{ display: inline-block;}
.pager a{line-height:30px;padding:7px 12px;background:#efefef;margin:5px 3px;}
.pager a:disabled{}
.pager a[disabled="disabled"],.pager a[disabled="disabled"]:hover{background:#efefef;color:#ddd;}
.pager span.clicked{line-height:30px;padding:7px 12px;margin:5px 3px;background:#c10404;color:#fff;}
.pager a:hover{color:#fff;text-decoration:none;background:#c10404;}
.pageright{width:262px;height:auto;overflow:hidden;float:right;}
.pager .thisclass a{color:#fff;text-decoration:none;background:#c10404;}
.page-num-current{color:#fff!important;background:#c10404!important;}

/*article_article page*/
.ar{margin-left:20px; margin-right: 20px; font-size: 14px; color: #333;line-height: 1.8em; }
.ar header{  padding-top: 10px;}
.ar header h3{ font-size:20px; color: #333;text-align: center;line-height: 2em;}
.ar header h1{ font-size:22px; color: #333;text-align: center;line-height: 2em;}
.ar header p{ font-size:12px; color: #999;text-align: center;line-height: 2em; }
.ar header p a{ color:#999;}
.ar_intro{ margin:10px 0px 20px 0px; padding: 15px; border: 1px dotted #ccc; background-color: #f8f8f8; font-size: 12px; color: #666;line-height: 1.8em; }

.ar footer{ background-color:#fff; padding-top: 20px; margin-top:60px; margin-bottom: 10px; border-top:1px solid #eee;}

.ar_tel{ float:right; margin-top: -55px; display: inline-block; padding-left: 2em; color: #666; }
.ar_tel span{ font-size:24px;font-family: Impact; color: #d7262e;}
.xiangguan{ margin-left:-100px;}
.xiangguan li{ float:left; margin-left:100px;}
.correct{  background-color: #f7f7fa; font-size: 12px; color: #999; padding:0.5em 0em 0.5em 1em;border-left:2px solid #eee;}
.correct a{ color:#999;}



/*case_view*/
.caseview_box{ position: relative; width: 100%; background-color: #f8f8f8; min-height: 600px;}
.case_con{ position:relative; max-width: 1200px;  margin: 0px auto; min-height: 600px; background-color: #fff; margin-bottom: 20px;}
.case_con header{ margin:0px 20px 20px 20px; padding-top: 20px;}
.case_con header h3{ font-size: 24px; font-weight: normal; color: #333; line-height: 2em;}
.case_con header p{ font-size: 12px; color: #bbb;line-height: 2em;}
.case_con header a{ color:#bbb;}
.case_con header a:hover{color:#d7262e;}
.case_linkr{ float:right; color: #666; margin-top: -2em;}

.case_intro{ clear:both; background-color: #f8f8f8; font-size: 14px; color: #666; padding: 20px 150px; line-height: 2em;}
.case_con footer{ background-color:#fff;  font-size: 14px; line-height: 2em; width: 100%; padding-bottom:30px;}
.case_con footer p{ display: inline-block; margin-left: 2em;  color: #666;}
.case_con footer a{ color:#666;}
.case_con footer a:hover{ color:#d7262e;}
.anli_con{ padding-bootom:30px;}

/*article_article*/
.ar_ar_con p{ margin-bottom:1em;}
.ar_ar_con h3{ line-height:1.8em; font-size: 16px;margin-top: 1em; margin-bottom:1em;}
.ar_ar_con h2{line-height: 1.8em; font-size:22px; margin-top: 1em; margin-bottom:1em; }
.ar_ar_con img{ max-width: 100%!important; height: auto!important;}
.ar_ar_con a:hover{ text-decoration: underline;}





.tags_list { color:#ccc;}
.tags_list span{ font-weight:bold; color: #666;}
.tags_list a{ display: inline-block; padding: 0px 10px 0px 10px;}


.fa-angle-double-right{ margin-right:8px;}
.fa-angle-right{ margin-left:8px;}

/* 小火箭css */
#gotop1 {
    width: 80px;
    position: fixed;
    bottom: 90px;
    cursor: pointer;
    z-index: 99998;
    right: 50%;
    margin-right: -700px;
}





.swiper-container{ display:none;}

.mmenu_boxss{ display:none;}
.ar_ar_con{word-break:break-all; word-wrap:break-word;}

.anli_box{ background-color:#fff;}

.function-list-wrap a:hover{ color: #d7262e;}





/*移动端专用内容*/
.m_web_flow{ display:none; width: 100%;}
.m_web_flow img{ width:100%;}

















@media screen and (max-width:1220px){
	* {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	
	.menu_ul li a{border-left: 1px dotted #ccc; line-height: 14px; width: 90px; text-align: center;font-weight: bold;}
	
	
	
	
	.head{ heght:auto;}
	.logo{ text-align: center; position: relative; float: none; display: inline-block; }
	.logo img{ width:100%; height: auto;}
	.head_box{ text-align: center;}
	.ns_left{ width:100%; text-align: center;}
	.n_a{ float:none; display: inline-block;}
	.nav_top{ width:100%;}
	.menu_ul{ width:100%;display:inline-block; text-align: center;}
	.menu_ul li{ float:none;}
	.side-bar{ display:none;}
	.Homebanner{ display:none;}
	.swiper-container{ display:block;}
	.swiper-slide img{ width:100%;}
	/*banner style*/
	.swiper-slide{  text-align: center; }
	.ani{color:#fff; position:relative; z-index: 10;}
	.s_con{ position: absolute; padding-top: 10%; width: 100%; text-align: center;}
	
	.s_bg{ position:absolute; left: 0px; top: 0px;}
	.webpackage{display:none;}
	.c_title_right{display:none;}
	
	.c_ul{ padding: 0px; margin: 0px; clear: both; padding-top: 30px;}
	.c_ul li{ width:42.5%;margin:0px  0px 5% 5%; }
	.c_title{ padding-left:5%; padding-right:5%;}
	.c_title h3{ font-size:20px;}
	.c_title h3 span{ font-size:16px;}
	
	.flow{ padding:2%;}
	.flow H3{ font-size: 20px;}
	.flow_ul{display:block; padding-bottom: 20px;}
	.flow_ul li{ display:block; width: 50%; float: left; padding:5%; padding-bottom: 0px;}
	.flow_ul li:nth-child(2n+1){clear:both;}
.flow_ul li i{ font-size:42px; border:1px solid #cecece; color: #666; border-radius: 46px; width: 76px; height: 76px; line-height: 76px; transition: all 0.4s ease;}
.flow_ul li:hover i{ background-color: #d7262e; border:1px solid #fff; color: #fff;}
.flow_ul li h4{ font-size:18px; line-height: 48px; margin-top:0px;}
	
	.case_box{ padding-top:30px; padding-bottom: 0px;}
	.c_title a{ line-height: 26px;}
	
	/*biaodan*/
	.biaodan{position:relative; width: 100%; height: auto;background-color:#d6001d;}
.bd_box{ position:relative; width:100%; height: auto;  margin:0px; padding: 2%; padding-bottom: 5%; background: none; }
.bd_box h3{ color:#fff; display: inline-block; width: 100%; padding-top: 5%; font-size: 24px; font-weight: normal; text-align: center;}
.bd_form{ border-top:1px solid #ff8696;width: 100%; border-bottom: 1px solid #ff8696;padding: 0px; padding-top: 5%; text-align: center;}
	.bd_form select{ width:95%;  margin-bottom: 2%;margin-right: 0px;}
.bd_form input{width: 95%; margin-bottom: 2%; margin-right: 0px;}
.bd_form input:focus{ background-color: antiquewhite;}
.bd_box form label{ color:#fff; font-size: 14px; margin-bottom: 2%; display: inline-block; width: 100%;}
.xuqiu,.t_name,.t_phone{ width: 150px; height: 30px; font-size: 14px; border: none; line-height: 30px; color: #333; padding-left: 5px; margin-right: 30px; transition: all 0.4s ease 0s;}
.xuqiu:hover{background-color: antiquewhite; }
.xuqiu option{ height: 30px; line-height: 30px;}
.t_botton{  height: 30px; border: none; background-color: #000;  color: #fff; transition: all 0.4s ease;}
.t_botton:hover{ background-color: #171717; }
.bd_intro{ font-size:12px; color: #ffe4e8; line-height: 2em; margin-top: 20px;}
	
	
	.news{height:auto; padding-bottom: 8%; background-color: #fff; margin-top: 0px;}
	.news_box1{ float: left; width:100%; margin-top:0px; padding-top: 5%; margin-left: 0px; padding-left: 2%; padding-right: 2%;}
	.news_f45{ margin-left:0px;}
	.about_box{ padding-left:2%; padding-right: 2%;}
	.about_left{ width:100%; padding-bottom: 5%;}
	.about_right{ width:100%;}
	
	.ar_con_img { float: none; position:relative;display: block; margin-top:2%; margin-bottom: 5%;overflow: hidden;}
.ar_con_img img{transition: all 0.4s ease;}
.ar_con_img:hover img{ transform:scale(1.1);}
	
	.footer_top,.fter_line,.friend_link{ display:none;}
	.footer_box .fli ul{ display:none;}
	.f_con{ clear:both;margin-left: 5%; margin-right: 5%;}
	
	
	
	.webheader_box{ padding-left: 5%; padding-right: 5%;}
	.a_banner{ height:200px;}
	.a_banner_con{ margin-top:-50px;}
	.a_banner_con h1{ font-size: 48px;}
	.a_banner_con p{ font-size: 18px;}
	.contacta{width:70%; margin-top: 0px;}
	.a_item{ display:inline-block; padding: 0px 10px 0px 10px;  margin:30px 0px 30px 0px;}
.a_item span{ font-size:28px;}
.a_item span i{ font-size:18px; color: #666; }
	
	.ar{ margin-left: 0px; margin-right: 0px;}
	
	
	/* website page*/
.w_banner{ position: relative; width: 100%; height: 180px; text-align: center; background: url(../images/website_banner.jpg) top center no-repeat; padding-top:20px; color: #fff;}
.w_banner_h3{ line-height: 30px; font-weight: normal; font-size: 24px;}
.w_banner_line{ display: inline-block; width: 10%; height: 3px; background-color: #fff;}
.w_banner_p{ margin-top: 2%;}
.w_banner_a{ display: inline-block;width: 180px; height: 40px; text-align:center; line-height: 40px; background-color: #0366ce; color:#D2E8FF; margin-top:2%; transition: all 0.4s ease; }
	
	.web_flow{  padding-top: 30px; padding-bottom: 50px;}
.web_flow h3{ line-height:60px;}
.title_date{ color:#666; font-size: 12px; line-height: 1.5em;}

.web_flow_ul{ display:block; margin-top: 30px;}
.web_flow_ul li{ display:block; width:100%; padding: 30px 0px 20px 0px; border: 1px solid #eee; min-height: 0px; float:left; margin:0px; margin-bottom:5%; transition: all 0.4s ease;}
.web_flow_ul li:hover{ transform:scale(1); cursor: pointer; box-shadow:0px 0px 15px #eee;  }
.web_flow_ul li i{ font-size:50px; color: #d7262e; margin-bottom: 10px;}
.web_flow_t1{  position: relative; font-size: 18px; line-height: 2em; color:#333;}
.web_flow_t2{ color: #666; font-size: 14px;}
.web_flow_intro{ font-size:12px; color:#666; line-height: 2em; margin-top:25px;}
.website_bg{background:none;}
	
	
	.web_price{ position:relative; max-width: 1200px; margin: 0px auto; display: block; margin-top: 0px; }
	.web_price li{ width:100%; border: none; margin: 0px; margin-bottom: 2%;}
	
	.gn_intro{display:none;}
	.web_problem{ margin-left:5%; margin-right: 5%;}
	
	.gn_ul{ display:block; margin-left:0px; padding-top: 30px;}
.gn_ul li{ display:block; width:26%; height: auto;padding-top: 20px; text-align: center; border:1px solid #eee; border-radius: 5px; box-shadow: 0px 0px 10px #eee; margin-left:21px; float:left; font-size: 16px; color: #666; margin-bottom: 30px;}
	.gn_ul li span{ padding-bottom:20px; display: inline-block;}
.gn_ul li img{ margin-bottom: 10px; width: 40%;}
	
	
	
	/* anli view */

.anli_banner{ position:relative; width: 100%; height: 200px; background: url(../images/anli_02.jpg)  center center no-repeat;}
.anli_box{ position:relative; max-width: 1200px; margin: 0px auto; padding-bottom: 30px;}
.anli_box .c_ul li{ width: 45%; margin-left:5%; margin-right: 0px; margin-bottom: 5%;}
.anli_box .c_ula{}
.b_title a{ font-size:16px; color:#333; font-weight: normal;}
.link-detail{ color:#999; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.b_link{ margin-top:20px; padding-top: 10px;}
.c_conbox{ padding:20px 6% 0px 6%;}

.anli_nav{ padding-top:5%; padding-left: 5%; padding-right: 5%;}
.c_ul{ margin-left: 0px; }
.c_ulml{ margin-left:0px;padding-right: 5%;}
	
	
	
.index_news_mleft{ margin-left:0px;}
.news{ position:relative; max-width: 1200px; margin: 0px auto; height: auto; margin-top:0px; padding-top: 5%; background-color: #fff;}
.news_box1{ padding-left:5%; padding-right:5%; background-color: #fff;}

	.lc_title h4{ height:40px;}
	
	
	/*list2 news page*/
.list2_con_box{ position:relative; width: 100%; min-height:0px; background-color: #eee; padding-top:2%; padding-bottom:2%;}
.list2_con{ position:relative; max-width: 1200px; width: 100%; margin: 0px auto; }
.list2_con a:hover{ color:#d7262e;}
.lc_left{  position: relative; max-width:100%; width: 100%; min-height:0px;  }
.lc_position{ position: relative; height: 36px;  background-color: #fff; line-height: 36px; padding-left:15px; font-size: 12px; color: #999;}
.lc_position span{ color:#d7262e; font-weight: bold;}
.lc_position a{ color:#666;}


.lc_left_box{ background-color:#fff; padding:15px; margin-top:2%;}
.lc_title{ height:40px; line-height: 40px; font-size: 14px; border-bottom: 2px solid #666;}
.lc_title span{ float:right; color: #999; font-size: 12px;}
.lc_title span a{ color:#999;}
.lc_title  h4{ color: #333; display: inline-block; border-bottom: 2px solid #d7262e; padding-right: 30px;}
.lc_title h4 i{ font-size: 18px; margin-right: 5px;}

.lc_ul{ font-size:14px; display:block; padding-top: 1em; color: #333;}
.lc_ul li{ display:block; line-height: 2.2em;}
.lc_ul li i{ color:#d7262e; margin-right: 10px; margin-left:6px; font-size: 14px;}
.lc_ul li span{ float: right;  color: #999; }
.lc_ul li a{ display: inline-block;}


.lc_right{ position: relative; margin-top:3%; width:100%; min-height:0px;}
.lc_n1{background-color: #fff; padding: 10px 15px 20px 15px; margin-bottom: 15px; }
.lc_nav{ margin-top: 5px;}
.lc_nav a{ float:left; display: inline-block; width: 150px; height: 38px;line-height: 38px; border: 1px solid #eee;text-align: center; margin-left: 15px; margin-top: 10px; font-size: 14px; background-color: #f8f8f8;}
.lc_nav a:hover{border:1px solid #d7262e; background-color: #d7262e; color: #fff;}
	.n1_tj{ display:none;}
	
	.anli_con{ width:100%;}
	.anli_con img{ width: 100%; max-width:1200px;}
	.case_intro{ clear:both; background-color: #f8f8f8; font-size: 14px; color: #666; padding:5% 5%; line-height: 2em;}
	
	.ar_ar_con img{  max-width:100%; height: auto!important;}
	
	
	
	
	/*contact page*/
	.contact_banner{height:180px; background-position: center -100px;}
.service_banner{ height:180px; background-position: center -100px;}

.contact_con{ position:relative; max-width:100%; margin: 0px; min-height:0px; margin-bottom:5%; padding-top:0px;}
.conttact_right{ position:relative; clear: both; width: 100%; max-width: 100%; padding-left: 5%; margin-left: 5%; margin-right: 5%; padding-top:0px; border-left: 0px; min-height:0px;}
.cr_con{ line-height:1.8em; margin-bottom: 30px; padding-top: 5%;  padding-left: 5%; font-size: 14px; color: #666; }
.cr_con img{ width: 100%; max-width:760px;}
.cr_con p{ margin-bottom: 1em;}
.cr_con a{ text-decoration:underline; color: #666;}
.cr_con a:hover{ color: #d7262e;}

.contact_left{float:right; clear: both;position: relative;width:100%; text-align: center;}
.c_400{width: 50%; float:left;height:auto; padding-top:0px;}
.c_add{width: 50%; float: right;height: auto; margin-top: 0px;}
.c_400 em,.c_add em{	display: inline-block;	width: 100px;	height: 100px;	text-align: center;	border: 1px solid #e2e2e2;	border-radius: 50%;	line-height: 100px;	-webkit-transition:.3s;	transition:.3s; margin-bottom: 30px; }
.c_400:hover em{ border:1px solid #d7262e;}
.c_add:hover em{ border:1px solid #d7262e;}
.c_add a{ color:#666; line-height:3em;}
.c_add a:hover{ color: #d7262e;}
.c_400 em img,.c_add em img{ vertical-align:middle;}
.c_400 h3,.c_add h3{ font-size:30px;font-weight:normal; margin-bottom: 8px; color: #333; }
.c_400 p{font-family: Impact;	color: #d7262e;	font-size: 40px;}
.c_add p{ color: #666; font-size: 14px;}


.cr_form h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.cr_company,.cr_name,.cr_tel{	border-radius: 5px;    width: 310px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_xuqiu{	border-radius: 5px;    width: 330px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_info{ width:92%; height: 150px; border-radius: 5px; border: 1px solid #dddddd;padding: 5px 10px; font-size: 18px; margin-bottom: 20px; margin-right: 20px; color: #666; background-color: #f8f8f8;}

.cr_tijiao{
	width:150px; margin-bottom: 2%;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background-color: #d7262e;
	font-weight: bold;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:.3s;
	transition:.3s;}
.cr_tijiao:hover{opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
	
	
	
}








@media screen and (max-width:680px){
	/*phoneMenu*/
	.menu_ul{ border-top:none;}
	.menu_ul li{display: block; width: 100%; }
	.menu_ul li a{ display:block; width: 100%;text-align: left; line-height: 36px; border-left: none; padding-left: 0px;}
	.lia:hover{ display:block;width: 100%;text-align: left; line-height: 36px; padding-left: 0px;}
	
	
	.nav_top{ width:100%; display: none;}
	.s_con h3{ font-size:20px;}
	.s_con p{ font-size: 16px;}
	.case_box{display:block;}
	
	.flow { padding-top:0px;}
	.flow p{ font-size:14px;}
	.flow h3{ margin-top:0px;}
	.flow_ul{ margin-top:0px;}
	.b2{ display:none;}
	.about{ display:none;}
	
	
	.news_date{ display:none;}
	.lc_ul li span{ display:none;}
	
	.mmenu_boxss{ display:block; background-color: #fff;}
	.head{ display:none;}
	
	.mmenu_logo{float:right; padding-top:10px; padding-right: 10px;}

	.mmenu{
	display: block;
	width: 46px;
	height:46px;
	padding: 12px 10px 12px 10px;
	
	position: absolute;
	top: 0px;
	left:0px;
    font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height:46px;
	position: relative;
	-webkit-text-size-adjust: none;
	}
.mmenu:before,
.mmenu:after
{
	content: '';
	display: block;
	background: #666;
	height: 2px;
}
.mmenu span
{
	background: #666;
	display: block;
	height: 2px;
	margin: 8px 0;
}
	
	
	.a_news {
    display: none;
}
	.web_flow{ display:none;}
	.m_web_flow{ display:block;}
	
	.gn_h3{ margin-left:5%;}
	

}



/*网站维护页面*/
.wh_ul{display:block; clear: both;position: relative; width: 100%; padding-left: 20px;}
.wh_clear{clear:both;}
.wh_ul li{display:block; width: 45%; float: left;  position: relative;padding-left: 26px; line-height: 36px;}
.wh_ul li:before{background:url(/zweb_wang/images/right2.png) 0 0 no-repeat;display: block;	content:'';	width: 19px;height: 15px;position: absolute;top: 10px;left:0;}
.cr_con p{ margin-bottom: 0px;}
.wh_banner_info{position: absolute;width:400px; margin-left: -200px; left: 50%;top:30%; text-align: center; color:#fff;}
.wh_ul1 li{width:100%;}

/*案例修改*/
.an_jiantou{display: inline-block; padding-top: 8px; padding-bottom: 8px; float: right;}
.an_jiantou:hover .point{background: url(../images/ico_082.png) no-repeat left top;}

/*网站维护banner特效*/
#output {
	width: 100%;
	height: 100%;
}
.color {
	width: 120px;
	height: 20px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -60px;
	bottom: 20px;
}
.color li {
	float: left;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	background: #ccc;
	box-shadow: 0 0 4px #FFF;
	list-style: none;
	cursor: pointer;
}
.color li:nth-child(1) {
	background: #002c4a;
}
.color li:nth-child(2) {
	background: #35ac03;
}
.color li:nth-child(3) {
	background: #ac0908;
}
.color li:nth-child(4) {
	background: #18bbff;
}




@media screen and (max-width:750px){
	.wh_ul li{width:100%;}
}




@media screen and (max-width:460px){
	* {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.anli_banner{ display:none;}
	.mmenu_boxss{ border-bottom: 1px solid #eee;}
	.nav_top{ width:100%; display: none;}
	
	.swiper-button-prev{}
	.swiper-button-next{}
	
	
		
	.c_400{width: 100%; float:left;height:auto; padding-top:5%;}
.c_add{width:100%; float: right;height: auto; padding-top:10%; margin-top: 0px;}
	
.cr_form h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.cr_company,.cr_name,.cr_tel{	border-radius: 5px;    width:100%;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right:0px;color: #666;}
.cr_xuqiu{	border-radius: 5px;    width:100%;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right:0px;color: #666;}
.cr_info{ width:100%; height: 150px; border-radius: 5px; border: 1px solid #dddddd;padding: 5px 10px; font-size: 18px; margin-bottom: 20px; margin-right:0px; color: #666; background-color: #f8f8f8;}

.cr_tijiao{
	width:40%; margin-bottom: 2%;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background-color: #d7262e;
	font-weight: bold;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:.3s;
	transition:.3s;}
	
.s_con h3{ font-size:18px;}
	.s_con p{ font-size: 14px;}
	
	/*websitePage*/
	.w_banner_h3{ font-size:16px; margin-left: 15%; margin-right: 15%; line-height: 1.5em;}
	.w_banner_p{ font-size:12px;}
	.w_banner_a{ width:140px; height:30px; margin-top: 10px; font-size: 14px; line-height: 30px;}
	.webheader p{line-height: 1.5em; padding-top: 15px; margin-top: 15px;}
	
	
	
	
	
	
	/*anliListPage*/
	.anli_nav_p{ display:block; }
	.anli_nav_a{ margin-left: 0px;}
	.c_conbox{ padding:0px 10px 0px 10px;}
	.b_title{}
	.b_title a{ font-size:12px;}
	.b_link{ margin-top:0px; padding-bottom: 10px; font-size: 12px;}
	.anli_box .c_ul li{ margin-bottom:20px;}
	.contact{ display:block;}
	.contact h3{ font-size:16px;}
	.contact .contacta{ width: 60%; height: 52px; line-height: 52px!important; margin-top: 20px; margin-bottom: 10px;}
	.case_linkr{display:none;}
	
	.ar header h1{ line-height: 1.4em;}
	.ar header p{line-height:1.5em; margin-top: 10px;}
	.anli_nav h3{ font-size:24px;}
	.bd_box h3{font-size:18px;}
	.bd_box form label{text-align:left; width:95%;}
	
	
	

	
}
.biaodan a:hover{ text-decoration: underline;}
.webheader p a:hover{color:red;}
.c_ul{margin-top:40px;  position: relative; max-width: 1200px; margin-left: -11px;}
.c_ulml{ margin-left: -2%;}
.c_ul li{float: left;width:290px; margin-left:10px;  margin-bottom:20px;}
.liborder{border: 1px solid #eee; }
.c_ul .c_ula{display:block; width: 100%; position: relative; left: 0px;overflow: hidden;}
.c_ul .c_ula img{transition: all 0.6s;}
.c_mask{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=0);transition: all 0.4s ease 0s; display: none;}
.c_mask_bg{  display: block;width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background-color: #000; transition: all 0.4s ease 0s; }
.c_mask P{ font-size: 18px;
    line-height: 36px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff; transform:scale()}
.c_line{display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease; z-index: 100;}
.c_lineb{display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease;bottom:0px;z-index: 100;}

.c_conbox{ padding:20px 20px 0px 20px;}
.b_title{ font-size:14px; font-weight: bold;display: inline-block; padding: 5px 0px 5px 0px;}
.b_title a:hover{ color:#d7262e; }
.b_link{ display:block; width: 100%; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #eee; font-size: 14px;}

.point{ background: url(../images/ico_08.png) no-repeat left top; width: 24px; height: 8px;  margin-top: 5px;}
.b_link:hover .point{background: url(../images/ico_08_h.png) no-repeat left top;}
.fr{ float:right;}


.flow{ clear:left;max-width:1200px; margin: 0px auto; text-align: center; padding-top: 15px; background-color: #fff;}
.flow h3{ color:#d7262e; line-height: 70px; margin-top: 20px;}
.flow p{ line-height:1.5em;}
.flow_ul{ display:block; width: 100%; margin-top: 30px;}
.flow_ul li{ display:block; width: 160px; float: left; padding: 20px;}
.flow_ul li i{ font-size:48px; border:1px solid #cecece; color: #666; border-radius: 46px; width: 96px; height: 96px; line-height: 92px; transition: all 0.4s ease;}
.flow_ul li:hover i{ background-color: #d7262e; border:1px solid #fff; color: #fff;}
.flow_ul li h4{ font-size:24px; line-height: 48px; margin-top: 20px;}
.flow ul li p{ line-height:1.5em; font-size: 14px;}


/*index_31*/
.biaodan{position:relative; width: 100%; height: 340px; background-color:#d6001d;}
.bd_box{ position:relative; width: 860px; margin: 0px auto; background: url(../images/index_31.gif) left top no-repeat; height: 340px; padding-left: 350px;}
.bd_box h3{ color:#fff; display: inline-block; padding-top: 60px; font-size: 24px; font-weight: normal;}
.bd_form{ border-top:1px solid #ff8696; border-bottom: 1px solid #ff8696; padding: 20px 0px 20px 0px; margin-top:20px;}
.bd_form input:focus{ background-color: antiquewhite;}
.bd_box form label{ color:#fff; font-size: 14px;}
.xuqiu,.t_name,.t_phone{ width: 150px; height: 30px; font-size: 14px; border: none; line-height: 30px; color: #333; padding-left: 5px; margin-right: 30px; transition: all 0.4s ease 0s;}
.xuqiu:hover{background-color: antiquewhite; }
.xuqiu option{ height: 30px; line-height: 30px;}
.t_botton{ width:100px; height: 30px; border: none; background-color: #000;  color: #fff; transition: all 0.4s ease;}
.t_botton:hover{ background-color: #171717; }
.bd_intro{ font-size:12px; color: #ffe4e8; line-height: 2em; margin-top: 20px;}

.index_news_mleft{ margin-left:-45px;}
.news{ position:relative; max-width: 1200px; margin: 0px auto; height: 550px; margin-top: 50px;}
.webheader_line{width: 100%; border-top:1px solid #eee; margin-top: -2px;}

.news_f45{ margin-left:-45px;}
.news_box1{ float: left; width:370px; margin-top: 30px; margin-left: 45px;}
.news_box1 a:hover{ color:#d7262e;}
.news_title span{ font-size: 12px; color: #ccc; margin-left: 5px; font-weight: normal;}
.news_more{ float: right;}

.first_news{ margin-top:20px; margin-bottom: 15px;}
.first_news_img{ float: left; margin-right: 15px;transition: all 0.4s ease; display: block; width: 130px; height: 90px;overflow: hidden;}
.first_news img{ transition: all 0.4s ease;}
.first_news img:hover{ transform:scale(1.2);}
.f_title{ font-size: 14px; font-weight: bold; line-height: 26px;}
.f_intro{ font-size:12px; color: #999; margin-top: 0px; line-height: 1.5em;}
.f_intro a{ font-size:12px;color: #999; }

.news_li{ font-size:12px; line-height: 34px; display:block; border-bottom: 1px dotted #ccc; clear: left;}
.news_date{ float:right; font-size:12px; color: #999; line-height: 34px;}


.about{ position:relative; width: 100%; background-color: #eee;}
.about_box{ max-width:1200px;  margin: 0px auto; padding-top: 40px; padding-bottom:40px;}
.about_box a:hover{ color:#d7262e;}
.about_left{ width:460px; font-size:12px; color:#333; line-height:2em; float: left;}
.about_left p{ margin-bottom:1em; text-indent: 2em;}
.a_img{ float:left; margin: 0px 15px 0px 0px; display: block; width:160px; height: 115px; overflow: hidden;}
.a_img img{transition: all 0.4s ease;}
.a_img:hover img{transform:scale(1.2);}
.about_title{border-bottom: 1px solid #ccc; line-height:54px; font-size: 18px;  margin-bottom: 30px;}


.about_right{ float:right; width: 680px;}
.ar_con p{ line-height:2em; margin-bottom: 1em; font-size: 14px; color: #333;}
.p_qq a{ margin-right: 15px;}
.p_tel span{ color:#ccc; margin-left: 10px; margin-right: 10px;}
.ar_con_img { float:right; display: block; margin-top: 10px; width: 338px; height: 224px; overflow: hidden;}
.ar_con_img img{transition: all 0.4s ease;}
.ar_con_img:hover img{ transform:scale(1.1);}


footer{ position: relative; width: 100%; background-color: #262626;}
.fter_line{clear: left; border-bottom: 1px solid #333; width: 100%; position: relative;}
.footer_top{ position:relative; width: 100%; background-color: #3d3d3d;}
.footer_top_box{ background:url(../images/index_41.png) left top no-repeat; position: relative; width: 1200px; height: 90px; margin: 0px auto;}
.footer_box{ position:relative; max-width: 1200px; margin: 0px auto; padding-top:30px;}

.fli{ float:left; margin-right:40px; margin-left: 30px;}
.fli_title a{ font-size: 14px; color: #ccc; line-height:50px; display: inline-block; background: url(../images/wss.png) left bottom no-repeat;}
.fli_title a:hover{ color:#fff;}
.fli ul{ margin-top:10px;}
.fli ul li a{ font-size:12px; color:#666;  line-height: 24px;}
.fli ul li a:hover{ color:#999;}

.friend_link{ clear:both; font-size: 12px; color: #666; padding-top: 40px; padding-bottom: 10px; }
.friend_link a{ color:#666; display: inline-block; padding-left: 10px; padding-right: 10px; border-right: 1px dotted #333;}
.friend_link a:hover{ color:#999;}

.f_con{ text-align:center; font-size: 12px; color: #666; line-height:24px; padding-top: 20px; padding-bottom: 20px;}
.f_con a{ color:#666;}
.f_con a:hover{ color:#999;}
.b_img{ display:inline-block; margin-top:10px;max-width: 40%;}
.b_img img{width:100%; height: auto;}


/*about_page*/

.a_banner{ position:relative; width: 100%; height:298px; background-color: #323232;}
.a_banner_con{position:absolute; top: 50%; margin-top: -80px; width: 100%; text-align: center; color:#fff;}
.a_banner_con h1{ font-size:85px;}
.a_banner_con p{ font-size:24px;}

.a_con header{ color: #333;}
.a_con header h3{ line-height:2em;}
.a_con header span{ color: #333; padding-bottom: 0px; border-bottom: 2px solid #d7262e;}

.a_con_nav_box{ position:relative; width: 100%; border-bottom:1px solid #eee; background-color: #fff; z-index: 10000;}
.a_con_nav{ display: block;max-width: 1200px; margin: 0px auto; text-align: right; font-size: 12px; padding: 15px 0px 15px 0px;}
.a_con_nava { display: inline-block;  padding: 6px 15px 6px 15px; border-left: 1px solid #eee; font-weight: bold;}
.a_con_navahover { display: inline-block;  padding: 6px 15px 6px 15px; border-left: 1px solid #ccc; font-weight: bold;color:#d7262e;}
.a_con_nava:hover{ color:#d7262e;}


.webheader_box{ position: relative; padding-top: 50px;}
.gywm_con{ position:relative; max-width: 1050px; margin: 30px auto; font-size: 14px;color: #333; line-height: 1.8em; text-align: center; }
.gywm_con:after{ width:100px; height: 2px; background-color: #d7262e; display: block;margin: 0px auto;content:" ";}
.gywm_con p{ margin-bottom:1em;}


.a_item{ display:inline-block; padding: 0px 30px 0px 30px; margin:30px 0px 30px 0px;}
.a_item span{ font-size:45px;}
.a_item span i{ font-size:35px; color: #666; }

.a_news{ position:relative; width: 100%; height: 538px; background: url( ../images/abg.png) top center no-repeat;  }
.a_news_con{ text-align: center; padding-top: 270px;}
.a_news_con a{display:inline-block; padding: 8px 15px 8px 15px; border:2px solid #fff; color: #fff; margin: 0px 10px 0px 10px;transition: all 0.4s ease 0s;}
.a_news_con a:hover{ border:2px solid #d7262e; background-color: #d7262e; color: #fff;}
.a_qywh {  padding-top: 50px; border-bottom:1px solid #eee; text-align: center;}
.a_qywh .gywm_con:after{  width: 0px;}

.contact{ position:relative; width: 100%; background: url(../images/line.png) center center no-repeat; padding-top: 30px; height: 210px; text-align: center; margin-bottom: 20px;}
.contact h3{ font-weight:normal; font-size: 24px; }
.contact p{ font-size:14px; color: #333; line-height: 1.5em; margin-top: 10px;}
.contacta{ width: 426px; height: 68px; line-height: 68px; color: #fff; font-size: 24px; display: inline-block; background-color: #d7262e; margin-top: 20px;  transition: all 0.4s ease;}
.contacta:hover{ background-color:#DD2929;}


/* anli view */

.anli_banner{ position:relative; width: 100%; height: 298px; background: url(../images/anli_02.jpg)  center center no-repeat;}
.anli_box{ position:relative; max-width: 1200px; margin: 0px auto; padding-bottom: 30px;}
.anli_box .c_ul li{ width: 31%; margin-left: 2%; margin-bottom: 30px;}
.anli_box .c_ula{}
.b_title a{ font-size:18px; color:#333; font-weight: bold;}
.link-detail{ color:#999;}
.b_link{ margin-top:10px; padding-top:15px;}
.c_conbox{ padding:15px 6% 0px 6%;}

.anli_nav{ padding-top: 30px;}
.anli_nav h3{ font-weight:bold; font-size: 28px; }
.anli_nav h3 span{ font-size:14px; font-weight: normal; color: #ccc; margin-left: 10px;}
.anli_nav p{font-size:14px;  margin-top:20px; color:#666;}
.anli_nav_a{display:inline-block; margin-left: 15px; margin-right: 15px; color: #666;}
.anli_nav_ahover{display:inline-block; margin-left: 15px;margin-right:15px;color: #333; font-weight: bold;padding-bottom: 5px; border-bottom: 2px solid #333;}
.anli_nav_a:hover{ color:#333;}


.load_more{ position: relative; clear: both;width: 180px; height: 60px; margin: 0px auto; background-color: #ccc; text-align: center; color: #999; font-weight: bold; cursor: pointer; line-height: 60px; transition: all 0.4s ease; margin-bottom: 30px; margin-top: 30px;}
.load_more:hover{ background-color: #666; color: #fff;}



/* website page*/
.w_banner{ position: relative; width: 100%; height: 238px; text-align: center; background: url(../images/website_banner.jpg) top center no-repeat; padding-top: 60px; color: #fff;}
.w_banner_h3{ line-height: 60px; font-weight: normal; font-size: 26px;}
.w_banner_line{ display: inline-block; width: 80px; height: 3px; background-color: #fff;}
.w_banner_p{ margin-top: 1em;}
.w_banner_a{ display: inline-block;width: 180px; height: 40px; text-align:center; line-height: 40px; background-color: #0366ce; color:#D2E8FF; margin-top: 2em; transition: all 0.4s ease; }
.w_banner_a:hover{ background-color:#0054AC;  transform: scale(1.2);}

.web_flow{ position: relative; max-width: 1200px; margin: 0px auto; text-align: center; padding-top: 30px; padding-bottom: 50px;}
.web_flow h3{ line-height:60px;}
.title_date{ color:#666; font-size: 12px; line-height: 1.5em;}

.web_flow_ul{ display:block; max-width: 1200px; margin-top: 30px;}
.web_flow_ul li{ display:block; width: 178px; padding: 30px 20px 20px 20px; border: 1px solid #eee; min-height: 265px; float:left; margin-left: 10px; margin-right: 10px; transition: all 0.4s ease;}
.web_flow_ul li:hover{ transform:scale(1.1); cursor: pointer; box-shadow:0px 0px 15px #eee;  }
.web_flow_ul li i{ font-size:50px; color: #d7262e; margin-bottom: 10px;}
.web_flow_t1{  position: relative; font-size: 18px; line-height: 2em; color:#333;}
.web_flow_t2{ color: #666; font-size: 14px;}
.web_flow_intro{ font-size:12px; color:#666; line-height: 2em; margin-top:25px;}


.web_package{ padding-top: 40px;  padding-bottom: 40px; background-color: #f8f8f8;}


.web_price{ position:relative; max-width: 1200px; margin: 0px auto; display: block;  }
.web_price li{ display: block; width: 238px; text-align: center; border:1px solid #eee; padding: 38px 20px 30px 20px; margin-left: 10px; margin-right: 10px; float:left; background-color: #fff;}
.web_price li:hover{ cursor:pointer;box-shadow: 5px 5px 15px #ccc;}
.web_price li h3{ font-size:20px; color:#333;}
.web_intro{ margin-top:1em; font-size: 12px; color: #666; line-height:3em;  margin-top:20px;}
.web_intro p{ display:inline-block; width: 100%; border-bottom: 1px dotted #ccc;}
.web_pa{ color: #d7262e; }
.ppi{position:relative; width: 120px; height: 70px; background: url(../images/functions.png) 16px 0px no-repeat; left: 50%; margin-left: -60px; margin-top: 40px; margin-bottom: 30px;}
.ppi2{background: url(../images/functions.png) -223px 0px no-repeat;}
.ppi3{background: url(../images/functions.png) -480px 0px no-repeat;}
.ppi4{background: url(../images/functions.png) -730px 0px no-repeat;}
.web_botton{display: inline-block; padding: 6px 30px 6px 30px; background-color: #d7262e; color: #fff; border-radius: 5px; font-size: 14px; margin-top: 20px; transition: all 0.4s ease;}
.web_botton:hover{transform:scale(1.2);}

.web_price_p{ font-size:24px; color: #d7262e; margin-top: 20px;}
.web_price_p i{ font-size:24px; color: #d7262e;}
.web_price_p span{ font-size:12px; color: #666;}


.gongneng{ position:relative; max-width: 1200px; margin: 0px auto; padding-top: 30px;}
.gn_intro{ float:right; font-size: 14px; color: #999; line-height:60px;}
.gn_h3{ display: block; border-bottom: 1px solid #eee; line-height: 50px;}
.gn_h3 span{ font-size: 16px; color: #ccc;}
.gn_ul{ display:block; margin-left: -20px; padding-top: 30px;}
.gn_ul li{ display:block; width:180px; height: 130px; padding-top: 20px; text-align: center; border:1px solid #eee; border-radius: 5px; box-shadow: 0px 0px 10px #eee; margin-left:21px; float:left; font-size: 16px; color: #666; margin-bottom: 30px;}
.gn_ul li img{ margin-bottom: 10px;}



.web_anli{ margin-top:30px;}

.web_problem{ position:relative; max-width: 1200px; margin: 0px auto; margin-bottom: 50px;}
.p_list{ margin-top:20px;}
.p_list  dt i,.p_list dd i{ color: #d7262e; margin-right:0.6em;}
.p_list dt{ display:block; line-height:40px; font-weight: bold; font-size: 14px; color: #333; border-bottom: 1px dotted #ccc;}
.p_list dt:hover{ cursor: pointer; color: #d7262e;}
.p_list dd{ font-size:14px; color: #666; line-height: 1.8em; padding:20px 20px 20px 20px; display: none;  background-color: #f8f8f8;}

.website_bg{background: url(/zweb_wang/images/website_04.gif) left top no-repeat;}

/*news_list*/
.news_line{position: relative; border-bottom: 1px dotted #eee;width: 100%; clear: both; padding: 20px 0px 20px 0px;}




/*contact page*/

.contact_banner{ position:relative; width: 100%; height: 298px; background: url(../images/contact_banner.jpg) top center no-repeat;}
.service_banner{ position:relative; width: 100%; height: 298px; }

.contact_con{ position:relative; max-width: 1200px; margin: 0px auto; min-height: 600px; margin-bottom:50px; padding-top: 50px;}
.conttact_right{float:right;max-width: 800px;  border-left: 1px solid #eee; min-height: 600px; padding-left: 30px; }
.cr_con{ line-height:1.8em; margin-bottom: 30px;font-size: 14px; color: #333; }
.cr_con img{ max-width:760px;}
.cr_con p{ margin-bottom: 1em;}
.cr_con a{ text-decoration:underline; color: #666;}
.cr_con a:hover{ color: #d7262e;}

.contact_left{ position: relative; width: 400px; text-align: center;}
.c_400{ position:relative; height: 300px; padding-top:40px;}
.c_add{ position:relative; height: 300px; margin-top: 20px;}
.c_400 em,.c_add em{	display: inline-block;	width: 100px;	height: 100px;	text-align: center;	border: 1px solid #e2e2e2;	border-radius: 50%;	line-height: 100px;	-webkit-transition:.3s;	transition:.3s; margin-bottom: 30px; }
.c_400:hover em{ border:1px solid #d7262e;}
.c_add:hover em{ border:1px solid #d7262e;}
.c_add a{ color:#666; line-height:3em;}
.c_add a:hover{ color: #d7262e;}
.c_400 em img,.c_add em img{ vertical-align:middle;}
.c_400 h3,.c_add h3{ font-size:30px;font-weight:normal; margin-bottom: 8px; color: #333; }
.c_400 p{font-family: Impact;	color: #d7262e;	font-size: 40px;}
.c_add p{ color: #666; font-size: 14px;}


.cr_form h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.cr_company,.cr_name,.cr_tel{	border-radius: 5px;    width: 310px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_xuqiu{	border-radius: 5px;    width: 330px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_info{ width:92%; height: 150px; border-radius: 5px; border: 1px solid #dddddd;padding: 5px 10px; font-size: 18px; margin-bottom: 20px; margin-right: 20px; color: #666; background-color: #f8f8f8;}

.cr_tijiao{
	width: 200px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background-color: #d7262e;
	font-weight: bold;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:.3s;
	transition:.3s;}
.cr_tijiao:hover{opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}



/*list2 news page*/
.list2_con_box{ position:relative; width: 100%; min-height: 600px; background-color: #eee; padding-top: 20px; padding-bottom: 20px;}
.list2_con{ position:relative; max-width: 1200px; margin: 0px auto; }
.list2_con a:hover{ color:#d7262e;}
.lc_left{ float:left;width: 820px; min-height: 600px;  }
.lc_position{ position: relative; height: 36px;  background-color: #fff; line-height: 36px; padding-left:15px; font-size: 12px; color: #999;}
.lc_position span{ color:#d7262e; font-weight: bold;}
.lc_position a{ color:#666;}


.lc_left_box{ background-color:#fff; padding:15px; margin-top: 10px;}
.lc_title{ height:40px; line-height: 40px; font-size: 14px; border-bottom: 2px solid #666;}
.lc_title span{ float:right; color: #999; font-size: 12px;}
.lc_title span a{ color:#999;}
.lc_title  h4{ color: #333; display: inline-block; border-bottom: 2px solid #d7262e; padding-right: 30px;}
.lc_title h4 i{ font-size: 18px; margin-right: 5px;}

.lc_ul{ font-size:14px; display:block; padding-top: 1em; color: #333;}
.lc_ul li{ display:block; line-height: 3em; border-bottom: 1px dotted #ccc;}
.lc_ul li i{ color:#d7262e; margin-right: 10px; margin-left:6px; font-size: 14px;}
.lc_ul li span{ float: right;  color: #999; }
.lc_ul li a{ display: inline-block; }
.lc_right_ul1 a{display: inline-block; width: 250px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.lc_right_ul2 a{display: inline-block; width: 290px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.n1_tj .lc_ul{ font-size:12px;}
.n1_tj .lc_ul li{ line-height:2.2em;border-bottom:none; }


.lc_right{ float:right; width: 370px; min-height: 600px;}
.lc_n1{background-color: #fff; padding: 10px 15px 20px 15px; margin-bottom: 15px; }
.lc_nav{ margin-top: 5px;}
.lc_nav a{ float:left; display: inline-block; width: 150px; height: 38px;line-height: 38px; border: 1px solid #eee;text-align: center; margin-left: 15px; margin-top: 10px; font-size: 14px; background-color: #f8f8f8;}
.lc_nav a:hover{border:1px solid #d7262e; background-color: #d7262e; color: #fff;}
.lc_navahover{border:1px solid #d7262e!important; background-color: #d7262e!important; color: #fff;}



/*--列表翻页--*/
.pager{padding:20px 0;text-align:center; margin-top:15px; color: #666; font-size: 12px;}
.pager li{ display: inline-block;}
.pager a{line-height:30px;padding:7px 12px;background:#efefef;margin:5px 3px;}
.pager a:disabled{}
.pager a[disabled="disabled"],.pager a[disabled="disabled"]:hover{background:#efefef;color:#ddd;}
.pager span.clicked{line-height:30px;padding:7px 12px;margin:5px 3px;background:#c10404;color:#fff;}
.pager a:hover{color:#fff;text-decoration:none;background:#c10404;}
.pageright{width:262px;height:auto;overflow:hidden;float:right;}
.pager .thisclass a{color:#fff;text-decoration:none;background:#c10404;}

/*article_article page*/
.ar{margin-left:20px; margin-right: 20px; font-size: 14px; color: #333;line-height: 1.8em; }
.ar header{  padding-top: 10px;}
.ar header h3{ font-size:20px; color: #333;text-align: center;line-height: 2em;}
.ar header h1{ font-size:22px; color: #333;text-align: center;line-height: 2em;}
.ar header p{ font-size:12px; color: #999;text-align: center;line-height: 2em; }
.ar header p a{ color:#999;}
.ar_intro{ margin:10px 0px 20px 0px; padding: 15px; border: 1px dotted #ccc; background-color: #f8f8f8; font-size: 12px; color: #666;line-height: 1.8em; }

.ar footer{ background-color:#fff; padding-top: 20px; margin-top:60px; margin-bottom: 10px; border-top:1px solid #eee;}

.ar_tel{ float:right; margin-top: -55px; display: inline-block; padding-left: 2em; color: #666; }
.ar_tel span{ font-size:24px;font-family: Impact; color: #d7262e;}
.xiangguan{ margin-left:-100px;}
.xiangguan li{ float:left; margin-left:100px;}
.correct{  background-color: #f7f7fa; font-size: 12px; color: #999; padding:0.5em 0em 0.5em 1em;border-left:2px solid #eee;}
.correct a{ color:#999;}



/*case_view*/
.caseview_box{ position: relative; width: 100%; background-color: #f8f8f8; min-height: 600px;}
.case_con{ position:relative; max-width: 1200px;  margin: 0px auto; min-height: 600px; background-color: #fff; margin-bottom: 20px;}
.case_con header{ margin:0px 20px 20px 20px; padding-top: 20px;}
.case_con header h3{ font-size: 24px; font-weight: normal; color: #333; line-height: 2em;}
.case_con header p{ font-size: 12px; color: #bbb;line-height: 2em;}
.case_con header a{ color:#bbb;}
.case_con header a:hover{color:#d7262e;}
.case_linkr{ float:right; color: #666; margin-top: -2em;}

.case_intro{ clear:both; background-color: #f8f8f8; font-size: 14px; color: #666; padding: 20px 150px; line-height: 2em;}
.case_con footer{ background-color:#fff;  font-size: 14px; line-height: 2em; width: 100%; padding-bottom:30px;}
.case_con footer p{ display: inline-block; margin-left: 2em;  color: #666;}
.case_con footer a{ color:#666;}
.case_con footer a:hover{ color:#d7262e;}
.anli_con{ padding-bootom:30px;}

/*article_article*/
.ar_ar_con p{ margin-bottom:1em;}
.ar_ar_con h3{ line-height:1.8em; font-size: 16px;margin-top: 1em; margin-bottom:1em;}
.ar_ar_con h2{line-height: 1.8em; font-size:22px; margin-top: 1em; margin-bottom:1em; }
.ar_ar_con img{ max-width: 100%!important; height: auto!important;}
.ar_ar_con a:hover{ text-decoration: underline;}





.tags_list { color:#ccc;}
.tags_list span{ font-weight:bold; color: #666;}
.tags_list a{ display: inline-block; padding: 0px 10px 0px 10px;}


.fa-angle-double-right{ margin-right:8px;}
.fa-angle-right{ margin-left:8px;}

/* 小火箭css */
#gotop1 {
    width: 80px;
    position: fixed;
    bottom: 90px;
    cursor: pointer;
    z-index: 99998;
    right: 50%;
    margin-right: -700px;
}





.swiper-container{ display:none;}

.mmenu_boxss{ display:none;}
.ar_ar_con{word-break:break-all; word-wrap:break-word;}

.anli_box{ background-color:#fff;}

.function-list-wrap a:hover{ color: #d7262e;}


.cr_con a{ text-decoration:none; color: #333;}
	  .carea {margin-top:20px;}
	  .carea a{text-decoration:none; display: inline-block; margin-right: 5px;}





/*移动端专用内容*/
.m_web_flow{ display:none; width: 100%;}
.m_web_flow img{ width:100%;}

















@media screen and (max-width:1220px){
	* {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	
	.menu_ul li a{border-left: 1px dotted #ccc; line-height: 14px; width: 90px; text-align: center;font-weight: bold;}
	
	
	
	
	.head{ heght:auto;}
	.logo{ text-align: center; position: relative; float: none; display: inline-block; }
	.logo img{ width:100%; height: auto;}
	.head_box{ text-align: center;}
	.ns_left{ width:100%; text-align: center;}
	.n_a{ float:none; display: inline-block;}
	.nav_top{ width:100%;}
	.menu_ul{ width:100%;display:inline-block; text-align: center;}
	.menu_ul li{ float:none;}
	.side-bar{ display:none;}
	.Homebanner{ display:none;}
	.swiper-container{ display:block;}
	.swiper-slide img{ width:100%;}
	/*banner style*/
	.swiper-slide{  text-align: center; }
	.ani{color:#fff; position:relative; z-index: 10;}
	.s_con{ position: absolute; padding-top: 20%; width: 100%; text-align: center; left: 0px; top: 0px;}
	
	.s_bg{ position:absolute; left: 0px; top: 0px;}
	.webpackage{display:none;}
	.c_title_right{display:none;}
	
	.c_ul{ padding: 0px; margin: 0px; clear: both; padding-top: 30px;}
	.c_ul li{ width:42.5%;margin:0px  0px 5% 5%; }
	.c_title{ padding-left:5%; padding-right:5%;}
	.c_title h3{ font-size:20px;}
	.c_title h3 span{ font-size:16px;}
	
	.flow{ padding:2%;}
	.flow H3{ font-size: 20px;}
	.flow_ul{display:block; padding-bottom: 20px;}
	.flow_ul li{ display:block; width: 50%; float: left; padding:5%; padding-bottom: 0px;}
	.flow_ul li:nth-child(2n+1){clear:both;}
.flow_ul li i{ font-size:42px; border:1px solid #cecece; color: #666; border-radius: 46px; width: 76px; height: 76px; line-height: 76px; transition: all 0.4s ease;}
.flow_ul li:hover i{ background-color: #d7262e; border:1px solid #fff; color: #fff;}
.flow_ul li h4{ font-size:18px; line-height: 48px; margin-top:0px;}
	
	.case_box{ padding-top:30px; padding-bottom: 0px;}
	.c_title a{ line-height: 26px;}
	
	/*biaodan*/
	.biaodan{position:relative; width: 100%; height: auto;background-color:#d6001d;}
.bd_box{ position:relative; width:100%; height: auto;  margin:0px; padding: 2%; padding-bottom: 5%; background: none; }
.bd_box h3{ color:#fff; display: inline-block; width: 100%; padding-top: 5%; font-size: 24px; font-weight: normal; text-align: center;}
.bd_form{ border-top:1px solid #ff8696;width: 100%; border-bottom: 1px solid #ff8696;padding: 0px; padding-top: 5%; text-align: center;}
	.bd_form select{ width:95%;  margin-bottom: 2%;margin-right: 0px;}
.bd_form input{width: 95%; margin-bottom: 2%; margin-right: 0px;}
.bd_form input:focus{ background-color: antiquewhite;}
.bd_box form label{ color:#fff; font-size: 14px; margin-bottom: 2%; display: inline-block; width: 100%;}
.xuqiu,.t_name,.t_phone{ width: 150px; height: 30px; font-size: 14px; border: none; line-height: 30px; color: #333; padding-left: 5px; margin-right: 30px; transition: all 0.4s ease 0s;}
.xuqiu:hover{background-color: antiquewhite; }
.xuqiu option{ height: 30px; line-height: 30px;}
.t_botton{  height: 30px; border: none; background-color: #000;  color: #fff; transition: all 0.4s ease;}
.t_botton:hover{ background-color: #171717; }
.bd_intro{ font-size:12px; color: #ffe4e8; line-height: 2em; margin-top: 20px;}
	
	
	.news{height:auto; padding-bottom: 8%; background-color: #fff; margin-top: 0px;}
	.news_box1{ float: left; width:100%; margin-top:0px; padding-top: 5%; margin-left: 0px; padding-left: 2%; padding-right: 2%;}
	.news_f45{ margin-left:0px;}
	.about_box{ padding-left:2%; padding-right: 2%;}
	.about_left{ width:100%; padding-bottom: 5%;}
	.about_right{ width:100%;}
	
	.ar_con_img { float: none; position:relative;display: block; margin-top:2%; margin-bottom: 5%;overflow: hidden;}
.ar_con_img img{transition: all 0.4s ease;}
.ar_con_img:hover img{ transform:scale(1.1);}
	
	.footer_top,.fter_line,.friend_link{ display:none;}
	.footer_box .fli ul{ display:none;}
	.f_con{ clear:both;margin-left: 5%; margin-right: 5%;}
	
	
	
	.webheader_box{ padding-left: 5%; padding-right: 5%;}
	.a_banner{ height:200px;}
	.a_banner_con{ margin-top:-50px;}
	.a_banner_con h1{ font-size: 48px;}
	.a_banner_con p{ font-size: 18px;}
	.contacta{width:70%; margin-top: 0px;}
	.a_item{ display:inline-block; padding: 0px 10px 0px 10px;  margin:30px 0px 30px 0px;}
.a_item span{ font-size:28px;}
.a_item span i{ font-size:18px; color: #666; }
	
	.ar{ margin-left: 0px; margin-right: 0px;}
	
	
	/* website page*/
.w_banner{ position: relative; width: 100%; height: 180px; text-align: center; background: url(../images/website_banner.jpg) top center no-repeat; padding-top:20px; color: #fff;}
.w_banner_h3{ line-height: 30px; font-weight: normal; font-size: 24px;}
.w_banner_line{ display: inline-block; width: 10%; height: 3px; background-color: #fff;}
.w_banner_p{ margin-top: 2%;}
.w_banner_a{ display: inline-block;width: 180px; height: 40px; text-align:center; line-height: 40px; background-color: #0366ce; color:#D2E8FF; margin-top:2%; transition: all 0.4s ease; }
	
	.web_flow{  padding-top: 30px; padding-bottom: 50px;}
.web_flow h3{ line-height:60px;}
.title_date{ color:#666; font-size: 12px; line-height: 1.5em;}

.web_flow_ul{ display:block; margin-top: 30px;}
.web_flow_ul li{ display:block; width:100%; padding: 30px 0px 20px 0px; border: 1px solid #eee; min-height: 0px; float:left; margin:0px; margin-bottom:5%; transition: all 0.4s ease;}
.web_flow_ul li:hover{ transform:scale(1); cursor: pointer; box-shadow:0px 0px 15px #eee;  }
.web_flow_ul li i{ font-size:50px; color: #d7262e; margin-bottom: 10px;}
.web_flow_t1{  position: relative; font-size: 18px; line-height: 2em; color:#333;}
.web_flow_t2{ color: #666; font-size: 14px;}
.web_flow_intro{ font-size:12px; color:#666; line-height: 2em; margin-top:25px;}
.website_bg{background:none;}
	
	
	.web_price{ position:relative; max-width: 1200px; margin: 0px auto; display: block; margin-top: 0px; }
	.web_price li{ width:100%; border: none; margin: 0px; margin-bottom: 2%;}
	
	.gn_intro{display:none;}
	.web_problem{ margin-left:5%; margin-right: 5%;}
	
	.gn_ul{ display:block; margin-left:0px; padding-top: 30px;}
.gn_ul li{ display:block; width:26%; height: auto;padding-top: 20px; text-align: center; border:1px solid #eee; border-radius: 5px; box-shadow: 0px 0px 10px #eee; margin-left:21px; float:left; font-size: 16px; color: #666; margin-bottom: 30px;}
	.gn_ul li span{ padding-bottom:20px; display: inline-block;}
.gn_ul li img{ margin-bottom: 10px; width: 40%;}
	
	
	
	/* anli view */

.anli_banner{ position:relative; width: 100%; height: 200px; background: url(../images/anli_02.jpg)  center center no-repeat;}
.anli_box{ position:relative; max-width: 1200px; margin: 0px auto; padding-bottom: 0px;}
.anli_box .c_ul li{ width: 45%; margin-left:5%; margin-right: 0px; margin-bottom: 5%;}
.anli_box .c_ula{}
.b_title a{ font-size:16px; color:#333; font-weight: normal;}
.link-detail{ color:#999; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.b_link{ margin-top:20px; padding-top: 10px;}
.c_conbox{ padding:20px 6% 0px 6%;}

.anli_nav{ padding-top:5%; padding-left: 5%; padding-right: 5%;}
.c_ul{ margin-left: 0px; }
.c_ulml{ margin-left:0px;padding-right: 5%;}
	
	
	
.index_news_mleft{ margin-left:0px;}
.news{ position:relative; max-width: 1200px; margin: 0px auto; height: auto; margin-top:0px; padding-top: 5%; background-color: #fff;}
.news_box1{ padding-left:5%; padding-right:5%; background-color: #fff;}

	.lc_title h4{ height:40px;}
	
	
	/*list2 news page*/
.list2_con_box{ position:relative; width: 100%; min-height:0px; background-color: #eee; padding-top:2%; padding-bottom:2%;}
.list2_con{ position:relative; max-width: 1200px; width: 100%; margin: 0px auto; }
.list2_con a:hover{ color:#d7262e;}
.lc_left{  position: relative; max-width:100%; width: 100%; min-height:0px;  }
.lc_position{ position: relative; height: 36px;  background-color: #fff; line-height: 36px; padding-left:15px; font-size: 12px; color: #999;}
.lc_position span{ color:#d7262e; font-weight: bold;}
.lc_position a{ color:#666;}


.lc_left_box{ background-color:#fff; padding:15px; margin-top:2%;}
.lc_title{ height:40px; line-height: 40px; font-size: 14px; border-bottom: 2px solid #666;}
.lc_title span{ float:right; color: #999; font-size: 12px;}
.lc_title span a{ color:#999;}
.lc_title  h4{ color: #333; display: inline-block; border-bottom: 2px solid #d7262e; padding-right: 30px;}
.lc_title h4 i{ font-size: 18px; margin-right: 5px;}

.lc_ul{ font-size:14px; display:block; padding-top: 1em; color: #333;}
.lc_ul li{ display:block; line-height: 2.2em;}
.lc_ul li i{ color:#d7262e; margin-right: 10px; margin-left:6px; font-size: 14px;}
.lc_ul li span{ float: right;  color: #999; }
.lc_ul li a{ display: inline-block; padding-top: 8px; padding-bottom:8px;line-height: 1.5em;}


.lc_right{ position: relative; margin-top:3%; width:100%; min-height:0px;}
.lc_n1{background-color: #fff; padding: 10px 15px 20px 15px; margin-bottom: 15px; }
.lc_nav{ margin-top: 5px;}
.lc_nav a{ float:left; display: inline-block; width: 150px; height: 38px;line-height: 38px; border: 1px solid #eee;text-align: center; margin-left: 15px; margin-top: 10px; font-size: 14px; background-color: #f8f8f8;}
.lc_nav a:hover{border:1px solid #d7262e; background-color: #d7262e; color: #fff;}
	.n1_tj{ display:none;}
	
	.anli_con{ width:100%;}
	.anli_con img{ width: 100%!important; max-width:1200px; height: auto!important;}
	.case_intro{ clear:both; background-color: #f8f8f8; font-size: 14px; color: #666; padding:5% 5%; line-height: 2em;}
	
	.ar_ar_con img{  max-width:100%; height: auto!important;}
	
	
	
	
	/*contact page*/
	.contact_banner{height:180px; background-position: center -100px;}
.service_banner{ height:180px; background-position: center -100px;}

.contact_con{ position:relative; max-width:100%; margin: 0px; min-height:0px; margin-bottom:5%; padding-top:0px;}
.conttact_right{ position:relative; clear: both; width: 100%; max-width: 100%; padding-left: 5%; margin-left: 5%; margin-right: 5%; padding-top:0px; border-left: 0px; min-height:0px;}
.cr_con{ line-height:1.8em; margin-bottom: 30px; padding-top: 5%;  padding-left: 5%; font-size: 14px; color: #666; }
.cr_con img{ width: 100%; max-width:760px;}
.cr_con p{ margin-bottom: 1em;}
.cr_con a{ text-decoration:underline; color: #666;}
.cr_con a:hover{ color: #d7262e;}

.contact_left{float:right; clear: both;position: relative;width:100%; text-align: center;}
.c_400{width: 50%; float:left;height:auto; padding-top:0px;}
.c_add{width: 50%; float: right;height: auto; margin-top: 0px;}
.c_400 em,.c_add em{	display: inline-block;	width: 100px;	height: 100px;	text-align: center;	border: 1px solid #e2e2e2;	border-radius: 50%;	line-height: 100px;	-webkit-transition:.3s;	transition:.3s; margin-bottom: 30px; }
.c_400:hover em{ border:1px solid #d7262e;}
.c_add:hover em{ border:1px solid #d7262e;}
.c_add a{ color:#666; line-height:3em;}
.c_add a:hover{ color: #d7262e;}
.c_400 em img,.c_add em img{ vertical-align:middle;}
.c_400 h3,.c_add h3{ font-size:30px;font-weight:normal; margin-bottom: 8px; color: #333; }
.c_400 p{font-family: Impact;	color: #d7262e;	font-size: 40px;}
.c_add p{ color: #666; font-size: 14px;}


.cr_form h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.cr_company,.cr_name,.cr_tel{	border-radius: 5px;    width: 310px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_xuqiu{	border-radius: 5px;    width: 330px;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right: 20px;color: #666;}
.cr_info{ width:92%; height: 150px; border-radius: 5px; border: 1px solid #dddddd;padding: 5px 10px; font-size: 18px; margin-bottom: 20px; margin-right: 20px; color: #666; background-color: #f8f8f8;}

.cr_tijiao{
	width:150px; margin-bottom: 2%;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background-color: #d7262e;
	font-weight: bold;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:.3s;
	transition:.3s;}
.cr_tijiao:hover{opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
	
	
	
}








@media screen and (max-width:680px){
	/*phoneMenu*/
	.menu_ul{ border-top:none;}
	.menu_ul li{display: block; width: 100%; }
	.menu_ul li a{ display:block; width: 100%;text-align: left; line-height: 36px; border-left: none; padding-left: 0px;}
	.lia:hover{ display:block;width: 100%;text-align: left; line-height: 36px; padding-left: 0px;}
	
	
	.nav_top{ width:100%; display: none;}
	.s_con h3{ font-size:20px;}
	.s_con p{ font-size: 16px;}
	.case_box{display:block;}
	
	.flow { padding-top:0px;}
	.flow p{ font-size:14px;}
	.flow h3{ margin-top:0px;}
	.flow_ul{ margin-top:0px;}
	.b2{ display:none;}
	.about{ display:none;}
	
	
	.news_date{ display:none;}
	.lc_ul li span{ display:none;}
	
	.mmenu_boxss{ display:block; background-color: #fff;}
	.head{ display:none;}
	
	.mmenu_logo{float:right; padding-top:10px; padding-right: 10px;}

	.mmenu{
	display: block;
	width: 46px;
	height:46px;
	padding: 12px 10px 12px 10px;
	
	position: absolute;
	top: 0px;
	left:0px;
    font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height:46px;
	position: relative;
	-webkit-text-size-adjust: none;
	}
.mmenu:before,
.mmenu:after
{
	content: '';
	display: block;
	background: #666;
	height: 2px;
}
.mmenu span
{
	background: #666;
	display: block;
	height: 2px;
	margin: 8px 0;
}
	
	
	.a_news {
    display: none;
}
	.web_flow{ display:block; padding-bottom: 0px;}
	.m_web_flow{ display:block;}
	
	.gn_h3{ margin-left:5%;}
	
	
	.anli_nav_p a{ display:inline-block; margin-right: 0px; margin-right: 2%; padding: 0px; margin-bottom:2%; width: 30%; height: 32px; line-height: 32px; text-align: center;background-color: #eeee; }

	.load_more{ width:40%; height: 42px; margin-bottom: 0px; line-height: 40px;}
}



/*网站维护页面*/
.wh_ul{display:block; clear: both;position: relative; width: 100%; padding-left: 20px;}
.wh_clear{clear:both;}
.wh_ul li{display:block; width: 45%; float: left;  position: relative;padding-left: 26px; line-height: 36px;}
.wh_ul li:before{background:url(/zweb_wang/images/right2.png) 0 0 no-repeat;display: block;	content:'';	width: 19px;height: 15px;position: absolute;top: 10px;left:0;}
.cr_con p{ margin-bottom: 0px;}
.wh_banner_info{position: absolute;width:400px; margin-left: -200px; left: 50%;top:30%; text-align: center; color:#fff;}
.wh_ul1 li{width:100%;}

/*案例修改*/
.an_jiantou{display: inline-block; padding-top: 8px; padding-bottom: 8px; float: right;}
.an_jiantou:hover .point{background: url(../images/ico_082.png) no-repeat left top;}

/*网站维护banner特效*/
#output {
	width: 100%;
	height: 100%;
}
.color {
	width: 120px;
	height: 20px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -60px;
	bottom: 20px;
}
.color li {
	float: left;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	background: #ccc;
	box-shadow: 0 0 4px #FFF;
	list-style: none;
	cursor: pointer;
}
.color li:nth-child(1) {
	background: #002c4a;
}
.color li:nth-child(2) {
	background: #35ac03;
}
.color li:nth-child(3) {
	background: #ac0908;
}
.color li:nth-child(4) {
	background: #18bbff;
}




@media screen and (max-width:750px){
	.wh_ul li{width:100%;}
	
	.web_flow_ul li{width:50%; margin-bottom: 0px; }
	.web_flow_ul li:nth-child(2n){border-left: 0px;}
	.web_flow_intro{margin-top:20px; }
	.web_flow{ padding-bottom:5%;}
	
	.a_qywh .gywm_con{padding-left:5%; padding-right: 5%;}
	.webheader h3{ font-size:20px;}
	.webheader_box{ padding-top:5%;}
	#aboutus{padding-top:5%!important;}
	#aboutus .gywm_con{ text-align:left;}
	.a_item{ margin:6% 0%; padding: 0px; width: 32%; text-align: center; font-size: 12px;}
	
	.a_qywh{padding-top:5%;}
	.a_qywh .gywm_con{ text-align: left;}
	.a_banner_con p{ font-size:15px;}
	.gongneng .gn_h3{margin-left:5%;}
	.case_intro{ line-height:1.5em;}
	
}




@media screen and (max-width:460px){
	* {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.anli_banner{ display:none;}
	.mmenu_boxss{ border-bottom: 1px solid #eee;}
	.nav_top{ width:100%; display: none;}
	
	.swiper-button-prev{}
	.swiper-button-next{}
	
	
		
	.c_400{width: 100%; float:left;height:auto; padding-top:5%;}
.c_add{width:100%; float: right;height: auto; padding-top:10%; margin-top: 0px;}
	
.cr_form h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.cr_company,.cr_name,.cr_tel{	border-radius: 5px;    width:100%;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right:0px;color: #666;}
.cr_xuqiu{	border-radius: 5px;    width:100%;    height: 40px;    background-color: #f8f8f8;    padding: 0 10px;    border: 1px solid #dddddd;  font-size: 18px; margin-bottom: 20px; margin-right:0px;color: #666;}
.cr_info{ width:100%; height: 150px; border-radius: 5px; border: 1px solid #dddddd;padding: 5px 10px; font-size: 18px; margin-bottom: 20px; margin-right:0px; color: #666; background-color: #f8f8f8;}

.cr_tijiao{
	width:40%; margin-bottom: 2%;
	height: 50px;
	color: #fff;
	line-height: 50px;
	background-color: #d7262e;
	font-weight: bold;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:.3s;
	transition:.3s;}
	
.s_con h3{ font-size:18px;}
	.s_con p{ font-size: 14px;}
	
	/*websitePage*/
	.w_banner_h3{ font-size:18px; margin-left: 5%; margin-right: 5%; line-height: 1.5em;}
	.w_banner_p{ font-size:14px; margin-left: 5%; margin-right: 5%;}
	.w_banner_a{ width:140px; height:30px; margin-top: 15px; font-size: 14px; line-height: 30px;}
	.webheader p{line-height: 1.5em; margin-top: 20px; }
	.web_package .webheader p{font-size:14px; margin-left: 5%; margin-right: 5%; margin-bottom: 5%;}
	
	
	
	/*anliListPage*/
	.anli_nav_p{ display:block; }
	.anli_nav_a{ margin-left: 0px;}
	.c_conbox{ padding:0px 10px 0px 10px;}
	.b_title{max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.b_title a{ font-size:12px;}
	.b_link{ margin-top:0px; padding-bottom: 10px; font-size: 12px;}
	.an_jiantou{ padding-top:5px;}
	.anli_box .c_ul li{ margin-bottom:20px;}
	.contact{ display:block; background-color: #f8f8f8;}
	.contact h3{ font-size:16px;}
	.contact .contacta{ width: 60%; height: 52px; line-height: 52px!important; margin-top: 20px; margin-bottom: 10px;}
	.case_linkr{display:none;}
	
	.ar header h1{ line-height: 1.4em;}
	.ar header p{line-height:1.5em; margin-top: 10px;}
	.anli_nav h3{ font-size:24px;}
	.bd_box h3{font-size:18px;}
	.bd_box form label{text-align:left; width:95%;}
	
	.p_list dt{line-height:1.5em; padding-top: 6px; padding-bottom:6px;}
	.gn_h3{margin-left:0px;}
	.p_list dd{ padding: 5%;}
	.page-num-current{background-color:#d7262e!important; color: #fff!important;}
	
	.fli{ margin-right: 0px; margin-left: 5%;}
	.footer_box{padding-top:5%;}
	
	.web_price_index{ padding-bottom: 0px; padding-top: 20px; background-color: #fff;}
	.web_price_index .ibt_box{ background-color: #fff;}
	.flow_ul li i{width: 60px; height: 60px; font-size: 35px; line-height: 60px;}
	.flow p{margin-bottom:10px;}
	.ppi{margin-top:20px; margin-bottom: 20px;}
	.web_price_index li{ width:50%; padding: 20px;}
	.web_price_index li h3{font-size: 18px;}
	.web_price_index .web_price li:hover{box-shadow:none; background-color: #f8f8f8;}
	.web_anli{ margin-top:10px;}
	
}
.ibt_box{text-align:center; padding-bottom: 6%;}
.ibt_a{width:50%; display:inline-block;  height: 42px; line-height: 40px; text-align: center;border:1px solid #eee; color: #666;}
.biaodan a:hover{ text-decoration: underline;}
.webheader p a:hover{color:red;}