/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word; font-family: 'microsoft yahei';}
body{font: "microsoft yahei", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#444;}
html, body, h1, h2, h3, h4, ul, li, dl,input{ font-family:Arial, Helvetica, sans-serif;  margin:0px;padding:0px;list-style-type:none }
a img{border:none;} 
/* CSS Document */
body{ margin:0; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
a { text-decoration:none; font-weight:400; }
a:link,a:visited{text-decoration: none;}
li{	list-style-type: none;}
*{font-family:"Microsoft YaHei";margin:0;padding:0; } 
.clear{ clear:none;}
p{font-family:"Microsoft YaHei"; border:0; padding:0; margin:0;}
ul,dl,li{ list-style:none; padding:0;}
img{ border:medium none;border:none ; }


/*头部*/
.top_1{ width:100%; height:5px; background:#3c8fcd;}
.top_2{ width:100%; height:90px;  border-bottom: 1px solid #3c8fcd ; }
.top_2_1{ clear:none; width:1110px; height:90px;  margin:0 auto; margin-top:0px;}
.logo{ background:url(../images/logo.png)  no-repeat  center ; width:333px; height:90px; display:block; float:left;}

.link{width:1000px;margin:0 auto;height:100px;}
.link a{ float:left; padding-right:10px;}

 
nav ul ul {
    display: none;
}
 
    nav ul li:hover > ul {
        display: block;
    }
 
 
nav ul {
    padding: 0 20px;
    border-radius: 10px;  
    list-style: none;
    position: relative;
    display: inline-table;
}
    nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    nav ul li {
        float: left;
		color:#333;
    }
        nav ul li:hover {
            background: #4b545f;
            background: linear-gradient(top, #3c8fcd 0%, #3c8fcd 40%);
            background: -moz-linear-gradient(top, #3c8fcd 0%, #3c8fcd 40%);
            background: -webkit-linear-gradient(top, #3c8fcd 0%,#3c8fcd 40%);
        }
            nav ul li:hover a {
                color: #fff;
            }
         
        nav ul li a {
            display: block; padding: 35px 18px;
            color: #333; text-decoration: none;font-weight:700
        }
             
         
    nav ul ul {
        background: #7DBFF1; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
		z-index:1000;
    }
        nav ul ul li {
            float: none; 
          
            border-bottom: 1px solid #fff; position: relative; font-size:14px;
        }
            nav ul ul li a {
                padding: 15px 40px;
                color: #fff;font-weight:700
            }   
                nav ul ul li a:hover {
                    background: #3c8fcd;
                }
         
    nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }
	nav dl{ float:right; padding-top:15px;}
	nav dl dt{font-family:"Microsoft YaHei"; font-size:14px;}
	nav dl dd{font-family:fantasy; font-size:28px; color:#0079d4}
        
/*/头部*/
.case_b img,.news_b img{ width:100%;}

/*banner*/
.banner{ width:100%; height:500px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.b-list{ height:50px; padding-top:440px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #0079d4;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:250px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:250px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
/*/banner*/
/*main*/
.wp1{width:1000px;margin:0 auto; height:600px; padding-top:15px; }
.wp1 a{text-decoration: none;}
.leftq{width:262px;float:left; margin-top:40px;}
.leftq2{width:262px;float:left; }
.leftq_1{width: 100%;height:105px;border-radius: 15px;background: #3c8fcd;
border: 1px solid #3c8fcd;text-align: center;line-height: 105px;font-size: 35px;color: #fff;font-weight: bold;}
.leftq_2 div{background:   #7dbff1 ;height:100%;height: 40px; border-radius: 10px; margin:10px 0px;     line-height: 40px; color:#fff; font-weight:700;}
.leftq_2 div:hover {
    background: #3C8FCD;
}
.leftq1{padding-left: 13px;line-height: 60px;color: #333333;font-size: 16px;}
.leftq ul,.leftw ul{list-style: none; margin:0;}
.last{width: 247px;height: 30px;line-height: 30px;padding-left:13px;background: #e3e5e4;font-size: 16px;margin: 10px 0px;}
.last a{color: #666;text-decoration: none;}
.last a:hover{text-decoration: none;color: #3c8fcd;}
.leftw{width:735px;float:right;}
.leftw ul{}
.leftw ul li{float:left;text-align: center;margin-left: 10px;margin-top:48px; display:block; width:232px; height:180px; }
.leftw ul li img{ width:100%; height:100%;   filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/  
    background-color: #ccc;  
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/  
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/  }
.leftw ul li span{display: block;text-align: center;height: 25px;line-height: 25px; background:#3c8fcd; color:#fff; }
.leftw ul li a{text-decoration: none;color: #666;}
.leftw ul li a:hover{text-decoration: none;color:#3c8fcd }
/*main*/

/*main2*/
.zerobox{display:none;}
.main2{width:1000px; height:1300px; margin:0 auto;overflow: hidden;position: relative;}
.main2 .title2{position:relative;width: 100%; height:68px;  float:left; margin-top:38px;}
.main2 .title2 h1{overflow:hidden; height:20px;overflow:hidden;line-height:10000px; }
.main2 .title2 p{overflow:hidden; height:20px;overflow:hidden;line-height:10000px; }
.main2 .a-pc1{width:1200px; height:225px; float:left; margin-top:30px;}
.main2 .a-pc1 a.al{margin:0;}
.main2 .a-pc1 a{float:left; margin-left:22px;}
.main2 .a-pc1 a p{text-align:center; font-size:16px; color:#4b4b4b; line-height:30px;}

.main2 .a-pc2{width:1200px; height:225px; float:left; margin-top:20px;}
.main2 .a-pc2 a.al{margin:0;}
.main2 .a-pc2 a{float:left; margin-left:22px;}
.main2 .a-pc2 a p{text-align:center; font-size:16px; color:#4b4b4b; line-height:30px;}

.main2 .a-pc3{position:absolute;bottom:150px;width:2200px; height:360px; float:left; margin-top:20px;    overflow: hidden;}
.main2 .a-pc3 a .img_zhezhao{position:absolute;overflow:hidden;width:100%;height:320px;top:-300px;}
.main2 .a-pc3 a .img_zhezhao p{color:white;font-size:12px;position:absolute;z-index:999;text-align:left;padding:5px 10px;}
.main2 .a-pc3 a .img_zhezhao .izz{width: 100%;position:absolute;background: black;opacity: 0.3;filter:alpha(opacity=30);overflow: hidden;height: 320px;left:0px;top:0px;}

.main2 .a-pc3 a:hover .img_zhezhao{top:0px;transition：top .3s linear;	-webkit-transition:top .3s linear;-o-transition:top .3s linear;-moz-transition:top .3s linear;}
.main2 .a-pc3 a:first-child{margin:0;}
.main2 .a-pc3 a{float:left; margin-left:15px;position:relative;}
.main2 .a-pc3 a>img{width: 320px;height:320px;}
.main2 .a-pc3 a p{text-align:center; font-size:16px; color:#4b4b4b; line-height:30px;}
.main2 .a-pc3 a>p:hover{color:#3c8fcd;}
.main2 .banner_point{position: absolute; bottom: 70px; height: 25px;  margin: 0 auto;}
.main2 .banner_point .bp{margin-left: 5px;width:22px; height:22px; background:url(../images/main2-btn1.jpg) no-repeat; float:left; }
.main2 .banner_point .bp_activate{background:url(../images/main2-btn2.jpg) no-repeat;}
/*main2*/


/*选择的理由*/
.banner{ width:100%;}
.liyou{ background:url(../images/xc_03.jpg) no-repeat center; background-size:100% 100%; width:100%; height:1470px;}
.ly1{ width:1000px;height:300px; margin:50px auto; padding-bottom:50px; }
.p11{background: url(../images/cxx_15.png) left no-repeat;}
.p1{background:url(../images/cxx_08.png) left no-repeat;}
.p111{background: url(../images/cxx_26.png) left no-repeat;}
.p1,.p11,.p111{  display:block; width:400px;    padding-left: 70px;height: 65px; border-bottom:#CCCCCC dashed 1px; padding-bottom:10px; color:#333; font-family:cursive;}
.p1 strong,.p11 strong,.p111 strong{font-size:32px; color:#3c8fcd}
.p2{ background:url(../images/cxx_11.png) left no-repeat; display:block; width:400px; padding-left:70px; height:60px; line-height:60px; margin-top:10px; font-weight:bold; color:#333;}
.p3{ background:url(../images/cxx_11.png) left no-repeat; display:block; width:400px; padding-left:70px; height:60px; line-height:30px; margin-top:10px; font-weight:bold; color:#333;}

/*选择的理由*/


/*新闻*/

/*xinwen*/
.b1{font-size:32px;  display:block; color:#333; word-spacing:5px; }
.b1_p{color:#999; font-size:20px; word-spacing:2px; font-family:cursive;}
.wp2{width: 1000px;margin:0 auto;height: 600px; padding-top:65px;}
.wp2 a{text-decoration: none;}
.t1{height:100px;margin: 0px;padding: 0px;width: 100%;}
.t1 img{width: 420px;margin: 0 atuo;display: block;}
.tp{font-size: 16px;color: #666;}
.tp a{text-decoration: none;color}
.tp_left{width: 610px;float: left;}
.tp_l1{font-size: 20px;height:44px;border-bottom: 1px solid #dedede;line-height: 44px;padding: 0px 5px;}
.tp_l1 dd{float:left;}
.tp_l1 dd a{text-decoration: none;color: #666;}
.tp_l1 dd a:hover,.on{text-decoration: none;color: #151515;font-weight: bold;}
.g1{float: right;font-size: 14px;}
.g1 a,.g3 a{color: #666;text-decoration: none;}
.g1 a:hover,.g3 a:hover{color: #3c8fcd;text-decoration: none;}

.tp_l2{clear: both;margin-top: 15px;padding: 0px 5px;}
.tp_l2_n{float:left;width: 200px;}
.tp_l2_m{float:right;width: 375px;height: 170px;}
.g2{width:80px;height:45px;background: #464646;line-height: 45px;text-align: center;margin-top: 10px;}
.g2 a{color:#fff;text-decoration: none;}
.g2 a:hover{color:#fff;text-decoration: none;}
.tp_l3{margin-top:20px;clear: both;}
.tp_l3 ul,.tp_l2 ul,.tp_left ul{list-style:none;}
.tp_l3 ul li{height: 50px;width: 580px;border-bottom: 1px dotted #ddd;padding: 0px 15px;
background: url(../images/Q3.png) no-repeat 6px 24px;line-height: 50px;}
.tp_l3 ul li a{color: #333;text-decoration: none;}
.tp_l3 ul li a:hover{text-decoration: none;color:#3c8fcd;}
.tp_l3 ul li span{float:right;font-size: 14px;margin-right: 20px;}


.tp_right{width: 355px;float: right;}
.tp_right_n{font-size: 20px;height:54px;border-bottom: 1px solid #dedede;line-height: 54px;padding: 0px 5px;}
.g3{float:right;font-size: 14px;}
.tp_right_m{margin-top:6px;clear: both;}
.tp_right_m ul{list-style:none;}
.tp_right_m ul li{width: 100%;height: 146px;border-bottom:1px solid #ddd;}
.tp_right_m a,.tp_right_m a:hover{text-decoration: none;color: #333;}
.w1{height: 40px;line-height: 40px;background: url(../images/Q4.png) no-repeat 0px 12px;padding-left:22px;}
.q1{background: url(../images/Q5.png) no-repeat 0px 12px;height: 100px;padding-left:22px;padding-top:10px;}

/*xinwen*/
.faq{ overflow: hidden;height:458px;}
.new{ overflow: hidden;height:519px;}
.til03{height:54px;line-height:54px;font-size:20px;padding: 0 0px;}
.til03 span{ float:right;}
.faq .til03 a{color: #16993f;padding: 0 0 0 31px;}
.newbox .til03 .more02 a{background: none;}
.til03 ul,.til03 li{float: left; margin:0;}
.til03 li a{line-height: 54px;display: inline-block;display: inline-block;padding:0 0 0 10px;color: #333;}
.til03 li.cur a,.til03 li a:hover{font-weight: bold;color: #333;}
.til03 a:hover{text-decoration: none;}
.faq_c{line-height:24px;}
.faq_c dl{padding:8px 0 16px;clear: both;border-bottom: dashed 1px #cdcdcd;font-size: 14px;line-height: 24px;}
.faq_c dl dt{background:url(../images/Q4.png) no-repeat 0 11px; height:38px; line-height: 38px; padding: 0 0 0 27px;}
.faq_c dl dt a{ color: #333;}
.faq_c dl dd{background:url(../images/Q5.png) no-repeat 0 1px;padding: 0 0 0 27px;height:48px; line-height: 24px; overflow: hidden;}
.tp_l3 ul li{width: 610px;}
/*资讯*/
.new_c{padding: 14px 15px;border-top: 1px solid #dedede;height: 1px;width: 100%;}
.new_c p{float: left;width:220px;}
.new_c p img{ width:198px; height:191px;display: block;}
.new_c ul{width:390px;float: left;height: 206px;overflow: hidden;}
.new_c ul li{height:48px;line-height:48px;border-bottom: dashed 1px #cdcdcd;font-size: 14px;overflow: hidden;}
.new_c ul li span{float: right;font-family: Arial;}


a { color:#333; text-decoration:none;}
a:focus{outline:0;}
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.more02 a{font-size: 14px;color: #666;text-decoration: none;}
.more02 a:hover{color:#3c8fcd;text-decoration: none;}


.ha1{width: 350px;color:#666;font-size: 14px;float:left;padding: 0px 10px;margin-right: 14px}
.ha1 span{font-weight: bold;color:#333; font-size:15px;}
.ha2{width:80px;height:40px;color:#ffffff;background: #666;text-align: center;line-height: 40px;margin-top:10px;}
.ha2 a{color:#ffffff;}
/*新闻*/


<!--底部-->
.footer{ width:100%; height:100px; background:#3c8fcd;}
.footer2{width:1000px; margin:0 auto;}
.footer3{float:left; width:600px; padding-top:25px; color:#FFFFFF; font-family:"Microsoft YaHei"; font-size:14px; line-height:26px;}
.footer3 a{ color:#fff;  padding:0px 10px;display:inline-table;}





/*主体样式*/
.main{padding: 0; margin:0;}d
.bigCont{overflow: hidden; width: 1200px; margin: 20px auto;}
.cont{width: 1150px; margin: 0 auto;overflow: hidden; margin-top:25px;}
.cont1{width: 1160px; margin: 0 auto;overflow: hidden;}
.cont:last-of-type{ padding-bottom: 20px; }
.title{ height:40px; line-height: 37px; border-bottom:1px #ccc solid; background:url(../images/cxx_11.png) left no-repeat;  float:right; width:100%; width:100%;}
.title_name{font:bold 16px/ 37px 'microsoft yahei' ; color:#0079d4; display: block; -width: 100px; height: 37px;
text-align: center; float: left; margin-left:50px;}
.more_btn{float: right; margin-right: 20px; display: inline-block; width: 50px; height: 40px;  text-align: center;}
.more_btn a {display: block; height: 20px; margin-top: 10px; box-shadow: 0px 0px 8px 1px #CCC inset; line-height: 20px;
border-radius:15px;}

.cont_1{width: 1200px; margin: 0 auto; padding-top: 20px 0; overflow: hidden; }
.classify{width: 220px; float: left; margin-left:20px;}
.c_content{width: 100%; border:1px solid #ebebeb;   }
.c_content ul li span{margin-left: 50px;}
.c_content ul li{width: 90%; height: 35px; line-height: 30px; text-align: center; font: normal 13px/35px 'microsoft yahei';
margin:5px auto;  border-radius: 16px; color:#000;border: 1px solid #ebebeb;}
.c_content ul li:hover{background: #333;}
.c_content ul li:hover a{color: #fff;}

.c_content1{width: 100%; border:1px solid #ebebeb;   }


.show{ float: right; width: 920px; margin-right: 20px;}

.s_content{width: 920px; border:1px solid #ccc; margin-top:10px; box-shadow: 0px 0px 50px -10px #ccc inset; padding-bottom: 10px;
overflow: hidden;}
.s_content ul li{width: 216px; float: left; margin-left: 10px; margin-top:10px;}
.group{ width: 100%;  }
.g_pic{width: 200px; height: 200px; margin: 0 auto; border: 1px solid #ccc; margin-top: 10px;text-align: center;overflow: hidden;}
.g_pic img{max-height: 200px; max-width: 200px;}
.g_pic a {width: 200px; height: 200px; display: table-cell; vertical-align: middle;}
.g_name{ width: 200px; height: 30px; margin: 0 auto; text-align: center ;  line-height: 30px;}
.group:hover .g_pic{border: 1px solid red;}


.cont_2{width: 1200px ;margin:0 auto; overflow: hidden; padding:20px 0; }

.contact{ width: 325px; float: right; margin-right: 20px;}
.a_content{width: 100%; border: 1px solid #ccc; padding: 10px; line-height: 28px;}
.l_content{ border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb; padding:0 10px 10px 10px;}
.l_content p{ line-height:20px; font-family: 'microsoft yahei';}
.l_content span{display: block; font-size:14px; font-family: 'microsoft yahei'; margin-top:5px; color:#333}


.cont_3{width: 1200px ;margin:0 auto; overflow: hidden; padding:20px 0; }
.news{width:400px; float: left; margin-left: 20px;}
.info{width: 48%; float: right; margin-right: 20px;}



/*内页样式*/
.inner_left{width: 220px; float: left; margin-left:20px;}
.left_cont{margin-top:20px;}
.left_cont1{}
.inner_right{float: right; width: 870px; }


.inner_right1{ width: 900px; }
.inner_content1{width: 850px;margin-top:10px;  padding-bottom: 10px; 
overflow: hidden; padding: 10px;}

.inner_content{width: 850px; border:1px solid #ebebeb; margin-top:10px;  padding-bottom: 10px; float:right;
overflow: hidden; padding: 10px;}
.location{float: right; margin-right:20px; color:#333; font-size:14px;}
.location a{color: #333;}

.img_group{width: 252px; height:292px; float: left; margin:15px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.img_show{width: 100%;  text-align: center;  overflow: hidden;}
.img_show img{ width:232px;height:232px; margin: 10px 10px;}
.img_show a{width: 192px ; height: 160px; display: table-cell; vertical-align: middle;}
.img_title{width: 100%; height: 30px; text-align: center; line-height: 30px; overflow: hidden;}
.img_title a:hover {color:#333; text-decoration: none;}
.img_group:hover .img_title{ transition: 300ms;}

.newslist ul li{height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc; list-style:disc;font-size:15px;}
.newslist ul li a {color: #666;}
.news_title{width: 100%; text-align:center;}
.news_detail{text-align: center;overflow: hidden;float: left; margin-bottom: 10px;width: 100%; }
.news_detail li{ padding: 5px 0;margin: 0 0px 5px 5px;display: inline-block;color: #a5a5a5; }

.horizontal-line { width: 100%; margin: 20px 0; float: left;border-top: 1px solid #e3e3e3;}
.pro_img {text-align: center;}
.permalink { margin-top: 20px;}
.permalink h4 {    margin-bottom: 0px;    text-align: center;}
ul.post-meta {    text-align: center;    overflow: hidden;    float: left;    margin-bottom: 10px;    width: 100%;}
ul.post-meta li:first-child {    margin-left: 0px;}
ul.post-meta li {    padding: 5px 0;    margin: 0 0px 5px 5px;    display: inline-block;    color: #a5a5a5;}
#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

/*分页样式*/
.pagination {
    display: inline-block;
    padding-left: 0;

    border-radius: 4px;
}
.pagination {
    width: 100%;
    text-align: center;
}
.pagination ul {
    text-align: center;
    margin: 10px 0 10px 0;
    float: left;
    position: relative;
    width: 100%;
}
.pagination ul li a {
    padding: 5px 10px;
    display: inline-block;
    float: left;
    margin-right: 1px;
    background:#3c8fcd;
    color:#fff;
    border-bottom: 1px solid #ADD597;
    text-decoration: none;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.pagination ul li a:hover {
    padding: 5px 10px;
    display: inline-block;
    float: left;
    margin-right: 1px;
    background: #3c8fcd;
    color: #fff;
    border-bottom: 1px solid #3c8fcd;
    text-decoration: none;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.pagination ul li:first-child a {
    border-radius: 4px 0px 0px 4px;
}
.pagination ul li:last-child a {
    border-radius: 0px 4px 4px 0px;
}




.preview{width:502px; height:465px; margin:20px 0px 0px 20px; border:1px solid #ccc; float:left}
/* smallImg */
.smallImg{position:relative; height:62px; margin-top:1px; background-color:#F1F0F0; width:502px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_09.png)  no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background: url(../images/d_09.png) no-repeat; margin-left:480px; margin-top:-50px;}

#imageMenu {height:50px; width:470px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:50px; height:50px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:502px; height:400px; overflow:hidden;}
.bigImg #midimg{width:502px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #ccc; overflow: hidden; z-index:999;}
#bigView img{position:absolute; }

.pro_m{ width:430px; height:450px; margin:20px  0 0 560px;}
.pro_m span{line-height:40px;}
.pro_c{ height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size:16px;}





/*在线客服*/
.izl-rmenu{position:fixed; right:15px; margin-left:532px; bottom:10px; padding-bottom:73px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:-1px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.transition {
  	opacity: 0;
  	
	-webkit-transform: translate3d(0,60px,0);
			transform: translate3d(0,60px,0);
	
   -webkit-transition: all .7s ease-out;
		   transition: all .7s ease-out;
}

.css3 {
	opacity: 1;
	
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}

.no-space {
	padding:0px !important;
}
.no-space-top {
	padding-top:0px !important;
}
.no-space-bottom {
	padding-bottom:0px !important;
}
.space-bottom-20 {
	padding-bottom: 20px;
}
.space-top-20 {
	padding-top: 20px;
}

.waterfall-grid {
	position:relative;
	*height: 100%;
}
.waterfall-grid .grid-item {
	position:relative;
	width:232px;
	height:294px;
	margin-bottom: 14px;
	float:left;
	overflow: hidden;
}
.waterfall-grid .grid-item img {
	*width: 100%;
	display:block;
}
.waterfall-grid .grid-item-width2 {
	width:472px;
}
.waterfall-grid .grid-item-height2 {
	height:602px;
}

.tinno-timeline {
	position:relative;
	margin:20px auto 150px;
	padding:0px;
	list-style: none;
	width: 780px;
	
}
.tinno-timeline > li {
	position:relative;
	margin:60px 0px;
	overflow: hidden;
}
.tinno-timeline > li:before {
	content: " ";
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-9px;
	width:19px;
	height:19px;
	border-radius: 19px;
	background-color:#0079D4;
	
}
.tinno-timeline > li.line {
	position:absolute;
	left:50%;
	top: 0px;
	height:100%;
	width:0px;
	margin:0px;
	padding-bottom:100px;
	border-left:1px solid #7DBFF1;
}
.tinno-timeline .content-left,
.tinno-timeline .content-right {
	position:relative;
	width:45%;
}
.tinno-timeline .content-left {
	float:left;
	text-align: left;
}
.tinno-timeline .content-right {
	float:right;
	text-align: left;
}
.tinno-timeline dl,
.tinno-timeline dd {
	padding:0px;
	margin:0px;
	list-style: none;
}
.tinno-timeline dt {
	font-size:18px;
	color:#000000;
	margin-bottom: 10px;
}
.tinno-timeline dd,
.tinno-timeline p {
	font-size: 14px;
	color:#999999;
	line-height: 20px;
}
.tinno-timeline p {
	margin: 0px;
	padding-bottom: 10px;
}
.mask {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.7);
}
.mask .description {
	position:absolute;
	bottom:25px;
	right:30px;
	color:#FFFFFF;
	font-size: 14px;
	max-width: 80px;
}






/*分类切换*/

.sy_pro_list .lxqhlr {
	POSITION: relative; MARGIN-TOP: 48px; WIDTH: 735px; HEIGHT: 600px; OVERFLOW: hidden; float:right;
} 
.sy_pro_list .lxqhlr .lxqhlr_nr {
	POSITION: absolute; WIDTH: 67200px; ZOOM: 1; TOP: 0px; LEFT: 0px; padding-left:20px;
}
.sy_pro_list .liangx UL .commonmo {
	 COLOR: #ffffff; FONT-SIZE: 15px
}
.sy_pro_list .lxqhlr .group {
	WIDTH: 760px; FLOAT: left; HEIGHT: 600px; OVERFLOW: hidden
}
.sy_pro_list .lxqhlr .commonmo {
	DISPLAY: block
}
.sy_pro_list .lxqhlr .group UL LI {
	WIDTH: 232px; BACKGROUND: #e1e8ec; FLOAT: left; HEIGHT: 280px; MARGIN-RIGHT: 10px; margin-bottom:10px;
}
.sy_pro_list .lxqhlr .group UL LI IMG {
	WIDTH: 232px; HEIGHT: 232px
}
.sy_pro_list .lxqhlr .group UL LI DL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px; PADDING-TOP: 0px
}
.sy_pro_list .lxqhlr .group UL LI DL DT {
	LINE-HEIGHT: 30px; MARGIN-TOP: 1px; HEIGHT: 38px; text-align:center;
}
.sy_pro_list .lxqhlr .group UL LI DL DT A {
	COLOR: #333333; FONT-SIZE: 16px; TEXT-DECORATION: none
}
.sy_pro_list .lxqhlr .group UL LI DL DD {
	LINE-HEIGHT: 24px; HEIGHT: 48px; COLOR: #666666; FONT-SIZE: 13px; OVERFLOW: hidden
}
.sy_pro_nr {
	MARGIN: 0px auto; WIDTH: 1120px; PADDING-TOP: 30px
}