﻿*{ font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif; font-size:14px;}
html {padding:0;margin:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
img { border:0; margin-bottom:-3px; }
li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
input, textarea, select { font-size:100%; }
hr { margin:0; height:1px; border:0px; border-bottom:1px #cccccc solid; *margin:5px 0 -5px 0;float:none;*float:left;display:block; }
.tab { border:1px #cccccc solid; border-collapse:collapse; }
.tab td { border:1px #cccccc solid; height:18px; line-height:18px; padding:3px; padding-left:10px; }
.tab th { border:1px #cccccc solid; height:18px; line-height:18px; padding:3px; padding-left:10px; }
a { text-decoration:none; color:#383838; }
a:hover { text-decoration:underline; }
.fl { float:left }.fr { float:right }.hidden { display:none }
.pr { position:relative }.pa { position:absolute }.tc {text-align:center}
.a2 { color:#2f7ae0; }.a3 { color:#f68d12; }.clear { clear:both; }
h2 a{ font-family:微软雅黑; font-size:24px; color:#6f6f6f;}
h2 span{ color:#5a9e3f; font-size:18px;font-weight:normal;}

/*banner*/
.ban_left{float:left;width:570px; position:relative;height:427px}
.ban_left .pos_1{position:absolute;top:96px;left:0;}
.ban_left .pos_2{position:absolute;top:224px;left:10px;float:left;}
.ban_left .pos_3{position:absolute;top:228px;left:179px;}
.ban_left .pos_4{position:absolute;top:295px;left:179px;}
.ban_left .pos_5{color:#fff;font-size:12px;position:absolute;top:363px;left:9px;}
.ban_right{position:relative;height:427px;float:left;}
.ban_right .pos_1{position:absolute;top:0;left:560px;}


/*Index*/
.head{ position:fixed; background:#fff; width:100%; top:0; height:55px; border-bottom:1px #d1d1d1 solid;
       _position:absolute;_top:expression(eval(document.documentElement.scrollTop)); z-index:9999;
}
.menuMore { display:none;  padding:5px 10px 15px 10px; border-left:none; border:1px solid #CCC;left:0; top:29px; z-index:3; position:absolute; background-color:#FDFDFD; }
a.menuHover{border:1px solid #CCC; border-bottom:1px solid #FDFDFD; z-index:4;}
.mm_imgList,.mm_LinkList,.mmi_Img,.mmi_Detail,.mm_ImgTxt{ display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.mm_LinkList{ border-left:1px solid #CCC; padding-left:15px;}
.mmi_Detail *,.mmi_Link{ font-size:9.3pt; line-height:20px; margin:0; padding:0;}
.mmi_Link{ height:20px; display:block;}
.mmi_Detail{ padding-left:5px; width:150px;vertical-align:middle;}
.mm_Title{ font-size:10pt; color:#666; font-weight:bold; background-color:transparent!important; margin:0!important; padding:0!important;}
.mmiTitle{ font-weight:bold;}
.headhight{ height:55px;}
.headcenter{ width:960px; height:55px; margin:10px auto;}
.head ul { margin-top:15px;}
.menu_Item{ position:relative;float:left; }
.menu_Item a{display:block;}
.menu_ng{ font-size:14px;display:block; position:relative;z-index:2;background-color:#fff;padding:0 10px;height:28px; line-height:28px; border:1px solid #fff; border-bottom:none;}
.banner{visibility:hidden;width:100%; height:427px;overflow:hidden;background:#ededed;}
.banner .sub_1_1{ display:block; position:absolute; left:0px; top:50px;}
.banner .sub_1_2{ display:block; position:absolute; right:0; top:150px; font-size:18px; font-weight:500; color:#717171; line-height:35px;}
.banner .sub_2_1{ display:block; position:absolute; left:0px; top:60px;font-size:14px; font-weight:500; color:#494949; line-height:35px; width:472px;}
.banner .sub_2_2{display:block; position:absolute; right:0; top:0; }
.banner .sub_3_1{ display:block; position:absolute; right:0px; top:80px;font-size:18px; font-weight:500; color:#fff; line-height:35px; width:472px;}
.banner .sub_3_2{display:block; position:absolute; left:0; top:80px; }
.tks_btn{ display:block; color:White; font-weight:bold; width:107px; height:29px; text-align:center; line-height:29px; background:url('/Images/site/banner2_btn.gif') }

.IndexMain{ background:#ededed; padding:0px;border-bottom:1px #d1d1d1 solid;}
.IndexMain .IndexMainN{ width:1170px; margin:0px auto; }
.IndexMain .IndexMain_Tedian{ border:1px #d1d1d1 solid; background-color:White; padding:10px; height:125px; }
.IndexMain .IndexMain_Tedian li{ width:100px; text-align:center; float:left; padding:0 27px; color:#898989;}
.IndexMain .IndexMain_Tedian li img{ margin-bottom:3px;}
.IndexMain .IndexMain_kehu{border:1px #d1d1d1 solid; background-color:White; padding:10px 20px; margin-top:5px; width:580px; height:190px; overflow:hidden;}
.IndexMain .IndexMain_News{border:1px #d1d1d1 solid; background-color:White; width:310px;margin-top:5px;padding:10px;height:190px; overflow:hidden;}
.IndexMain .IndexMain_News ul{ margin:6px 0;}
.IndexMain .IndexMain_News li{  width:310px; font-size:12px; color:#2da355; white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.IndexMain .IndexMain_News li a{  }
.IndexMain .IndexMain_kefu{border:1px #d1d1d1 solid; background-color:White;margin-top:5px;padding:10px;}
.IndexMain .IndexMain_kefu strong{ color:#fe0000;}
.footer{width:960px; margin:0px auto;padding:1px; color:#999999;}
.footer .footer_weixin{ width:120px; margin-top:5px; text-align:center;}
.footer .footer_weixin img{ border:1px #ccc solid; padding:5px;}
.footer_main{ text-align:right; margin-top:5px;}

.IndexMain_kehu_anli{ margin:10px;}
.IndexMain_kehu_anli li{ float:left; margin:10px 15px;}
.IndexMain_kehu_anli li a img{FILTER: gray; -webkit-filter: grayscale(100%); transition: all 0.3s linear 0s; border:0;}
.IndexMain_kehu_anli li a:hover IMG {-webkit-filter:grayscale(0);FILTER:;}

.Minibanner{ margin-top:-2px; width:100%; height:152px; }
.IndexMainN_left{ border:1px #dcdcdc solid; width:217px; float:left;overflow:hidden; background-color:#fafafa;}
.IndexMainN_left h3{ margin:0; height:69px;  background:url('/Images/site/left_top.gif'); padding-top:32px; padding-left:100px;font-size:16px;}
.IndexMainN_left h3 span{color:#04b700; font-weight:normal;}
.IndexMainN_left ul{background-color:White; margin-top:5px; margin-bottom:10px;border-top:1px #dcdcdc solid;}
.IndexMainN_left ul li{ background:url(/Images/site/ul_li_style.gif) 20px 8px; background-repeat:no-repeat; padding-left:40px; height:30px; line-height:30px;border-bottom:1px #dcdcdc solid;}
.IndexMainN_left ul li:hover{background-color:#e0e0e0;}
.IndexMainN_right{ width:910px; float:right;overflow:hidden; padding:30px 20px; background-color:White; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}
.IndexMainN_right img{ max-width:800px; max-height:700px;}
.IndexMainN_right h1{   padding:3px 8px;color:#585858;}
.IndexMainN_right h2{  padding:3px 8px; background-color:#ebf2ff; color:#585858; border:1px #cdcdcd solid;}
.IndexMainN_right_main{margin:10px; color:#4c4c4c; }
.IndexMainN_right_main img{max-width:710px;/*width:710px;*/width:expression(width>710?"710px":width+"px");max-width: 710px;}
.IndexMainN_right a{ color:Blue;}
   .IndexMain_mokuai{border:1px #d1d1d1 solid; background-color:White; padding:10px; height:205px;}
     .IndexMain_mokuai li{ float:left; width:420px; margin-left:30px; margin-top:10px; height:95px;}
     .IndexMain_mokuai li span{ display:block; float:left; width:64px; height:70px; margin-top:10px; margin-right:10px;}
     .mokuai1{ background:url('/Images/site/index_mokuai.gif') no-repeat; }
     .mokuai2{ background:url('/Images/site/index_mokuai.gif') 0 -120px no-repeat;}
     .mokuai3{ background:url('/Images/site/index_mokuai.gif') 0 -58px no-repeat; }
     .mokuai4{ background:url('/Images/site/index_mokuai.gif')  0 -190px no-repeat; }
.IndexMain .myupdate{width:250px; height:205px; border-left:1px #ccc solid; padding-left:10px;}
.IndexMain .myupdate ul{ margin:6px 0;}
.IndexMain .myupdate li{  width:240px; font-size:12px; color:#2da355; white-space:nowrap; text-overflow:ellipsis;overflow: hidden; margin:0; height:auto;}
.IndexMain .myupdate li a{  }
     
/*more*/
.more{ padding:10px 0; background:url("/Images/home_split.png") no-repeat scroll top;}
.more_Item{ text-indent:2em; width:90%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.more a{ color:#3a8dc4;}
.more a:hover{ text-decoration:underline;}
.more_Title{ color:#666;}

/**Page begin**/
.contextList{margin-bottom:10px; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;  }
.pagination { border-left: solid 1px #ccc; border-right: solid 1px #ccc; background-image: url('../Images/site/datagrid_header_bg.gif'); background-repeat: repeat-x; height: 27px; width: auto; }
.pagination-btn-separator { float: left; height: 24px; border-left: 1px solid #ccc; border-right: 1px solid #fff; margin: 1px; }
.first { background: url('../Images/site/first.gif') no-repeat 0px 2px; cursor: pointer; }
.prev { background: url('../Images/site/prev.gif') no-repeat 0px 2px; cursor: pointer; }
.next { /*background: url('../Images/site/next.gif') no-repeat 0px 2px;*/ cursor: pointer; }
.last { background: url('../Images/site/last.gif') no-repeat 0px 2px; cursor: pointer;  }
 
 
/**Page end**/
.pbg{background-image:url(/Content/SiteImgs/tks-tool-bg.gif); background-position:-45px;width:800px; height:344px;}
#pdl{display:block; padding-left:540px; padding-top:263px; color:#FFFFFF; font-size:12px;}

#footer{  /*height:366px;*/ width:100%;background:#585858; padding-top:20px;}
#footer .foot-cont{ /*width:960px;*/  margin:0 auto; padding-top:10px; }
#footer .ul1{ padding-left:12px; font-family:'微软雅黑';}
#footer .foot-top{ height:80px;}
#footer .ul1 li{ float:left; padding-right:30px; padding-left:30px; border-right:1px solid #484848;  border-left:1px solid #696969; /*width:auto;*/ height:80px;text-align:center;}
#footer .ul1 li a{ color:#FFFFFF;}
#footer .foot-zz{ float:left; }
#footer .foot-8{  margin-top:10px; float:left; font-size:72px; margin-right:6px; line-height:72px;height:72px;}
#footer .zz{ font-size:14px;padding-top:30px; text-align:left;}
#footer .mm{ padding-top:4px; font-size:14px; text-align:left;}
#footer .xian{ height:2px;margin-top:44px; margin-bottom:36px;}
#footer .hei{ height:1px; background:#484848; }
#footer .bai{height:1px; background:#686868; }
#footer .erma{ float:left;}
#footer .foot-right p{text-align:right; font-size:14px; font-family:'宋体'; padding-bottom:8px; color:#e0e0e0;}
#footer .foot-right img{ float:right; margin-left:5px; margin-top:10px;}


.show-pic{ width:700px; height:auto; margin:0 auto;  margin-bottom:20px;}
.suc-show-title{ font-size:18px;  padding:14px; color:#696969; font-weight:normal; }
.show-div{  overflow:hidden; margin-bottom:10px; }
.show-pic { height:auto; overflow:hidden;}
.suc-show li{ float:left; margin-right:3px; height:106px; margin-bottom:8px; text-align:center;}
.suc-show li img{}
.suc-show li p{ height:34px; line-height:34px; font-family:'宋体'; font-size:12px; color:#999;}



.productMain{ width:980px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.product{ width:675px;}
.product ul{ margin-top:10px;}
.product li{ width:185px; margin-right:30px; text-align:center; float:left;}
.product li img{ margin-bottom:20px; margin-top:20px;}
.product li a{ font-size:14px; color:#686868; font-weight:bold;}
.product li:hover img{
    
    -webkit-animation: anim3 2s linear infinite;
    -moz-animation: anim3 2s linear infinite;
    -ms-animation: anim3 2s linear infinite;
    -o-animation: anim3 2s linear infinite;
    animation: anim3 2s linear infinite;}


@-webkit-keyframes anim3 {
    0% { -webkit-transform: rotateY(0deg); }
    50% { -webkit-transform: rotateY(180deg); }
    100% { -webkit-transform: rotateY(360deg); }
}
@-moz-keyframes anim3 {
    0% { -moz-transform: rotateY(0deg); }
    50% { -moz-transform: rotateY(180deg); }
    100%  { -moz-transform: rotateY(360deg); }
}
@-ms-keyframes anim3 {
    0% { -ms-transform: rotateY(0deg); }
    50% { -ms-transform: rotateY(180deg); }
    100% { -ms-transform: rotateY(360deg); }
}
@-o-keyframes anim3 {
    0% { -o-transform: rotateY(0deg); }
    50% { -o-transform: rotateY(180deg); }
    100% { -o-transform: rotateY(360deg); }
}
@keyframes anim3 {
    0% { transform: rotateY(0deg); }
    50% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}
.product li .p{ font-size:12px; font-weight:normal; line-height:18px; color:#686868; margin-top:3px;}

.news_right{ width:295px; margin-left:5px;}
.news_one{ margin-bottom:10px;}
.news_one ul{ line-height:20px;}
.news_one li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_one li a{ font-size:12px; color:#686868;}
.news_one li{ color:#5a9e3f; font-size:12px;}

.news_two{ width:290px; height:125px; background:#ececec; border-bottom:6px solid #4594d1; margin-bottom:10px;}
.news_two .djcx{line-height:30px; text-align:center; padding-top:25px;}
.news_two .djcx .twelve{font-size:36px; color:#4594d1;}
.news_two .djcx .youshi{color:#6a6a6a; font-size:18px; }
.news_two .djcx .chilkQ{background:#84b5db;border-radius:3px; color:#fff; font-size:12px; padding:5px; }

.news_three{}
.news_three ul{ line-height:20px;}
.news_three li{color:#5a9e3f; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_three li a{ font-size:12px; color:#686868;}
.news_three li .titspan{ color:#5a9e3f; font-size:12px;}

.experienceMain{ background:#4a4a4a;}
.eightModules{ /*width:980px; */margin:0 auto; padding:30px 0;}
.eightModules ul{ color:#fff; font-family:微软雅黑; margin-top:20px;}
.eightModules li{ width:245px; height:135px; float:left; margin-top:20px;}
.eightModules li img{ margin-right:15px;}
.eightModules li .fTit{ font-weight:bold;}
.eightModules li .fCount{ font-size:12px; line-height:18px; margin:5px 0 8px 0;}
.eightModules li a{color:#fff; background:#7bc767; border:0;overflow: visible;border-radius:3px; font-size:12px; padding:5px 8px;}
.eightModules li a:hover{ color:#000;}
.eightModules .morePro{ text-align:center; margin-top:15px;}
.eightModules .morePro a{background:#2b2b2b; font-size:18px; color:#fff; text-align:center; padding:5px 55px;}

.eightModules li:hover img{-webkit-animation:fUp 1.2s infinite linear; animation:fUp 1.2s infinite linear;} 
@-webkit-keyframes fUp{0%{-webkit-transform:translateY(0);}50%{-webkit-transform:translateY(-10px);}to{-webkit-transform:translateY(0);}}
@keyframes fUp{0%{transform:translateY(0);}50%{transform:translateY(10px);}to{transform:translateY(0);}}



.customersMain{ width:980px; margin:0 auto; margin-top:40px;}
.customersMain ul{ margin-left:6px; margin-top:40px;}
.customersMain li{ float:left; margin:0 10px 35px 5px;}
.customersMain li img:hover{
    -webkit-animation:fUp 1.2s infinite linear; animation:fUp 1.2s infinite linear;}
@-webkit-keyframes rt{
	0%{-webkit-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(0deg);}
}
@keyframes rt{
	0%{transform:rotate(180deg);}
	100%{transform:rotate(0deg);}
} 
.friendlyMain{ /*width:980px; */margin:0 auto; margin-bottom:20px;}
.friendlyMain .friend{ font-size:12px; color:#a8a7a7; text-align:left; margin-top:20px;}
.friendlyMain a{ font-size:12px; color:#a8a7a7; margin:0 5px;}

span.bds_more, .bds_tools a {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "宋体",Arial;
    height: 30px;
    padding-bottom: 3px;
    padding-left: 22px;
    padding-top: 6px;
}

