/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.container{width: 1200px!important;margin: 0 auto;padding: 0;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/*头部*/
.top{border-bottom: 1px solid #dedede; height: 42px; line-height: 42px; color: #999999;}
.wel{}
.seo1{}
.seo1 a{color: #999999;}
.head{ height: 100px; }
.logo{ line-height: 100px; }
.h_wz{ background: url(../images/line1.png) no-repeat left center; height:100px; padding-left: 16px;margin-left: 17px;}
.h_wz h2{font-size: 24px; color: #000000; font-weight: normal; margin-top: 22px}
.h_wz h3{font-size: 14px;color: #000000; font-weight: normal; margin-top: 10px;}
.tel{ background: url(../images/tel.png) no-repeat left center; padding-left: 55px; margin-top: 8px;}
.tel p{line-height: 22px;}
/*导航*/
.menu{ float: right; }
.xmenu { width: 725px;}
.xmenu li {height: 100px; line-height: 100px; float: left; position: relative; width: 100px; text-align: center; }
.xmenu li a {display: block;color: #000000; font-size: 16px;}
.xmenu li:hover { background: #009899; }
.xmenu li:hover a{color: #ffffff;}
.xmenu li a.on {background: #009899; color: #ffffff;}
.xmenu li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.xmenu li .x-sub-menu { position: absolute; z-index: 99; width: 128%; left: -14px; top: 101px; background: rgba(0,152,153,0.7); padding: 0px; opacity: 0; border-radius: 5px; }
.xmenu li .x-sub-menu li{background: none;height: 40px; line-height: 40px;width: 129px;}
.xmenu li .x-sub-menu li a { display: block; text-align: center; font-size: 18px; color: #ffffff;padding: 0px; background: none;height: 40px; line-height: 40px;}
.xmenu li .x-sub-menu li:hover a { background: #009899; color: #ffffff; border-radius: 5px; height: 40px; line-height: 40px;}
.xmenu li .x-sub-menu:after { }
/*banner dot*/
.x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999; left: 0; width: 100%; text-align: center; font-size: 0; bottom: 5%; }

.x-banner .owl-carousel .owl-dots button.owl-dot { display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 .5em; outline: none;  border-radius: 0px; width: 50px; height: 10px; opacity: 1; background: #fff;}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover { background: #009899; border: 1px solid #fff; opacity: 1;}

.x-banner .owl-carousel .owl-dots button.owl-dot.active { background: #009899; border: 1px solid #fff;}

/*搜索*/
.hotsearch{height: 50px; background: #d6d6d6;}
.hotsearch .h-key{font-size: 14px; color: #111111;line-height: 50px;}
.hotsearch .h-key a{color: #111111;line-height: 50px; margin-right: 8px;font-size: 14px;} 
.hotsearch #formsearch{ display: inline-block; vertical-align: middle;background-image: url(../images/ss.png); background-color: transparent; background-repeat: no-repeat; background-position: center; width: 270px; height: 40px; margin-top: 5px;position: relative;}
.hotsearch #formsearch #s_btn { float: left; outline: none; border: none; width: 50px; height: 40px; font-size: 0; line-height: 39px; background: none;}
.hotsearch #formsearch #keyword { float: left; background: none; outline: none; border: none; width: 220px; color: rgba(0, 0, 0, 0.8); height: 40px; padding-left: 15px; }
/*我们能为您做什么*/
.box1{padding-top: 60px;}
.tit1{}
.tit1 h2{font-size: 36px; color: #535353; text-align: center; font-weight: normal;}
.tit1 h3{font-size: 16px; color: #a8a8a8; text-align: center; margin-top: 25px;font-weight: normal;}
.whatdo{ margin-top: 45px; }
.whatdo .hd{float: right; width: 285px;}
.whatdo .hd ul{}
.whatdo .hd ul li{width: 285px; height: 110px; background:#009899; font-size: 24px; text-align: center; line-height: 110px; margin-bottom: 8px;}
.whatdo .hd ul li:hover{ background:#035354;}
.whatdo .hd ul li a{color: #ffffff;}
.whatdo .bd{ width: 908px; float: left; }
.whatdo .bd ul{}
.whatdo .bd ul li{}
.whatdo .bd ul li a{}
/*优势*/
.box2{padding-top: 60px; padding-bottom: 65px;}
.adv{ margin-top: 45px; }
.adv li{ background: url(../images/adv_bj.png) no-repeat top center; width: 193px; height: 305px; float: left; margin-right: 8px;}
.adv li:last-child{ margin-right: 0; }
.adv .ys_pic{ margin-top: 55px; text-align: center; height: 50px;}
.adv h2{font-size: 20px; color: #000000;text-align: center; margin-top: 50px; font-weight: normal;}
.adv h3{ font-size: 14px; color: #898989; line-height: 25px; font-weight: normal; text-align: center; padding: 0 15px; margin-top: 10px;}
/*关于我们*/
.box3{ background: url(../images/ab_bj.png) no-repeat top center; height: 638px; padding-top: 55px;}
.ab_pic{margin-top: 50px; width: 650px;}
.ab_con{margin-top: 50px; background: url(../images/ab_bj2.png) no-repeat left 10px;width: 527px; position: relative;height: 366px;}
.ab_con h2{font-size: 30px; color: #333333; font-weight: normal;margin-top: 52px; margin-left: 155px;}
.ab_con h3{font-size: 16px; color: #535353;line-height: 25px;font-weight: normal;padding-left: 105px; margin-top: 20px; height: 225px; width:527px;overflow: hidden;}
.ab_con span{width: 30px; height: 82px;position: absolute; left: 58px; top: 182px; text-align: center; line-height: 16px; font-size: 16px; display: block; padding-top: 8px;}
.ab_con span a{color: #00fbff;}
/*打印流程*/
.box4{padding-top: 60px; padding-bottom: 60px;}
.print1{ margin-top: 60px; }
.pt_list1 li:first-child{margin-left: 10px; padding-left: 0;}
.pt_list1 .upl{ /*background: url(../images/upload1.png) no-repeat 57px center;*/width: 220px; height: 45px; line-height: 45px; border-radius: 5px; padding-left: 100px; font-size: 14px; color: #009899; border: 1px solid #009899; margin-top: 13px;}
.pt_list1 .upl:hover{color:#035354;border: 1px solid #035354;}
.pt_list1 .p_contact{background: url(../images/contact.png) no-repeat 27px center;width: 220px; height: 45px; line-height: 45px; border-radius: 5px; padding-left: 78px;font-size: 14px; color: #009899; border: 1px solid #009899; margin-top: 37px;}
.pt_list1 .p_contact:hover{color:#035354;border: 1px solid #035354;}
.pt_list1 li{float: left; margin-left: 30px; padding-left: 55px;}
.pt_list1 li h2{font-size: 14px; color: #009899;font-weight: normal; text-align: center;margin-top: 15px;}
.pt_list1 li .ys_pic{width: 150px; height: 150px; border-radius: 50%; border: 1px solid #009899; display: block; text-align: center; line-height: 150px;}
.pt_list1 li:nth-child(2){background: url(../images/jt1.png) no-repeat left center;}
.pt_list1 li:nth-child(3){background: url(../images/jt2.png) no-repeat left center;}
.pt_list1 li:nth-child(4){background: url(../images/jt1.png) no-repeat left center;}
.pt_list1 li:nth-child(5){background: url(../images/jt2.png) no-repeat left center;}
.print2{ background: url(../images/3d.png) no-repeat top center; margin-top: 35px;}
.pt_list2{padding-top: 60px;}
.pt_list2 li{float: left; padding: 0 40px; text-align: center; margin-right: 117px;}
.pt_list2 li:last-child{margin-right: 0;}
.pt_list2 li h2{font-size: 36px; color: #009899;}
.pt_list2 li h3{font-size: 14px; color: #a8a8a8; font-weight: normal;margin-top: 25px;}
/*广告横图*/
.box5{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 150px; overflow: hidden;}
.h_tel{position: absolute; right: 407px; top: 60px;}
.h_tel h2{font-size: 12px; color: #ffffff; text-align: right;font-weight: normal; margin-top: 5px;}
/*客户案例*/
.box6{ padding-top: 50px; padding-bottom: 62px;}
.case{ margin-top: 50px; position: relative;}
.case_list{ height: 680px;}
.case_list li:first-child{ position: absolute; left: 0; top: 0; }
.case_list li:nth-child(2){ position: absolute; left: 370px; top: 0; }
.case_list li:nth-child(3){ position: absolute;right: 0; top: 0; }
.case_list li:nth-child(4){ position: absolute;left: 370px; top:310px; }
.case_list li:nth-child(5){position: absolute; right: 0; top: 310px;}
.case_list li a{display: block; position: relative;}
.case_list li a .case_mb{background: rgba(53,53,53,0.5); display: block;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.case_list li a:hover .case_mb{display: none;}
/*合作加盟*/
.box7{ background: url(../images/hzjm.png) no-repeat top center; height: 455px; margin-top: 60px;}
.company{padding-top: 118px;}
.company li{ float: left; width: 230px; height: 96px; overflow: hidden; background: #fff; position: relative; margin-right: 12px; margin-bottom: 12px;}
.company li:nth-child(5n){margin-right: 0;}
.company li a {display: block;}
.company li a .hzjm_t{display: none; background: url(../images/hz_bj.png) no-repeat center #02b2b5; color: #fffefe;text-align: center;line-height: 96px; position: absolute; left: 0; top: 0; width: 230px; height: 96px; font-size: 20px;}
.company li:hover a .hzjm_t{ display: block;}
.hz_more{font-size: 18px; text-align: center; margin-top: 15px;}
.hz_more a{color: #02b2b5;}
/*行业动态*/
.box8{ background: url(../images/news.png) no-repeat top center; padding-top: 42px; height: 623px; margin-top: 60px;}
.news1{width: 350px; height: 525px; background: #fff; margin-left: 42px; padding: 15px 10px;}
.n_tit{}
.n_tit h2{font-size: 20px; color: #000000; text-align: center; background: url(../images/n_line.png) no-repeat center;font-weight: normal;}
.n_tit h3{ font-size: 14px; color: #a8a8a8; text-align: center;text-transform: uppercase;font-weight: normal; margin-top: 12px;}
.new_pic{margin-top: 20px;}
.n_list{}
.n_list li{font-size: 14px; margin-top: 15px;}
.n_list li span{float: right;}
.n_list li a{color: #6c6c6c;}
.n_list li:hover a{color: #02b2b5;}
.n_more{background: url(../images/n_more.png) no-repeat center; height: 41px; line-height: 40px; text-align: center; font-size: 14px;margin-top: 30px;}
.n_more a{color: #05fbff;}
.news2{margin-left: 35px; width: 350px; height: 525px; background: #fff;padding: 15px 10px;}

.message{width: 350px; height: 525px; background: #fff; margin-left: 35px;padding: 15px 10px;}
.mess_con{ margin-top: 20px; }
.m_xm{ margin-bottom: 10px; }
.m_xm input{ font-size: 14px; color: #272727; line-height: 50px; height: 50px; width: 330px; padding-left: 10px;}
.m_tel{margin-bottom: 10px; }
.m_tel input{ font-size: 14px; color: #272727; line-height: 50px; height: 50px; width: 330px; padding-left: 10px;}
.m_lynr{margin-bottom: 10px; }
.m_lynr textarea{font-size: 14px; color: #272727; line-height: 50px; height: 170px; width: 330px; padding-left: 10px;}
.m_yzm{ margin-bottom: 20px; }
.m_yzm input{width: 135px; height: 50px; line-height: 50px; padding-left: 10px;}
.m_tj{background: url(../images/n_more.png) no-repeat center top; height: 40px; line-height: 40px;}
.m_tj input{width: 330px; height: 40px; text-align: center; background: none; border: none; color: #00fbff; font-size: 14px; line-height: 40px;}

/*友情链接*/
.box_link{ background: #666666; height: 60px;}
.f_link{ width: 1200px; margin: 0 auto; line-height: 50px; }
.link_logo{ width: 168px; border-right: 1px solid #7f7f7f; margin-top: 9px; height: 42px;}
.link_logo h2{float: left;width: 75px; font-size: 39px; color: #ffffff; font-weight: normal;}
.link_logo h3{float: left;width: 65px; margin-left: 10px; background: url(../images/line7.png) no-repeat bottom left; padding-bottom: 10px; font-size: 15px; color: #ffffff; font-weight: normal; margin-top: 5px;}
.f_link .f_l{ margin-left: 20px; }
.f_link .f_l a{ float: left; margin: 0 20px; color: #d1d1d1; font-size: 14px;}

/*页面底部*/
.out-foot{background:url(../images/lx_bj.png) no-repeat top center; padding-top: 35px;height: 380px;}
.foot{width: 1200px;margin: 0 auto;height: 380px; overflow: hidden; font-size: 14px;}
.foot a{font-size: 14px;}
.lx{margin-top: 40px;}
.lx a:hover{color: #919090;}
.lx li{float: left; padding: 72px 75px 0 75px; text-align: center; line-height: 25px; font-size: 14px;}
.lx li:first-child{ background: url(../images/lx1.png) no-repeat top center; }
.lx li:nth-child(2){background: url(../images/lx2.png) no-repeat top center; }
.lx li:nth-child(3){background: url(../images/lx3.png) no-repeat top center; }
.lx li:nth-child(4){background: url(../images/lx4.png) no-repeat top center;
    padding: 72px 0px 0 0px;}
    .lx li:nth-child(4) p{float:left;}
.lx li h2{font-size: 18px; color: #6b6b6b; font-weight: normal; margin-bottom: 5px;}
.copyright{text-align:center;line-height:30px; width: 100%; margin: 0 auto;background: #fff; padding: 30px 0; color: #919090;}
.f_copy{ width: 1200px; margin: 0 auto; color: #919090; font-size: 14px;}
.f_copy a{ color: #919090; font-size: 14px;}


/*内页文件提交*/
.m_lynr2{margin-bottom: 10px; float: left;}
.m_lynr2 textarea{font-size: 14px; color: #272727; line-height: 50px; height: 170px; width: 230px; padding-left: 10px;}
.mess_wj{ float: right; width: 89px; height: 170px; background: #272727; text-align: center; color: #00fbff; padding-top: 60px; line-height: 25px;}