@charset "utf-8";
/* CSS Document */

/*--------------------全局定义-----------------*/

body { margin:0 auto; font-size: 14px; font-family:Microsoft YaHei,SimSun,SimHei; line-height: 1.5;}
ul,li,ol,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding: 0; margin: 0; list-style:none; }
img { border: 0px;}
a { text-decoration: none; color:#333;}
a:hover{ color:#f00;}
i{ font-style:normal;}
.clear { clear: both; height: 0; font-size: 0px; line-height: 0px; overflow:hidden;}
.ads{ height: 274px; text-align:center; margin-top:25px; clear:both;}


.top {background:#0096ff; height:28px; line-height:28px;}
.top .con{width:1000px; margin:0 auto;}
.top .con .left {float:left; color:#fff;}
.top .con .right{float:right; color:#fff;}
.top .con .right a {color:#fff; margin:0px 5px;}
.top .con .right a:hover {color:#000;}

.head {overflow: hidden;background:#fff; height: 107px;}
.head .con {width:1000px; margin:0 auto; position:relative;}
.head .con .logo {float:left;}
.head .con .des {float:left; margin-top: 12px;}
.head .con .tel {float:right; margin-top: 20px; position:absolute; top: 10px; right:0px; width:230px; color:#666; line-height:22px;}
.head .con .tel .ico {float:left; margin-right:5px;}

.head-kg { height:8px; background:#0096ff;}

.nav { height:52px; line-height:52px; background:url(../images/nav-bg.jpg) repeat-x;}
.nav ul { width:1000px; margin:0 auto;}
.nav ul li { float:left; font-size:16px;}
.nav ul li.con{width:120px; text-align:center; border-right:1px #fff solid;}
.nav ul li.con a {color:#666; display:block;}
.nav ul li.con a:hover,.nav ul li a.sond{background:url(../images/nav-a.jpg) repeat-x; color:#fff; display:block;}

/*--------------------banner-----------------*/

.bannerBox{width:100%; height:500px; }
#flashs{ position:relative; height:500px;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:30px; left:50%; margin-left:-64px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#007eff;}


.main {width:1000px; margin:0 auto; margin-top:20px;}
.main .nav-left {float:left; width:280px; min-height:773px;}
.main .nav-left .lm{ position: relative; height:61px; line-height:61px; padding-left:17px; background:url(../images/nav-top.jpg) no-repeat;}
.main .nav-left .lm span {font-size:24px; color:#fff;}
.main .nav-left .lm em {font-size:14px; color:#fff;}
.main .nav-left .nav-con { min-height: 854px;  border-left:1px #c7c7c7 solid; border-right:1px #c7c7c7 solid; border-bottom:1px #c7c7c7 solid;}
.main .nav-left .nav-con .menu_list h3{ height:35px; line-height:35px; margin-top: -1px; padding-left:43px; background:url(../images/hli-bg.jpg) no-repeat; color:#444;}
.main .nav-left .nav-con .menu_list .menu_body {padding:0px 18px;  padding-bottom:10px; line-height:35px;}
.main .nav-left .nav-con .menu_list .menu_body a {display:block; background:url(../images/hlia-bg.png) 10px center no-repeat; padding-left:25px; border-bottom:1px #ddd dashed;}

.main .pro-rec {float:right; width:710px;}
.main .pro-rec .lm { border-bottom:1px #999 solid;}
.main .pro-rec .bot-line {padding: 3px; border-bottom:3px #007eff solid;}
.main .pro-rec .bot-line strong { font-size:24px; font-weight: normal; color:#007eff;}
.main .pro-rec .bot-line i {color:#666;}

.main .pro-rec ul li {width:345px; height:474spx; float:left; position:relative; margin-top:10px;}
.main .pro-rec ul li.left {margin-right:20px;}
.main .pro-rec ul li .title {height:39px; line-height:39px; background:#007dc5; text-align:center; font-size:18px; }
.main .pro-rec ul li .title a {color:#fff;}
.main .pro-rec ul li .cs {background:url(../images/cs.jpg) 275px 52px no-repeat; height:80px; overflow:hidden; color:#333; line-height:24px;}
.main .pro-rec ul li .cs .l{float:left; width:90px; text-align:right;}
.main .pro-rec ul li .cs .r{float:left;}
.main .pro-rec ul li .zs {text-align:center;}


/******** partner start ********/
.partner{width:1000px; margin:0 auto; margin-top:30px; overflow:hidden; background:#f3f3f3; /*height: 506px;*/ position:relative;}
.partner ol{ text-align:center;}
.partner span{ position:absolute; top:86px; display:block;}
.partner_l{ left:14px;}
.partner ul{ margin-top:10px; }
.partner ul li{ margin:5px 22px; float:left; text-align:center; line-height:25px; display:inline;}
.partner ul li img{ border:#dedede solid 1px;}
.partner_r{ right:14px;}
/******** partner end ********/

.anli{width: 1000px;margin: 0 auto;margin-top: 30px;overflow: hidden;}
.anli ol{ height:43px; line-height:43px; position:relative; border-bottom:#999 solid 1px;}
.anli ol p{ height:42px; display:inline-block; border-bottom:#007eff solid 2px;}
.anli ol span{ font-size:24px; color:#007eff;}
.anli ol font{ color:#666; font-style:italic}
.anli ol i{ position:absolute; top:0px; right:0px;}



/*--------------------  视频展示  -----------------*/

.hzhb .hzCont{margin-top: 20px; position:relative;}
.hzhb .hzCont ul{margin:0 auto; width:888px; overflow:hidden;}
.hzhb .hzCont li{margin:0 7px; float:left; width:167px; text-align:center;}
.hzhb .hzCont li img{border:1px solid #cfcfcf;}
.hzhb .hzCont li h5{margin-top:6px; font-weight:normal;}
.hzhb .hzCont li h5 a{color:#333;}
.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top: 30%; width: 27px; height: 53px;}
.hzhb .hzCont .btnLeft{left:10px; background:url(../images/jt_l.jpg) no-repeat center;}
.hzhb .hzCont .btnRight{right:10px; background:url(../images/jt_r.jpg) no-repeat center;}

/*--------------------  产品对比  -----------------*/
.duibi {width:1000px; margin:0 auto;}
.duibi .lm {height:103px; line-height:103px; text-align:center; background:url(../images/duibi-lm.jpg) repeat-x; color:#fff; font-size:36px;}
.duibi .con {height: 737px; position:relative; background:url(../images/duibi.jpg) no-repeat;}
.duibi .con .l-tit {font-size:30px; color:#004ba8; position:absolute; top: 10px; right: 647px;}
.duibi .con .r-tit {font-size:30px; color:#a3a3a3; position:absolute; top: 10px; left: 610px;}
.duibi .con .l-img {position:absolute; top: 101px; left: 21px;}
.duibi .con .r-img {position:absolute; top: 101px; right: 24px;}
.duibi .con .l-con {padding-left: 20px;position:absolute; width: 420px; height: 140px; font-size:18px; line-height: 36px; color:#fff; top: 600px; left: 21px;}
.duibi .con .r-con {padding-left: 20px;position:absolute; width: 420px; height: 140px; font-size:18px; line-height: 36px; color:#666; top: 600px; right: 31px;}

	

.cer-about{width:1000px; margin:0 auto; margin-top:30px;}
.home_title ol{ height:43px; line-height:43px; position:relative; border-bottom:#999 solid 1px;}
.home_title ol p{ height:42px; display:inline-block; border-bottom:#007eff solid 2px;}
.home_title ol span{ font-size:24px; color:#007eff;}
.home_title ol font{ color:#666; font-style:italic}
.home_title ol i{ position:absolute; top:0px; right:0px;}
.cer-about ul li{ width:49%; margin-top:25px; float:left; display:inline; margin-left:2%}
.cer-about ul li img{ float:left;}
.cer-about ul li.left{ margin-left:0px;}
.cer-about ul li p{ margin-left:195px;}
.cer-about ul li p font{ display:block; border-bottom:#b2b2b2 dashed 1px; line-height:22px; font-size:14px; font-weight:bold;}
.cer-about ul li p span{ display:block; line-height:24px; padding:5px 0; font-size:12px;}
.cer-about ul li p i{ display:block; margin-top:3px; font-size:12px;}

.cert-about{width:1000px; margin:0 auto; margin-top:30px;}
.cert-about .certificates {float:left; width:277px;}
.cert-about .certificates ol{ height:43px; line-height:43px; position:relative; border-bottom:#999 solid 1px;}
.cert-about .certificates ol p{ height:42px; display:inline-block; border-bottom:#007eff solid 2px;}
.cert-about .certificates ol span{ font-size:24px; color:#007eff;}
.cert-about .certificates ol font{ color:#666; font-style:italic}
.cert-about .certificates .con {width:232px; margin:0 auto; margin-top:20px; text-align:center;}
.cert-about .certificates .con ul li {margin-bottom:5px;}
.cert-about .certificates .con ul li img {width:230px; height:136px; border:1px #d8d8d8 solid;}

/*--------------------  工厂实力  -----------------*/

.gyCont{position:relative; padding-top:18px;}
.gyCont ul{margin:0px auto; width:618px; overflow:hidden;}
.gyCont li{margin-right:46px; float:left; width:175px; text-align:center;}
.gyCont li img {width: 175px; height: 114px;}
.gyCont .btnLeft , .gyCont .btnRight{position:absolute; top: 35%; width: 27px; height: 53px;}
.gyCont .btnLeft{left:0px; background:url(../images/jt_l.jpg) no-repeat center;}
.gyCont .btnRight{right:0px; background:url(../images/jt_r.jpg) no-repeat center;}


.lyBox{margin-top: 12px;}
.lyBox .m_form{}
.lyBox .m_form li{margin-bottom:5px; color:#777;height:38px;}
.lyBox .m_form label{display:inline-block; float:left; line-height:36px; height:36px; width:77px; border:1px solid #dedede; border-right-width:0; text-align:center; background:#fff;}
.lyBox .m_form .iptTxt{float:left; width:240px; border:1px solid #dedede; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;}
.lyBox .m_form .btnTjly{width:93px; height:31px; background:#9d2737; border:none; cursor:pointer; color:#fff;}
.lyBox .m_form li.yzm .iptTxt{float:left; width:120px; margin-right:8px;}
.lyBox .m_form .areLi label{height:110px;}
.lyBox .m_form .txtAre{float:left; width:240px; height:90px; text-indent: 1em; border:1px solid #dedede; outline:none; resize:none; padding:10px 0px; color:#333; line-height:18px;}
.lyBox .m_form .btnSubmit , .lyBox .m_form .btnReset{font-family:Microsoft YaHei; font-size: 18px; cursor: pointer; border: 1px #989797 solid;width:145px; text-align:center; height:36px; color:#fff;  background-color: #bdbdbd;}
.lyBox .m_form .btnSubmit{font-size: 18px;border: 1px #ff5b01 solid;margin-right:10px; background-color: #fe9b00;}
.lyBox .m_form .areLi{height: 112px;}
.lyBox .m_form li.btnLi {margin-top: 14px;}

.rycon { margin: 0 auto; margin-top:10px; }
.rycon dl{width:232px; overflow:hidden;}
.rycon dl dt{width:232px; overflow:hidden;}
.rycon dl dt img{width:230px; overflow:hidden; border:1px solid #ccc;}
.rycon dl dd{text-align:center; margin-top:10px;}
.cert-about .about { float:left; width:703px; margin-left:20px;}
.cert-about .about ol{ height:43px; line-height:43px; position:relative; border-bottom:#999 solid 1px;}
.cert-about .about ol p{ height:42px; display:inline-block; border-bottom:#007eff solid 2px;}
.cert-about .about ol span{ font-size:24px; color:#007eff;}
.cert-about .about ol font{ color:#666; font-style:italic}
.cert-about .about .shang {}
.cert-about .about .shang .left { float:left; margin-top:20px;}
.cert-about .about .shang .right { float:left; width:460px; margin-top:20px; margin-left:14px;}
.cert-about .about .shang .right .title {font-size:14px; color:#333; font-weight:bold;}
.cert-about .about .shang .right .con {font-size:12px; line-height:30px;}
.cert-about .about .bottom {width:703px; height:120px; margin-top:10px;}
.cert-about .about .bottom .con {position:relative;}
.cert-about .about .bottom .con .left {position:absolute; top:30px; left:0px;}
.cert-about .about .bottom .con .right {position:absolute; top:30px; right:0px;}
.cert-about .about .bottom .con .in {width:620 px; margin:0 auto;}
.cert-about .about .bottom .con .in ul li { float:left;}
.cert-about .about .bottom .con .in ul li.r {margin-right:47px;}
.cert-about .about .bottom .con .in ul li img {width:175px; height:114px;}


/*--------------------  问题解答  -----------------*/

.list-info{width:1000px; margin:0 auto; margin-top:30px;}
.questions{ width:320px; float:left;}
.wtjd{width:320px; float:left; display:none;}
.wtjdCont{margin-top:10px; height:350px; overflow:hidden;}
.wtjdCont dl{padding:4px 0; font-size:13px;}
.wtjdCont dt{background:url(../images/tw_ico.png);}
.wtjdCont dt a{color:#333;}
.wtjdCont dt a:hover{text-decoration: underline;}		
.wtjdCont dd{line-height:22px; background:url(../images/jd_ico.png); color:#666;}
.wtjdCont dt , .wtjdCont dd{padding:2px 0; padding-left:26px; margin:4px 0; background-repeat:no-repeat;}

.indu-news{ width:320px; float:left; margin-left:20px; display:inline;}
.indu-news ul li{ background:url(../images/dian.jpg) no-repeat left center; padding-left:15px; position:relative; line-height:36px; font-size:12px;}
.indu-news ul li i{ position:absolute; top:0px; right:0px; color:#666666;}
.feedback{ width:320px; float:right;}


.footer{ margin-top:30px; background:#0096ff; border-top:#30a8fd solid 10px; overflow:hidden; border-bottom:#007eff solid 20px;}
.footer_w{ width:1000px; margin:0 auto;}
.foot-nav{ line-height:77px; background:url(../images/foot_01.jpg) repeat-x bottom}
.foot-nav a{ display:inline-block; padding:0 29px; color:#fff; font-size:16px;}
.foot-nav a:hover {text-decoration: underline;}
.footer_w .copy {font-size:12px; line-height: 24px;}
.copy_l,.copy_c,.copy_r{ float:left; height:125px; margin-top:25px; margin-bottom:25px; color:#fff; display:inline;}
.copy_c{ width:395px; padding-left:30px; background:url(../images/foot_03.jpg) repeat-y left; margin-left:20px;}
.copy_r{ width:235px; float:right;padding-left:30px; background:url(../images/foot_03.jpg) repeat-y left}
.copy_r a {color:#fff;}
.copy_r a:hover {text-decoration:underline;}



/*--------------------  关于我们 -----------------*/

.page-main {width:1000px; margin:0 auto; margin-top:20px;}
.page-main .nav-left { float:left; width:220px;}
.page-main .nav-left .page-nav { margin-bottom:20px;}
.page-main .nav-left .page-nav span {height:58px; line-height:63px; font-size:20px; color:#fff; padding-left:25px; display:block; background:#007eff;}
.page-main .nav-left .page-nav ul {border:3px #007eff solid; padding:0px 10px 10px;}
.page-main .nav-left .page-nav ul li {line-height:36px; background:url(../images/dian.jpg) left no-repeat; padding-left:10px; border-bottom:1px #ccc dashed; font-weight:bold;}
.page-main .nav-left .page-nav ul li a{color:#444;}
.page-main .nav-left .page-nav ul li a:hover {color:#f00;}

.page-main  .lianxi span{ height:40px; line-height:40px; color:#fff; font-size:20px; padding-left:25px; background:#007eff; display:block;}
.page-main  .lianxi .con {min-height:230px; border:1px #ccc solid;}
.page-main  .lianxi .con .con-main {padding:5px; font-size:12px; color:#333;}


.page-main .content-right { float:right; width:765px;}
.page-main .content-right .catpos { height:33px; line-height:33px; padding:0px 10px; border:1px #d5d5d5 solid; color:#666; margin-bottom:10px;}
.page-main .content-right .catpos a{color:#666;}
.page-main .content-right .catpos a:hover {color:#f00;}
.page-main .content-right .content {min-height:440px; border:1px #d5d5d5 solid; padding:5px; line-height:24px; color:#666;}



/*--------------------  新闻列表 -----------------*/

dl.news_dl {font-size:14px; color:#666;  line-height:22px; border-bottom:1px dashed #CCCCCC;}
dl.news_dl a{ color:#000; }
dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px; overflow:hidden;}
dl.news_dl .dt_1 { height:20px; background:url(../images/dian.jpg) left center no-repeat; padding-left: 10px; font-size:13px; color: #007eff; font-weight:bold; }
dl.news_dl .dt_1:hover {color:#f00;}
dl.news_dl .dt_2 { font-size:12px; float:right;  font-family:"宋体"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd { font-size:12px; height:45px; overflow:hidden; margin-bottom:10px;}

.page-main .content-right .content .page { text-align:center; padding:5px 0px;}
.page-main .content-right .content .page a {border:1px #ccc solid; padding:1px 5px; color:#666;}
.page-main .content-right .content .page span {border:1px #ccc solid; padding:1px 5px; color:#00b0f0;}
.page-main .content-right .content .page a:hover { color:#00b0f0;}

/*--------------------  新闻详情 -----------------*/

.page-main .content-right .content .news_con .title {font-size:26px; text-align:center; color:333; display:block; line-height:50px;}
.page-main .content-right .content .news_con .time {margin-bottom: 10px; border-bottom:1px #ccc solid; text-align:right; font-size:12px; color:#666;}
.page-main .content-right .content .news_con .con {line-height:24px; padding-bottom:20px;}
.page-main .content-right .content .news_con .con img {max-width:100%;}
.page-main .content-right .content .news_con .fany {margin-top:20px; color:#666;}


/*--------------------  案例列表 -----------------*/

.page-main .content-right .content .news_con ul li {padding:8px 0px; border-bottom:1px #ccc dashed; overflow: hidden;}
.page-main .content-right .content .news_con ul li .img {float:left; margin-right:14px;}
.page-main .content-right .content .news_con ul li .img img {border:1px #ccc solid; padding:1px; width:184px; height:128px;}
.page-main .content-right .content .news_con ul li .con span{font-size:12px; font-weight:bold;}
.page-main .content-right .content .news_con ul li .con p{font-size:12px;}

/*--------------------  工厂实力 -----------------*/

.page-main .content-right .content .shili ul li { float:left; width:224px; text-align:center; margin:0px 13px; margin-top:10px;}
.page-main .content-right .content .shili ul li img {padding:1px; border:1px #ccc solid; width:224px; height:146px;}


/*--------------------  解决方案 -----------------*/

.page-main .fangan{ width:1000px; margin:0 auto;}
.page-main .fangan ul li {width:480px; float:left; margin-bottom:20px;}
.page-main .fangan ul li.left {margin-left:20px;}
.page-main .fangan ul li .img { float:left; margin-right:5px;}
.page-main .fangan ul li img {border:1px #ccc solid; padding:1px;}
.page-main .fangan ul li .con span {font-size:14px; font-weight:bold;}
.page-main .fangan ul li .con p {font-size:12px; color:#555; line-height:24px;}
.page-main .fangan .page {text-align:center;}
.page-main .fangan .page a {border:1px #ccc solid; padding:1px 5px; color:#666;}
.page-main .fangan .page span {border:1px #ccc solid; padding:1px 5px; color:#00b0f0;}
.page-main .fangan .page a:hover { color:#00b0f0;}


/*--------------------  产品列表 -----------------*/

.page-main .nav-left .nav-left-con {width:220px; margin-bottom:20px;}
.page-main .nav-left .nav-left-con .lm{ height:52px; line-height:55px; background:#017eff;}
.page-main .nav-left .nav-left-con .lm span {font-size:20px; color:#fff; padding-left:25px;}
.page-main .nav-left .nav-left-con .nav-con {border:3px #007eff solid; padding:10px;}
.page-main .nav-left .nav-left-con .nav-con span {background:url(../images/nav-title.jpg) no-repeat; height:32px; display:block; padding-left:30px; line-height:32px; color:#007eff; font-weight:bold; font-size:14px;}
.page-main .nav-left .nav-left-con .nav-con ul {line-height:30px; padding-bottom:10px;}
.page-main .nav-left .nav-left-con .nav-con ul li {padding-left:10px;}
.page-main .nav-left .nav-left-con .nav-con ul li a {color:#333;}
.page-main .nav-left .nav-left-con .nav-con ul li a:hover {color:#f00;}

.page-main .nav-left .nav-left-con .nav-con h3{ height:35px; line-height:35px; border-bottom:1px #ccc dashed; color:#444;}
.page-main .nav-left .nav-left-con .nav-con .menu_list .menu_body {padding-bottom:10px; line-height:35px;}
.page-main .nav-left .nav-left-con .nav-con .menu_list .menu_body a {display:block; background:url(../images/hlia-bg.png) 10px center no-repeat; padding-left:25px; border-bottom:1px #ddd dashed;}



.page-main  .nav-left .lianxi span{ height:40px; line-height:40px; color:#fff; font-size:20px; padding-left:25px; background:#007eff; display:block;}
.page-main  .nav-left .lianxi .con {min-height:230px; border:1px #ccc solid;}
.page-main  .nav-left .lianxi .con .con-main {padding:5px; font-size:12px; color:#333;}




.page-main .content-right .content .pro-con ul li { float:left; width:225px; min-height: 230px; text-align:center; margin: 10px 13px 0px; font-size:12px; line-height:24px;}
.page-main .content-right .content .pro-con ul li img{border:1px #ccc solid; padding:1px; width:220px; height:204px;}
.page-main .content-right .content .pro-con ul li a:hover img {border:1px #007eff solid;}
.page-main .content-right .content .pro-con ul li span {display: block; margin-top:5px;}



/*--------------------  产品详情 -----------------*/

.page-main .content-right .content .pro-show {}
.page-main .content-right .content .pro-show .pro-info{overflow:hidden; margin-top:10px;}
.page-main .content-right .content .pro-show .pro-info .left {float:left; width:305px; min-height:383px;}
.page-main .content-right .content .pro-show .pro-info .right {float:left; width:435px; margin-left:10px;}
.page-main .content-right .content .pro-show .pro-info .right h1 { font-size:16px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ccc dashed;}
.page-main .content-right .content .pro-show .pro-info .right .size {margin-bottom:25px;}
.page-main .content-right .content .pro-show .pro-info .right .jianjie {line-height:24px; font-size:12px; margin-bottom:30px;}
.page-main .content-right .content .pro-show .pro-info .right .jianjie span {font-size:14px;}
.page-main .content-right .content .pro-show .pro-info .right .tel {font-size:14px; font-weight:bold;}
.page-main .content-right .content .pro-show .pro-info .right .tel span {font-size:24px; color:#f00;}


/* -- 产品详细页__产品详细参数 -- */
.mod_goods_info {clear:both;margin-bottom:10px;position:relative}
.mod_goods_info .hds {border-bottom:1px solid #007eff;height:33px;_overflow:hidden;}
.mod_goods_info .hds li {float:left;cursor:pointer;border:1px solid #d7d7d7;border-bottom:0;margin-right:-1px;}
.mod_goods_info .hds li h3 {display:block;width:128px;height:30px;line-height:30px;text-align:center;font-size:14px;border-bottom:0;background-color:#f3f3f3;border:1px solid #fff;}
.mod_goods_info .hds li h3 a {color:#333;font-weight: normal;text-decoration:none;outline:none}
.mod_goods_info .hds .status_on {border-color:#007eff;border-bottom:0;position:relative;}
.mod_goods_info .hds .status_on h3 {height:31px;background-color:#fff;color:#007eff;}
.mod_goods_info .hds .status_on h3 a {color:#076EBB;font-weight:bold}
.proinfo img {max-width:100%;}


/* -- 在线留言 -- */
.tjwtBox{padding:22px; width:714px; background-color:#fff; font-family:微软雅黑;}
.tjwtBox h4{padding-bottom:14px; margin-bottom:22px; font-size:14px; color:#676364; border-bottom:1px solid #e8e8e8; font-weight:normal;}
.tjwtBox .m_form{}
.tjwtBox .m_form li{margin-bottom:13px; color:#777;height:38px;}
.tjwtBox .m_form label{display:inline-block; float:left; line-height:36px; height:36px; width:77px; border:1px solid #dedede; border-right-width:0; text-align:center; background:#fff;}
.tjwtBox .m_form .iptTxt{float:left; width:252px; border:1px solid #dedede; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;}
.tjwtBox .m_form .btnTjly{width:93px; height:31px; background:#9d2737; border:none; cursor:pointer; color:#fff;}
.tjwtBox .m_form li.yzm .iptTxt{float:left; width:180px; margin-right:11px;}
.tjwtBox .m_form .areLi label{height:132px;}
.tjwtBox .m_form .txtAre{float:left; width:343px; height:104px; border:1px solid #dedede; outline:none; resize:none; padding: 14px 0px; color:#333; line-height:18px; text-indent: 1em;}
.tjwtBox .m_form .btnSubmit , .tjwtBox .m_form .btnReset{font-family:Microsoft YaHei; font-size: 18px; cursor: pointer; border: 1px #989797 solid;width:145px; text-align:center; height:36px; color:#fff;  background-color: #bdbdbd;}
.tjwtBox .m_form .btnSubmit{font-size: 18px;border: 1px #ff5b01 solid;margin-right:10px; background-color: #fe9b00;}
.tjwtBox .m_form .areLi{height:138px;}

/* -- 验证码 -- */
#code{font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing: 4px;color:blue;height: 38px;}
#codes{text-transform:uppercase;}


/* -- 返回顶部 -- */

.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(../images/cd-top-arrow.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity: .5;}
.cd-top:hover {background-color: #0004ff;opacity: 1;}


/*客服部分 - 默认蓝色*/

.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:90%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}