html,body{
height:100%;
margin:0;
font-family:"΢ÈíÑźÚ"
margin:0;
padding:0;
outline:none;
font: 14px "΢ÈíÑźÚ",Microsoft Yahei,Helvetica;
}
span{font: 12px "΢ÈíÑźÚ",Microsoft Yahei,Helvetica;}

div{font: 12px "΢ÈíÑźÚ",Microsoft Yahei,Helvetica;}
 .bodys{height:100%; width:100%; font-size:12px; margin-top:10px; color:#333333;word-spacing:1px;letter-spacing:1px; Line-height:28px;}
body,ul,li{ margin:0px; padding:0px; list-style:none;font: 14px "΢ÈíÑźÚ",Microsoft Yahei,Helvetica;}

.csds{float:left;width:668px; border-radius: 0.2em;height:120px;
    line-height:120px;
    text-align:center;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.17) inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.17) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;padding:5px;
    background:#fdf6df;
    }
.clearfix {display: inline-block;}.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}.clearfix {display: block;}

.clear{ clear: both;height:0px;}


.ghost-button {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button:hover,
.ghost-button:active {
  background-color: #fff;
  color: #000;
}

       

/*
 * Rounded Corners
 */
.ghost-button-rounded-corners {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button-rounded-corners:hover,
.ghost-button-rounded-corners:active {
  background-color: #fff;
  color: #000;
}

/*
 * Simple Transition Effect
 */
.ghost-button-transition {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button-transition:hover,
.ghost-button-transition:active {
  background-color: #fff;
  color: #000;
  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}

/*
 * Thick Border
 */
.ghost-button-thick-border {
  display: inline-block;
  width: 120px;
  font-weight: bold;
  padding: 4px;
  color: #e62129;
  background-color: #ebebeb;
  border: 1px solid #e62129;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button-thick-border:hover,
.ghost-button-thick-border:active {
  background-color: #e62129;
  color: #fff;
  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}

/*
 * Semi-Transparent Fade
 */
.ghost-button-semi-transparent {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: background-color 0.2s ease-out,
              border-color 0.2s ease-out;
}
.ghost-button-semi-transparent:hover,
.ghost-button-semi-transparent:active {
  background-color: #fff; /* fallback */
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #fff; /* fallback */
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: background-color 0.3s ease-in, border-color 0.3s ease-in;
  transition: background-color 0.3s ease-in,
              border-color 0.3s ease-in;
}

/*
 * Border Color Fade
 * Blue: #66d8ed
 */
.ghost-button-border-color {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: border-color 0.3s ease-out, color 0.3s ease-out;
  transition: border-color 0.3s ease-out,
              color 0.3s ease-out;
}
.ghost-button-border-color:hover,
.ghost-button-border-color:active {
  color: #66d8ed;
  border-color: #66d8ed;
  -webkit-transition: border-color 0.4s ease-in, color 0.4s ease-in;
  transition: border-color 0.4s ease-in,
              color 0.4s ease-in;
}
.f12{color:#c0c0c0;font-size:12px;}
/*
 * Full Color Fade
 * Purple: #9363c4
 */
.ghost-button-full-color {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
  transition: color 0.3s ease-out,
              background-color 0.3s ease-out,
              border-color 0.3s ease-out;
}
.ghost-button-full-color:hover,
.ghost-button-full-color:active {
  background-color: #9363c4;
  border-color: #9363c4;
  color: #fff;
  -webkit-transition:color 0.3s ease-in, background-color 0.3s ease-in, border-color 0.3s ease-in;
  transition: color 0.3s ease-in,
              background-color 0.3s ease-in,
              border-color 0.3s ease-in;
}

/*
 * Size Transition Effect
 */
.ghost-button-size-transition {
  display: inline-block;
  width: 200px;
  height: 25px;
  line-height: 25px;
  margin: 0 auto;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: width 0.3s ease-out, height 0.3s ease-out, line-height 0.3s ease-out;
  transition: width 0.3s ease-out,
              height 0.3s ease-out,
              line-height 0.3s ease-out;
}
.ghost-button-size-transition:hover,
.ghost-button-size-transition:active {
  width: 220px;
  height: 45px;
  line-height: 45px;
  -webkit-transition: width 0.1s ease-in, height 0.1s ease-in, line-height 0.1s ease-in;
  transition: width 0.1s ease-in,
              height 0.1s ease-in,
              line-height 0.1s ease-in;
}


  



html{color:#666;background:#fff;overflow:auto;height:100%;font: 14px "΢ÈíÑźÚ",Microsoft Yahei,Helvetica;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#fff; line-height:22px; }
body{cursor:default;-webkit-text-size-adjust:none;font-size:12px;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;}
body{ background:#fff;color:#666;padding:0;margin:0; height:100%; position:relative;}
html { overflow-x:hidden; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul,li{list-style:none outside none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;} 
img,object{vertical-align:top;}
input{outline:none;*outline:expression(this.hideFocus=true);}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
.clear{zoom:1;}
.clear:after{visibility:hidden;display:block;font-size:0;content:"1";clear:both;height:0;}
.fle{float:left;_display:inline;}
.fri{float:right;_display:inline;}
a{outline:none;cursor:pointer;*outline:expression(this.hideFocus=true);text-decoration:none;}
#clear{clear:both;height:0;}.show{ display:block;}
.hidden { display:inline;}
.taligl { text-align:left; }
.taligc{ text-align:center;}
.posrel { position:relative; }
.ohidd { overflow:hidden; } 
.tid2{ text-indent:2em}/* margin */
.marauto0 { margin:0 auto }
.marl1 { margin-left:1px;}
.marl2 { margin-left:2px;}
.marl4 { margin-left:4px;}
.marl5 { margin-left:5px;}
.marl8 { margin-left:8px;}
.marl10 { margin-left:10px;}
.marl12{ margin-left:12px;}
.marl13 { margin-left:13px;}
.marl15 { margin-left:15px;}
.marl18 { margin-left:18px;}
.marl19 { margin-left:19px;}
.marl00 { margin-left:100px;}/* border */.bord-e2 { border:1px solid #e2e2e2;}
em, i, del { font-weight:normal; font-style:normal;}
img { border:0;}ol, ul { list-style:none;}
li{ float:left; _display:inline;}


.page1{width:22px;;border:1px #dddddd solid;float:left;margin-left:5px;margin-left:5px;text-align:center;height:22px;line-height:22px;}
.page{height:22px;line-height:22px;width:22px;float:left;background-color:#f1212b;color:#ffffff;margin-left:5px;margin-left:5px;text-align:center;}
.page3{height:22px;width:106px;;border:1px #dddddd solid;float:left;margin-left:5px;margin-left:5px;text-align:center;line-height:22px;}
.page4{height:22px;width:106px;;border:1px #dddddd solid;float:left;;margin-left:5px;margin-left:5px;text-align:center;line-height:22px;}




.hidden{ display:none;}
.clear{zoom:1;}
/*public*/
.w1300{ width:1130px; margin:0 auto;}

.w1300ad1{ width:100%;min-width:1400px;background:url(/img/13.gif) top center repeat-x;}
.w1300ad{ width:1280px; margin:0 auto;height:157px;}
.w1300adg{ width:100%;height:152px;}



.w1300con{ width:100%;background:url(/img/14.gif) top center repeat-x;}
.w1300con1{ width:1130px; margin:0 auto;min-height:660px;background:#fff url(/img/22.gif) top left repeat-y;}
.w1300con2{ width:1130px; margin:0 auto;height:72px;background:#fff url(/img/15.gif) top center no-repeat;}

.w1300con3{ width:230px; margin:0 auto;height:40px;padding-left:22px;font-size:18px;float:left;}
.w1300con3 h1{font-size:18px;padding-top:10px;color:#e0161f;font-weight:bold;}
.w1300con3 span{font-size:10px;padding-top:10px;color:#a6a3a3;}
.w1300con4{ width:300px; float:left;height:40px;padding-top:18px;text-align:left}
.w1300con4 a{float:left;height:20px;text-align:left;margin-right:10px;}


.w1300con4_L{float:left;width:206px;background:url(/img/16.gif) repeat-x;min-height:300px;}

.w1300con4_R{float:right;width:900px;}


.leftMenu{ width:206px; height:100%; background:url(../images/index/leftbg.gif) repeat;}
.leftMenu .lmbg{ width:6px; height:100%; background:url(../images/index/lmbg.gif) no-repeat left center; position:absolute; left:0; top:0; z-index:305;}
.leftMenu a.logo{ display:block; width:192px; height:95px; background:url(../images/index/logo.png); margin:0 auto;}
.menu-u{ width:100%; padding-top:30px;}
.menu-u li{ width:100%; height:37px; line-height:37px; text-align:center; position:relative;font-size:14px;}
.menu-u li .line{ width:200px; height:1px; overflow:hidden; background:#e9eaea; margin:0 auto;}
.menu-u li .s{ width:0; height:39px; background:#e6323a; position:absolute; left:124px; top:-1px; z-index:1;}
.menu-u li .ar{ width:0; height:17px; background:url(../images/index/ar.png) no-repeat; position:absolute; left:206px; top:10px;}
.menu-u li a{ display:block; width:100%; height:37px; line-height:37px; color:#353535; position:relative; z-index:1;}
.menu-u li a:hover{color:#fff;}

.menu-u li.current .s{ width:100%; left:0;background:#ed4951;}
.menu-u li.current a{ color:#fff;}


.header_all{width:100%; height:70px; left:0; top:0; background:url(/img/head_all_bg.png) repeat-x; }
.header{ position:absolute; width:100%; height:70px; left:0; top:0; background:url(../img/head_all_bg.png) repeat-x; z-index:32;}
.header-head{ height:27px;color:#c4c4c4;width:1130px;}
.header-head a{color:#e0e0e0;}
.header-head a:hover{ color:#fff;}
.head-search{ width:127px; height:20px; margin:14px 0 0 10px; padding-left:6px; background:url(../img/search_bg01.png) no-repeat; }
.head-search .txt{ float:left; width:102px; height:20px; background:none; border:none; ; color:#b4b4b3;}
.head-search .btn{ float:left; width:24px; height:20px; background:none; border:none; cursor:pointer;}
/*.header-menu{ position:relative; width:100%; height:60px; background:url(/img/bg_03.png) repeat-x;}*/.header-menu{ position:relative; width:100%; height:60px;}.header-menu-bg{ width:100%; position:absolute; right:50%; margin-right:470px; top:0; height:55px; overflow:hidden;}/*.header-menu-bg{ width:100%; position:absolute; right:50%; margin-right:470px; top:0; height:55px; background:url(/img/bg_04.jpg) repeat-x; overflow:hidden;}*/.menuleft-bg{}

















 #menu {width:30px;height:30px;margin-top:30px;}

.menu6{ margin-left:0px; z-index:10;width:90px;}
.menu6 a{padding-top:20px;font-size:14px;font-weight:bold;display:block; height:50px;text-align:center; }

.menu6 a:hover { color:#fff;background:#f11b25;}

.menu6 a span{font-size:9px;clear: both;display:block;text-align:left;padding-left:32px;margin-top:-2px;color:#c0c0c0}
.menu6 a:hover span{ color:#fff;}



.menu-son-bg{ position:absolute; width:100%; left:0; top:70px; height:0px; background: url(/img/1.png) repeat-x left top; overflow:hidden; z-index:10;}
.menu{padding-top:0px;margin-top:0px;float:left;}
.menu-wrap{ position:relative; z-index:11;}
.menu ul li{ margin-left:0px; z-index:10;width:100px;}
.menu ul li a span{font-size:9px;clear: both;display:block;text-align:left;padding-left:25px;margin-top:-2px;color:#c0c0c0}
.menu ul li a:hover span{color:#fff}


.menu ul li a{padding-top:20px;font-size:14px;font-weight:bold;display:block; height:50px;text-align:center; ; color:#666666;}
.menu ul li a:hover,.menu ul li a.hover{ color:#fff;background:#f11b25;}
.menu ul li a.on{ color:#fe9800;}
.menu ul li.nl a{}
.menu ul li.nl a:hover,.menu ul li.nl a.hover{background:#000;}
.menu ul li.nl a.on{}
.menu ul li .menuson{ width:100%; position:absolute; left:0; top:70px; height:60px; display:none;overflow:hidden;}
.menu ul li .menuson-img{ width:140px; padding-top:5px; margin-left:197px; margin-top:25px;}
.menu ul li .menuson-nav{ width:350px; margin-left:30px; margin-top:25px;}
.menu ul li .menuson-nav a{ display:block; float:left; margin-right:32px; width:111px; height:23px; padding-left:5px; border-bottom:1px solid #597386; text-align:left; background:none;  color:#95a5b1;}
.menu ul li .menuson-nav a:hover{ background:none; color:#d6dce1}
.menu ul li .menuson-con{ width:242px; height:118px; padding-left:30px; margin-top:25px; border-left:1px solid #587184; }
.menu ul li .menuson-con p{ padding:9px 0 4px; ; color:#cad1d7;}
.menu ul li .menuson-con span{ display:block; font:12px/14px Arial; color:#768a9b;}
.ss1{margin-top:45px;float:left;width:143px;height:30px; min-width:143px; margin-left:10px; z-index:10; font-size:18px;font-weight:normal;display:block; height:52px;text-align:center;}


 #boxbox{
 width:0px;
 height:88px;
  margin: 0 auto; 
  text-align:center;
background: url(/img/2.gif)  center center no-repeat;
}

 #boxbox1{
background: url(/img/3.gif)  bottom center no-repeat;height:160px;  position: relative;margin:0px;
text-align:center;
}

 #boxbox2{
text-align:center;font-size:14px;line-height:24px;padding-top:15px;
}


#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}


.contenthover {
padding: 20px 20px 10px 20px;
text-align:center;
}
.contenthover, .contenthover h3, contenthover a {
color: #fff;
}
.contenthover h3, .contenthover p {
margin: 0 0 10px 0;
line-height: 30px;
font-size:14px;
padding: 0;
}
.contenthover a.mybutton {
display: block;
text-align:center
padding: 10px 10px;
background: #3c9632;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contenthover a.mybutton:hover {
background: #34742d
}
.demo {
margin: 0px auto;
}
.mybackground {
background: url(/img/2.png);
}

.btn1{margin:0px auto;width:140px;display: block;height:28px;;position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;line-height:28px;min-width:52px;padding:0 18px;text-align:center;text-decoration:none;border-radius:3px;border:0px solid #989797;color:#fff;background-color:#989797;background:-webkit-linear-gradient(top, #989797, #878b8d);background:-moz-linear-gradient(top, #989797, #878b8d);background:linear-gradient(top, #989797, #878b8d);color:#fff;;}
.btn1 a{width:100px;display: block;height:28px;position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;line-height:28px;min-width:52px;padding:0 18px;text-align:center;text-decoration:none;border-radius:3px;border:1px solid #989797;color:#939292;background-color:#989797;background:-webkit-linear-gradient(top, #989797, #c4c2c2);background:-moz-linear-gradient(top, #989797, #c4c2c2);background:linear-gradient(top, #989797, #c4c2c2);color:#fff;;}

.btn1 a:hover{border-color:#fff;color:#939292;background-color:#989797;background:-webkit-linear-gradient(top, #989797, #878b8d);background:-moz-linear-gradient(top, #989797, #878b8d);background:linear-gradient(top, #989797, #878b8d);box-shadow:#ddd 0 1px 1px 0;}
.btn1:active, .btn1.btn1-active{}
.btn1:focus{border-color:#fff;outline:none}
.quick_links_panel{
width:40px;
height:110px;
position:absolute;
background:#444851;
z-index:2;
top:52%;
right:0;
font-family:'microsoft yahei',arial;}
.quick_links_panel a{
display:block;
line-height:200px;
width:40px;
height:38px;
text-decoration:none;
color:#d8d8d8;
font-size:12px;
overflow:hidden;
background-color:#444851;
position:relative;
overflow:hidden;
top:0;
left:0px;
*left:-15px;
z-index:1;
margin:0;
padding:0;
}
.quick_links_panel .quick_toggle{
position:absolute;
bottom:0;
left:0;
width:40px;
background:#444851;
z-index:1;
}

.sumbits{height:38px;background:#3f4244; border: 1px solid #fff;width:120px;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px; color:#fff;font-size:16px;}
    
    .sumbits:hover{height:38px;background:#fe9800; border: 1px solid #fff;width:120px;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px; color:#fff;font-size:16px;}
    
    .form-control
   {
    height:38px;background:#3f4244; border: 1px solid #fff;width:350px;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px; color:#fff;font-size:16px; 
    text-indent:10px;
    }
.foott{height:240px;width:100%;background: url(/img/2.jpg) repeat-x;}
.footss dl{float:left;width:118px;margin:0 15px;}
.footss dl.first{margin-left:0;font-size:14px;}
.footss dl.last{margin-right:0;font-size:14px;}
.footss dt,.footss dt a{font-size:16px;;margin-bottom:16px;}
.footss a{color:#464545;font-size:12px}
.footss ul{list-style:none}
.footss dd{ height:24px;}
.footss dd a{ height:24px;background: url(/img/111.png) left center no-repeat;padding-left:10px;}

.footss dd a:hover{ height:24px;background: url(/img/222.png) left center no-repeat;padding-left:10px;}

.foot_a{float:right;width:405px;height:120px;background: url(/images/tel.gif) no-repeat left top;}
.foot_b{float:left;width:105px;height:30px;margin-top:90px;margin-left:200px;}
       
       
       
       
       
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* FlexSlider Necessary Styles
.flexslider .slides img {width: 100%; display: block;height:590px}
*********************************/
.flex-pauseplay span {text-transform: capitalize;}/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}


html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}/* FlexSlider Default Theme
*********************************/

.flexslider { margin: 0;zoom: 1; background: #fff;  position: relative; z-index: 1;height:520px}



.flex-viewport { max-height: 1625px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 590px; }





.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(/img/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:-132px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 0px; left: 10px; opacity: 0.8; z-index: 1; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }/* Control Nav */
.flex-control-nav {left:50%; position: absolute; bottom:30px; text-align: center;z-index: 111111}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #575654;; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.9); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.9); -o-box-shadow: inset 0 0 2px rgba(0,0,0,0.9); box-shadow: inset 0 0 2px rgba(0,0,0,0.9); }
.flex-control-paging li a:hover { background: #eba33b;; }
.flex-control-paging li a.flex-active { background: #fa8d00; ; cursor: default; }.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 10;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}



  .dts{width:184px;height:20px;display: block;}
  
#tabss {width:300px;height:30px;text-align:center;}
#tabss li {border: 1px solid #000;float:left;height:30px;margin-bottom:0px;text-align:center;font-size:18px;cursor: pointer;width:30px;}
#tabss li a {text-decoration:none;font-weight:normal;font-size:16px;width:30px;height:30px;border: 1px solid #000;}
#tabss li a:hover {color:#e00c0c} 

  .clearfloat {clear:both;height:0;line-height:0px;}
  .active11 { background:url(/img/bg_07.png) no-repeat left top;color:#fd9800}
.yincang {display:none;}

.titlebar{height:30px;width:100%;border-bottom: 1px solid #dddbdb}
.titlebar_1{height:30px;}


  #tabsss {width:1130px;height:60px;background: #eeeeee;}
  #tabsss li {width:300px;float:left;height:60px;margin-bottom:20px;text-align:center;font-size:18px;cursor: pointer;line-height:60px;}
  #tabsss li a {width:200px;text-decoration:none;font-weight:normal;font-size:16px;}
    #tabsss li a:hover {color:#e00c0c} 
  #menusss {width:1130px;}
  #menusss a{font-weight:normal;font-size:14px;}
  .clearfloat1 {height:1px;line-height:30px;background: #eeeeee;border-bottom: 1px solid #eeeeee}
  .active1 { background:url(/img/bg_09.png) repeat-x left top;color:#fd9800}
  

	

.products_min_pic{width:84px;height:56px;float:left;border:1px solid #ccc; float:left; _display:inline; overflow:hidden; text-align:center; }
.products_min_pic img{width:84px;height:56px;}
.products_min_pic1{width:84px;height:56px;float:left;border:1px solid #f1212b; float:left; _display:inline; overflow:hidden; text-align:center; }
.products_min_pic2{width:84px;height:56px;float:left;border:1px solid #ccc; float:left; _display:inline; overflow:hidden; text-align:center; }




.content_left{width:500px;;float:left;border-bottom: 0px solid #dddddd;border-right: 0px solid #dddddd}
.content_right h1{font-size:28px;color:#f1212b;}
.content_right {width:750px;;;float:left;margin-left:0px;;padding-left:40px;padding-top:50px;border-bottom: 0px solid #dddddd;}
.country{cursor:pointer;min-width:100px;line-height:10px;height:10px;float:left;margin-right:20px;border: 1px solid #dddddd;padding:10px;text-align:center;}
.country:hover{cursor:pointer;min-width:100px;line-height:10px;height:10px;float:left;margin-right:20px;border: 1px solid #f1212b;padding:10px;text-align:center;}

.country_1{cursor:pointer;min-width:100px;line-height:10px;height:10px;float:left;margin-right:20px;border: 1px solid #f1212b;padding:10px;text-align:center;color:#e78c05}
.Specification span{font-size:16px;}
.country11 span{font-size:16px;}
.color_11{width:40px;height:40px;float:left;margin-left:20px;border: 1px solid #dddddd;}
.dot{width:40px;height:40px;background:url(/img/dot.jpg) no-repeat right bottom;}

.color_2{width:40px;height:40px;float:left;font-size:16px;line-height:40px;margin-right:20px;}
#dy span{font-size:16px;}

.btn2 {font-size:20px;margin:0px auto;width:256px;display: block;height:54px;;position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;line-height:54px;min-width:52px;padding:0 18px;text-align:center;text-decoration:none;border-radius:3px;border:0px solid #cc8412;color:#fff;background-color:#cc8412;background:-webkit-linear-gradient(top, #cc8412, #b9760c);background:-moz-linear-gradient(top, #cc8412, #b9760c);background:linear-gradient(top, #cc8412, #b9760c);color:#fff;;}

.btn1 a{width:100px;display: block;height:54px;position:relative;cursor:pointer;display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;line-height:54px;min-width:52px;padding:0 18px;text-align:center;text-decoration:none;border-radius:3px;border:1px solid #cc8412;color:#939292;background-color:#cc8412;background:-webkit-linear-gradient(top, #cc8412, #c4c2c2);background:-moz-linear-gradient(top, #cc8412, #c4c2c2);background:linear-gradient(top, #cc8412, #c4c2c2);color:#fff;font-size:20px;;}
.btn2 a:hover{font-size:20px;border-color:#fff;color:#000;background-color:#cc8412;background:-webkit-linear-gradient(top, #cc8412, #b9760c);background:-moz-linear-gradient(top, #cc8412, #b9760c);background:linear-gradient(top, #cc8412, #b9760c);box-shadow:#ddd 0 1px 1px 0;}
.btn2:active, .btn2.btn2-active{}
 
 #tabs {width:1000px;height:30px;}
  #tabs li {;float:left;height:30px;margin-bottom:20px;text-align:center;font-size:16px;cursor: pointer;line-height:30px;height:50px;}
  #tabs li a {text-decoration:none;font-weight:normal;font-size:16px;}
  #tabs li a:hover {color:#e00c0c}
  
   #tabs8 {width:1000px;height:30px;}
  #tabs8 li {;float:left;height:30px;margin-bottom:20px;text-align:center;font-size:16px;cursor: pointer;line-height:30px;height:50px;}
  #tabs8 li a {text-decoration:none;font-weight:normal;font-size:16px;}
  #tabs8 li a:hover {color:#e00c0c}
  
   #tabs9 {width:1000px;height:30px;}
  #tabs9 li {;float:left;height:30px;margin-bottom:20px;text-align:center;font-size:16px;cursor: pointer;line-height:30px;height:50px;}
  #tabs9 li a {text-decoration:none;font-weight:normal;font-size:16px;}
  #tabs9 li a:hover {color:#e00c0c}
  
  
  #menu1 {}
  #menu1 a{font-weight:normal;font-size:14px;text-align:center;width:177px;}
  #menu1 a:hover{font-weight:normal;font-size:14px;}

  #menu11 {}
  #menu11 a{font-weight:normal;font-size:14px;text-align:center;width:177px;}
  #menu11 a:hover{font-weight:normal;font-size:14px;}
  
    #menu12 {}
  #menu12 a{font-weight:normal;font-size:14px;text-align:center;width:177px;}
  #menu12 a:hover{font-weight:normal;font-size:14px;}


  .clearfloat {clear:both;height:0;line-height:0px;}
  .active {width:177px;background: url("/img/88.png") 0 0 no-repeat;
    color:#fd9800;}
  
  #pdsho{float:left;width:200px;height:200px;line-height:18px;font-size:18px;font-weight:normal;_display:inline;margin-left:15px;}
  



div {
	margin: 0 auto;
	padding: 0
}

h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none
}

a { color: #666; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
a:hover { color: #f1212b; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }





.dashed {
	background: url('../About%20Canfield%20_%20Canfield%20Scientific_files/images/lineBg.gif') repeat-x left top;
	color: #3f3f3f;
	padding-left:12px; padding-right:0; padding-top:2px; padding-bottom:3px
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

  	#container {width:1130px;;margin-top:0px;height:20px;margin-top:2px;}
#container a{min-width:100px;margin-left:10px;display:block;height:30px;float:left;line-height:30px;font-weight:normal}

#container a:hover{min-width:100px;margin-left:10px;display:block;height:30px;float:left;background:url('/img/18.gif');font-weight:normal
}
    
#menuss {margin-top:10px;margin-left:10px
}

  #menuss a{font-weight:normal;font-size:14px;    margin: 0 auto; 
}

#container a span{margin-top:-10px;font-size:14px;color:#636060;font-weight:normal}


#container a:hover span{margin-top:-10px;font-size:14px;color:#e0161f}






 #infocontent{float:left;width:480px;margin-left:100px;}

       #infocontent ul li.first
        {
            border-top: 1px solid #DFDFDF;
        }
       #infocontent ul li.last
        {
            border: none;
        }
      #infocontent  ul p
        {
            float: left;
            margin: 0;
            width: 480px;
        }

       #infocontent ul li
        { clear: both;
           height:60px;
            width:450px;
            height:50px;
            overflow:hidden;
            
        }

        
       #infocontent ul li input[type="text"], ul input[type="password"]
        {text-indent:10px;
            width:330px;
            height:30px;
            position:relative;
            border:solid 1px #d5d4d4;
            -moz-border-radius:2px;
            -webkit-border-radius:5px;
            float:right;
        }
       #infocontent ul input.required 
        {
            border: solid 1px #f00;
        }









	

.bnt_bonus:hover,.bnt_blue:hover,.bnt_blue_1:hover,.bnt_blue_2:hover,.bnt_blue_3:hover,.bnt_blue_4:hover {
	color: #fff
		 border: solid 1px #f00;
background-color:#e6323a;cursor:pointer
}

.bnt_blue_1 {
	line-height: 22px;
	font-size: 12px
	 border: solid 1px #e6323a;
}

.bnt_blue_2 {
	width: 100px;
	padding: 5px 10px
}

.bnt_blue_3 {
	width: 156px;
	font-size: 18px;
	padding: 13px 21px
}

.bnt_blue_4 {
	width: 180px;
	font-size: 14px;
	padding: 10px 20px
}


.header .logo a,.buy_car_bg img.cart_img,.car_ul .top_cart_checkout,.filter_img,#compareBox input,.sort input,.bnt_blue,.bnt_blue_1,.bnt_blue_2,.bnt_blue_3,.bnt_blue_4 {
	opacity: 1;
	filter: alpha(opacity=100)
}

.header .logo a:hover,.buy_car_bg img.cart_img:hover,.car_ul .top_cart_checkout:hover,.filter_img:hover,#compareBox input:hover,.sort input:hover,.bnt_blue:hover,.bnt_blue_1:hover,.bnt_blue_2:hover,.bnt_blue_3:hover,.bnt_blue_4:hover {
	opacity: .85;
	filter: alpha(opacity=85)
}

.navlist a {
	color: #f2f2f2;
	font-family: HELVETICANEUE-THIN,MyriadPro-Light,Raleway-Regular,Helvetica,Arial,Verdana,sans-serif;
	letter-spacing: 1px
}

.navlist a:hover {
	color: #d1d1d1
}

.conleft{float:left;width:230px;}
.conleft ul li{padding-left:19px;float:left;width:210px;font-size:16px;height:30px;color:#f1212b;background:url(/img/dot.gif) no-repeat left center;}
.conleft ul li a{float:left;width:210px;font-size:16px;height:30px;color:#f1212b;display: block;
}
.conleft ul li a:hover{float:left;width:210px;font-size:16px;height:30px;color:#cf7e04;display: block;
}


    .roll_over{
            height: 33px;
            width: 33px;
            margin: 0px;
            float: left;
            margin:5px;
            -webkit-transition: all ease 0.9s;
            -moz-transition: all ease 0.9s;
            -o-transition: all ease 0.9s;
            -ms-transition: all ease 0.9s;
            transition: all ease 0.9s;
                   }
    .roll_over:hover {
                      background-position: 0px -33px;
                                }
    .facebook{
             background-image:url('/img/facebook.png');
                    }
    .twitter{
            background-image:url('/img/t.png');
                }
    .google_plus{
                      background-image:url('/img/i.png');
                          }
    .linkedin{
             background-image:url('/img/f.png');
                   }
                       .linkedin1{
             background-image:url('/img/g.png');
                   }
                   
                       .linkedin2{
             background-image:url('/img/y.png');
                   }
                   
.about2_16 li{height:30px;text-align:left;width:406px;}
.floatspan{background:url(/img/dot.gif) left top no-repeat;font-size:14px;float:left;width:330px;height:20px;overflow:hidden; text-overflow:ellipsis;padding-left:10px;}
.floatspand{float:left;height:30px;text-align:right;width:50px;height:20px;}