@charset "utf-8";
/* CSS Document */

html {font-size:62.5%;}
body {margin:0 auto;font-family:Open Sans,Arial;  font-size:12px;font-size:1.2rem; background:#fff;}
img {border:none;}
ul li {list-style-type:none;}
ul, form, p, a, img, table, tr, td, li,dd,dt,dl {margin:0;padding:0;list-style:none;color:#333;}
a {text-decoration:none;color:#333;outline:none;}
h1 {margin:0;padding:0;font-weight:normal;}
.clear {clear:both;}
.fl{float:left}
.fr{float:right}
.co2e{color:#2e2c2c !important}
.co31{color:#31458e;}
.co33{color:#333;}


input,textarea{background:#fff; font-family:Open Sans,Arial;font-size:14px;font-size:1.4rem;color:#333;}


::-webkit-input-placeholder {/* WebKit browsers */
    color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
    color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
    color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
    color:#333;}

@media screen and (min-width:1220px){.zong{width:1200px;margin:auto;}}
@media screen and (min-width:1000px) and (max-width:1219px){.zong{width:980px;margin:auto;}}
@media screen and (max-width:999px){.zong{width:95%;margin:auto;}}

@font-face{src:url(../OpenSans-Regular.ttf); font-family:Open Sans,Arial !important; }

.ding{background:#5f5f5f; height:38px;}
.ding a{display:block; float:right; color:#fff;font-weight:bold; line-height:38px;}
.ding span{display:block; float:right; color:#fff; margin:0 5px; font-weight:bold; line-height:38px;}
.ding a:hover{color:#5076fd}

.head{ position:relative;}
.head .alibaba{ position:absolute;}
@media screen and (min-width:1650px)
{.head .alibaba{ position:absolute; left:-220px; top:32px;}}
@media screen and (max-width:1649px)
{.head .alibaba{ position:absolute; left:0px; top:-37px;}}
@media screen and (max-width:640px)
{.head .alibaba{ position:absolute; left:0px; top:-57px;}}
.logo{width:253px; float:left; margin-top:22px;}
.lggo a{display:block; width:100%;}
.logo a img{width:100%; max-width:253px; max-height:73px;}
.sousuo{width:258px; height:36px; border:1px solid #ededed; border-radius:18px; float:right; position:relative; margin-top:43px;}
.sou{width:190px; height:34px;*height:32px; border-radius:18px; border:none; padding-left:20px; font-size:14px; font-size:1.4rem; line-height:34px;}
.suo{width:42px; height:42px; background:url(../img/sousuo.png) no-repeat center; position:absolute; right:0px; top:-4px; border:none; border-radius:50%; cursor:pointer}

/*  dao hang  */

.daohang{width:655px; float:left; margin-top:32px; margin-left:30px;}
.daohangn{}
.daohangn>li{float:left; margin-left:38px; position:relative; padding-bottom:26px; z-index:9999}
.daohangn>li>a{display:block; padding-right:19px; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:53px;}
.daohangn>li:hover>a{color:#31458e;}
.daohangn>li:hover .xiala{background:url(../img/lanxiala.jpg) no-repeat right center;}
.yiji{position:absolute; background:url(../img/huixiala.jpg) no-repeat top center; width:199px; padding-top:9px; left:-57px; top:-9999px; z-index:99999}
.yiji>ul{border:1px solid #f1eded; border-radius:7px; padding-top:10px; padding-bottom:20px; background:#fff}
.yiji>ul>li{font-size:14px; font-size:1.4rem; line-height:24px; padding:12px 0; padding-left:14px; padding-right:11px; position:relative;}
.yiji>ul>li>a{display:block;}
.yiji>ul>li:hover>a{color:#31458e;}
.yiji>ul>li:hover .erjixia{background:url(../img/erji.jpg) no-repeat right center;}
.daohangn>li:hover .yiji{top:69px;}
.erji{position:absolute; top:-9999px; left:197px; width:197px; border:1px solid #f1eded; border-radius:7px; padding-top:10px; padding-bottom:10px; background:#fff;}
.erji li{font-size:14px; font-size:1.4rem; line-height:24px; padding:12px 0; padding-left:14px; padding-right:11px;}
.erji li a{display:block;}
.erji li:hover a{color:#31458e;}
.yiji>ul>li:hover .erji{top:0px;}
.dangqiandao{color:#31458e;}

@media screen and (min-width:1000px) and (max-width:1219px){.logo{width:203px;}
.sousuo{width:208px;}	
.daohang{width:550px; margin-left:15px;}
.daohangn>li{margin-left:18px;}
.yiji{width:170px; left:-40px;}
.erji{width:170px; left:168px;}
.daohangn>li:hover .yiji{top:59px;}}
@media screen and (max-width:999px){.logo{width:203px;}
.sousuo{margin-top:20px;}
.daohang{width:100%; margin-left:auto; text-align:center; margin-top:0px;}
.daohang li{float:none; *float:left; display:inline-block; margin:0 2.2%; padding-bottom:0px;}	
.yiji{display:none}
.daohangn>li:hover .xiala{background:none}}
@media screen and (min-width:640px){.caidan{display:none}}
@media screen and (max-width:639px){.logo{width:60%; float:none;}
.sousuo{float:none; width:100%; margin-left:auto; margin-top:20px;}
.sou{width:80%;}
.daohang{display:none}

.caidan{width:210px;float:left;right:15px; top:65px;position:absolute;display:block; z-index:99}
.menu2{background:url(../img/32anniu.jpg) no-repeat right;position:relative;width:49px;height:33px;/*margin-top:-80px;*/ float:right;border:none;cursor:pointer;}
.yingcangg{width:100%;}
.caidanzhongnei{background:#fff;border:1px solid #31458e;line-height:26px;padding-top:3px;padding-right:5px;z-index:9999999999;position:absolute;padding-left:5px;}
.caidanzhongnei li{width:200px;line-height:35px;border-bottom:1px solid #31458e;}
.caidanzhongnei li a{color:#333;display:block}
.caidanzhongnei li a:hover{color:#31458e}}


/*  banner  */

/*lun bo*/
.index_focus {position: relative;width: 100%;height:772px;margin: 0 auto; overflow:hidden;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1680px;}
.index_focus .slide_nav {position: absolute;left: 48%;bottom:20px;  }
.index_focus .slide_nav a{width:8px; height:8px;cursor:pointer;float:left; margin-right:12px; background:#fbfbfb; border:2px solid #abacb0; border-radius:50%;}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:url(../img/dianz.png) no-repeat; background:#31458e; border-color:#31458e}
@media screen and (min-width:1000px){.banner{display:none}}
@media screen and (max-width:999px){.index_focus {display:none}
.banner{width:100%; margin-top:15px;}
.banner a{display:block; width:100%;}
.banner a img{width:100%;}}

/*  main1  */
.main1{padding-top:68px;}
.main1biao{display:block; text-align:center;}
.main1biao img{width:192px; height:52px;}

.img-scroll {position:relative; width:100%; margin-top:11px;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:16px;height:29px; top:50%; margin-top:-15px;}
.img-scroll .prev {left:0;cursor:pointer; background:url(../img/left.png)}
.img-scroll .next {right:0;cursor:pointer; background:url(../img/right.png)}
.img-list {position:relative; width:1069px; margin-left:66px; overflow:hidden}
.img-list ul {width:9999px;}
.img-list li {float:left; display:inline; width:244px; margin-right:32px; text-align:center;}
.main1tu{display:block; width:100%;}
.main1tu img{width:100%; max-width:378px; max-height:338px;}
.main1zi{font-size:16px; font-size:1.6rem; display:block; text-align:center; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; line-height:25px; padding:12px 0; margin-top:10px;}
.main1zi:hover{color:#31458e}
@media screen and (min-width:1000px) and (max-width:1219px){.img-list {width:880px; margin-left:40px;}
.img-list li {width:200px;}}
@media screen and (max-width:999px){.img-list {width:90%; margin-left:5%}
.img-list ul {width:400%}
.img-list li {width:7.5%; margin-right:1%}}
@media screen and (max-width:700px){.img-list li {width:12.2%; margin-right:0.5%}}
@media screen and (max-width:400px){.img-list {width:80%; margin-left:10%}
.img-list ul {width:800%}
.img-list li {width:12.5%; margin-right:1%}}

.mat2{ margin-top:40px;}
.mat3{ margin-top:auto;}

/*  main2  */
.main2{padding-top:69px;}
.main2biao{display:block; text-align:center;}
.main2biao img{width:276px; height:49px;}
.fixHeader {display:none;}
/**/
#acordProd{margin-top:49px;}
#acordProd a {overflow:hidden;display:flex;position:relative;width:15%;float:left;height:104vh;-webkit-transition: 700ms ease;-moz-transition: 700ms ease;transition: 700ms ease;}
#acordProd a:after{position:absolute;top:0;right:0;content:"";width:100%;height:100%;z-index:1;}

#acordProd a > div{display:block;position:absolute;bottom: 0;right: 0;width: 100%;height: 100%;z-index:2;font-size:2.5vw;color:#FFF;text-align: left;-webkit-transition: 700msms ease;-moz-transition: 700ms ease;transition: 700ms ease;}

#acordProd a > div > div{position:relative;height: 100%;}

#acordProd a > div > div > div{position: absolute;bottom:89px;width: 0;right: 42px;white-space:nowrap;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

#acordProd a:first-child {width:55%;}
#acordProd a:first-child img{left: 0;}
#acordProd a:first-child > div > div > div{}
#acordProd:hover a:first-child img{left: -100%;}
#acordProd:hover a:first-child > div{}
#acordProd a:first-child:hover img{left: 0;}
#acordProd a:first-child:hover > div{}

#acordProd:hover a{width:15%;}

#acordProd a:hover{width:55%;}
#acordProd a:hover img{left: -100%;}
#acordProd a:hover > div > div > div{bot  }

#acordProd a img {height:100%;position: absolute;width:auto;left: -100%;-webkit-transition: 650ms ease;-moz-transition: 650ms ease;transition: 650ms ease;}
#acordProd a:hover img {left: 0;}


/**/
#sobre p {margin:23px 0;}
@media screen and (min-width:1000px){.main2x{display:none}}
@media screen and (max-width:999px){#acordProd{display:none}
.x2n{width:45%; margin-left:2.5%; margin-right:2.5%; float:left; margin-top:20px;}
.x2tu{display:block; width:100%;}
.x2tu img{width:100%; max-width:893px; max-height:809px;}
.x2zi{display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:10px;}
.x2zi:hover{color:#31458e;}}
@media screen and (max-width:539px){.x2n{width:95%;}
.x2zi{font-size:14px; font-size:1.4rem;}}

/*  main3  */
.main3{background:#f7f7f7; padding-top:69px; padding-bottom:73px;}
.main3biao{display:block; text-align:center}
.main3biao img{width:138px; height:49px;}
.main3tu{width:501px; float:left; margin-top:27px;}
.main3tu a{display:block; width:100%; text-align:center}
.main3tu a img{width:100%; max-width:501px; max-height:367px;}
.main3zi{width:656px; float:right}
.main3zi p a{display:block; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:16px; margin-bottom:14px;}
.main3mor{font-size:16px; font-size:1.6rem; line-height:30px; color:#31458e; font-weight:bold;}
.main3zi p a:hover{color:#31458e;}
.quan{margin-top:36px;}
.quann{float:left; width:170px; margin-right:45px;}
.quantu{display:block; width:100%; background:url(../img/lantiao.jpg) no-repeat center; text-align:center;}
.quantu img{transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; border-radius:50%;}
.quanzi{display:block; text-align:center; font-size:16px; font-size:1.6rem; margin-top:5px;}
.quann:hover .quanzi{color:#31458e;}
.quann:hover .quantu img{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
@media screen and (min-width:1000px) and (max-width:1219px){.main3tu{width:459px;}
.main3zi{width:500px;}
.main3zi p a{line-height:25px;font-size:15px; font-size:1.5rem; margin-bottom:10px;}
.main3mor{font-size:15px; font-size:1.5rem;}
.quan{margin-top:15px;}
.quann{width:155px; margin-right:10px;}
.quanzi{font-size:15px; font-size:1.5rem;}}
@media screen and (max-width:999px){.main3tu{width:100%; float:none}
.main3zi{width:100%;}
.quann{margin-right:30px;}}
@media screen and (max-width:639px){.quann{width:100%; margin:auto; margin-top:20px;}}

/*  she jiao  */

.shejiao{background:#3c3c3c; padding-top:38px; padding-bottom:39px;}
.shejiaon{text-align:center}
.shejiaon a{*float:left; display:inline-block; width:85px; text-align:center; font-size:16px; font-size:1.6rem; color:#fff; padding-top:40px; margin:0 31px;}
.ali{background:url(../img/ali.jpg) no-repeat no-repeat top center;}
.ff{background:url(../img/ff.jpg) no-repeat top center;}
.fniao{background:url(../img/fniao.jpg) no-repeat top center;}
.fg{background:url(../img/fg+.jpg) no-repeat top center;}
.fin{background:url(../img/fin.jpg) no-repeat top center;}
.fyou{background:url(../img/fyou.jpg) no-repeat top center;}
.shejiaon a:hover{color:#5076fd;}
@media screen and (max-width:999px){.shejiaon a{width:30%; float:left; margin:10px 1.5%;}}

/*  foot  */

.foot{background:#303030; padding-top:24px; padding-bottom:41px;}
.ful1{width:345px; float:left;}
.ful2{width:170px; float:left; margin-left:105px;}
.ful3{width:487px; float:right;}
.fulbiao{display:block; background:url(../img/fulbiaobei.jpg) no-repeat left bottom; font-size:22px; font-size:2.2rem; line-height:53px; color:#fff;}
.f1{}
.f1n{margin-top:20px;}
.f1tu{width:113px; float:left; margin-top:5px;}
.f1tu a{display:block; width:100%;}
.f1tu a img{width:100%; max-width:113px; max-height:71px;}
.f1zi{width:210px; float:left; margin-left:13px;}
.f1zi p{display: table-cell;vertical-align:middle; height:71px;}
.f1zi p a{display:block; line-height:24px; font-size:14px; font-size:1.4rem; color:#bbb7b7;vertical-align:middle;}
.f1zi p a:hover{color:#5076fd;}

.ful2 ul{margin-top:17px;}
.ful2 ul li{background:url(../img/huikuai.jpg) no-repeat left 14px; padding-left:14px; font-size:14px; font-size:1.4rem; line-height:30px; }
.ful2 ul li a{display:block;color:#bbb7b7;}
.ful2 ul li a:hover{color:#5076fd;}

.ful3 ul{margin-top:17px;}
.ful3 ul li{width:262px; padding-left:28px; float:left; font-size:14px; font-size:1.4rem; line-height:30px;color:#bbb7b7; margin-right:29px;}
.ful3 ul li a{color:#bbb7b7;}
.ful3 ul li a:hover{color:#5076fd;}
.fdianhua{background:url(../img/fdianhua.jpg) no-repeat left 8px;}
.fchuanzhen{background:url(../img/fchuanzhen.jpg) no-repeat left 8px;}
.fyouxiang{background:url(../img/fyouxiang.jpg) no-repeat left 8px;}
.fqq{background:url(../img/fqq.jpg) no-repeat left 8px;}
.fyixin{background:url(../img/fyixin.jpg) no-repeat left 8px;}
.fdizhi{background:url(../img/fdingwei.jpg) no-repeat left 8px;}

@media screen and (min-width:1000px) and (max-width:1219px){.ful1{width:345px; float:left;}
.ful2{width:150px; float:left; margin-left:25px;}
.ful3{width:450px; float:right;}
.ful3 ul li{margin-right:10px;}}
@media screen and (max-width:999px){.ful1{width:48%; float:left;}
.f1zi{width:50%;}
.ful2{width:48%; float:left; margin-left:0px;}
.ful3{width:100%; float:none; margin-top:20px;}
.ful3 ul li{margin-right:10px;}}
@media screen and (max-width:750px){.ful1{width:100%; float:none;}
.ful2{width:100%; float:none; margin-left:0px;}
.ful3{width:100%; float:none; margin-top:20px;}
.ful3 ul li{margin-right:10px;}}

.zhichi{background:#303030; border-top:1px solid #545353; padding-top:22px; padding-bottom:27px;}
.zhichi p{font-size:14px; font-size:1.4rem; color:#9e9b9b; line-height:30px; float:left;}
.wzdt{display:block; float:left; margin-left:328px; font-size:14px; font-size:1.4rem; color:#9e9b9b; line-height:30px;}
.zhi{font-size:14px; font-size:1.4rem; color:#9e9b9b; line-height:30px; float:right;}
.zhi img{width:106px; height:17px;}
.zhichi a:hover{color:#5076fd;}
@media screen and (min-width:1000px) and (max-width:1219px){.wzdt{margin-left:50px;}}
@media screen and (max-width:999px){.zhichi p{width:100%;}
.wzdt{margin-left:0px;}}

/*  ke fu  */

.kefu{width:150px; padding-left:12px; padding-right:15px; position:fixed; top:50%; left:0px; margin-top:-111px; background:#31458e; padding-top:8px; padding-bottom:18px; border-radius:9px;}
.kefubiao{display:block; font-size:14px; font-size:1.4rem; line-height:28px; color:#fff;}
.kefun{background:#fff; padding:0 10px; width:130px; margin-top:6px; padding-top:7px; padding-bottom:26px; border-radius:8px;}
.kefun a{display:block; background:url(../img/kes.jpg) no-repeat left center; line-height:30px; color:#444444; padding-left:31px; margin-top:13px; font-family:Arial, Helvetica, sans-serif}
.kefun a:hover{color:#31458e}
.kefu .close{background:none;border:none;position:absolute;right:2px;*left:160px;top:5px;color:#fff;z-index:999;cursor:pointer;}
@media screen and (max-width:999px){.kefu{display:none}}

/************************************************************************  product  ********************************************************************/
.mianbao{background:#e8e8e8; color:#333;font-size:16px; font-size:1.6rem; line-height:30px; padding-top:31px; margin-top:9px; padding-bottom:37px;}
.mianbao a{font-size:16px; font-size:1.6rem;}
.mianbao a:hover{color:#31458e;}

.prmain{padding-bottom:40px;}
.prmain-l{width:280px; float:left; margin-top:40px;}
.prmain-r{width:887px; float:right;}

.prlbiao{display:block; padding-left:17px; font-size:18px; font-size:1.8rem; color:#fff; line-height:25px; background:#5f5f5f; padding-top:16px; padding-bottom:16px;}
.subNavBox{width:100%;border:solid 1px #e7e7e7;}
.subNav{border-bottom:solid 1px #e7e7e7;cursor:pointer;font-size:14px; font-size:1.4rem;color:#333;line-height:25px;padding-left:18px; padding-top:15px; padding-bottom:15px;}
.subNav:hover{color:#31458e;}
.currentDd a{color:#31458e}
.currentDt{background:url(../img/jiantou.jpg) no-repeat 95% center;}
.navContent{display: none;border-bottom:solid 1px #e5e3da; padding-bottom:16px; padding-top:6px;}
.navContent li a{display:block;heighr:28px; padding-left:34px; padding-right:10px;font-size:14px; font-size:1.4rem;line-height:25px;color:#333;padding-top:10px; padding-bottom:5px;}
.navContent li a:hover,.navContent li a.zhong{color:#31458e}

.fenye{margin-top:41px;}
.fenyen{float:left; text-align:center; margin-top:4px;}
.fenyen a{display:inline-block; *float:left; width:25px; height:25px; border:1px solid #cbc6c6; font-size:16px; font-size:1.6rem; line-height:25px; text-align:center; margin-right:6px;}
.fenyen a:hover{background:#31458e; color:#fff;}
.fenyen a.no:hover{display:inline-block; *float:left; width:25px; height:25px; border:1px solid #cbc6c6; font-size:16px; font-size:1.6rem; line-height:25px; text-align:center; margin-right:6px; background:#fff; color:#333}
.dangqianfen{background:#31458e; color:#fff !important;}
.fuxuan{float:right;}
.fuxuan input{width:158px; height:38px; background:#31458e; font-size:14px; font-size:1.4rem; color:#fff; border:none; cursor:pointer;}
.fuxuan input:hover{background:#838383;}

.chanlie{width:196px; padding-left:6px; padding-right:6px; border:1px solid #dcdcdc; padding-bottom:28px; float:left; margin-left:15px; margin-top:28px; margin-bottom:6px;}
.chantu{display:block; width:100%; text-align:center; margin-top:15px;}
.chantu img{width:100%; max-width:378px; max-height:338px;}
.chanming{margin-top:16px; line-height:20px; height:40px;}
.chanming input{float:left; margin-right:10px;}
.chanming a{float:left; font-size:14px; font-size:1.4rem; width:81%;}
.chanming a:hover{color:#31458e}
.liemor{display:block; font-size:14px; font-size:1.4rem; color:#fff; width:117px; height:34px; text-align:center; line-height:34px; background:#838383; margin:auto; margin-top:20px;}
.liemor:hover{background:#31458e;}
.maln{margin-left:auto !important;}
.mat1{margin-top:23px !important;}
@media screen and (min-width:1000px) and (max-width:1219px){.prmain-l{width:210px;}
.navContent li a{padding-left:25px;}
.prmain-r{width:747px;}
.chanlie{width:170px; padding-left:2px; padding-right:2px; margin-left:13px;}
.chanming a{font-size:12px; font-size:1.2rem;}}
@media screen and (max-width:999px){.prmain-l{width:35%;}
.prmain-r{width:62%;}
.chanlie{width:43%; padding-left:1%; padding-right:1%; margin-left:2% !important; margin-right:2%;}}
@media screen and (max-width:740px){.fenyen{float:none;}
.fuxuan{float:none; text-align:center; margin:auto; margin-top:20px;}
.chanming a{font-size:12px; font-size:1.4rem;}}
@media screen and (max-width:639px){.prmain-l{width:100%;}
.prmain-r{width:100%;}}
@media screen and (max-width:439px){.chanlie{width:73%; margin-left:12.5% !important; margin-right:12.5%;}}

/************************************************************************  product2  ********************************************************************/

.prlie{margin-top:38px;}
.prlie>li{position:relative;width:265px; height:57px; margin-right:35px; float:left;}
.prlie>li>a{display:block; width:100%;  text-align:center; line-height:57px; background:#5f5f5f;  font-size:16px; font-size:1.6rem; color:#fff;}
.prlie>li:hover>a{background:#31458e;}
.prerji{position:absolute; top:-9999px; left:-1px; background:#fff; border:1px solid #f1eded; width:100%; padding-top:15px; padding-bottom:15px; z-index:99999;}
.prerji li{padding-left:15px;}
.prerji li a{display:block; line-height:25px; padding-top:10px; padding-bottom:10px; font-size:16px; font-size:1.6rem;}
.prerji li a:hover,.prerji li a.zhong{color:#31458e}
.prlie>li:hover .prerji{top:57px;}
.dangqianlie{background:#31458e !important;}



@media screen and (max-width:1000px){
.prlie1{margin-top:0px;}
.prlie1>li{position:relative;width:265px; height:57px; margin-right:35px; float:left; width:44%; margin-top:15px; margin-left:2.5%; margin-right:2.5%;}
.prlie1>li>a{display:block; width:100%;  text-align:center; line-height:57px; background:#5f5f5f;  font-size:16px; font-size:1.6rem; color:#fff;}
.prlie1>li:hover>a{background:#31458e;}
.prerji1{position:absolute; top:-9999px; left:-1px; background:#fff; border:1px solid #f1eded; width:100%; padding-top:15px; padding-bottom:15px; z-index:99999;}
.prerj1i li{padding-left:15px;}
.prerji1 li a{display:block; line-height:25px; padding-top:10px; padding-bottom:10px; font-size:16px; font-size:1.6rem;}
.prerji1 li a:hover,.prerji1 li a.zhong{color:#31458e}
.prlie1>li:hover .prerj1i{top:57px;}
.dangqianlie{background:#31458e !important;}
}
@media screen and (max-width:580px){.prlie1>li{ width:95%; margin-left:2.5%; margin-right:2.5%;}}
@media screen and (min-width:1000px){.prlie1{ display:none;}}


.prlie2{margin-top:0px;}
.prlie2>li{position:relative;width:265px; height:57px; margin-right:35px; float:left; width:44%; max-width:230px; margin-top:15px; margin-left:2.5%; margin-right:2.5%;}
.prlie2>li>a{display:block; width:100%;  text-align:center; line-height:57px; background:#5f5f5f;  font-size:16px; font-size:1.6rem; color:#fff;}
.prlie2>li:hover>a{background:#31458e;}
.prerji1{position:absolute; top:-9999px; left:-1px; background:#fff; border:1px solid #f1eded; width:100%; padding-top:15px; padding-bottom:15px; z-index:99999;}
.prerj1i li{padding-left:15px;}
.prerji1 li a{display:block; line-height:25px; padding-top:10px; padding-bottom:10px; font-size:16px; font-size:1.6rem;}
.prerji1 li a:hover,.prerji1 li a.zhong{color:#31458e}
.prlie2>li:hover .prerj1i{top:57px;}
.dangqianlie{background:#31458e !important;}




#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:380px;position:relative; margin-top:40px; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:1px solid #dcdcdc;}
#tsShopContainer #tsPicContainer{width:100%;height:92px;position:relative; margin-top:9px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:12px;height:100%;background:url(../img/prleft.jpg) no-repeat bottom center;position:absolute;top:0px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:12px;height:100%;background:url(../img/prright.jpg) no-repeat bottom center;position:absolute;top:0px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:0px;left:29px;width:1px;height:92px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:113px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{display:block;width:93px; padding-top:7px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:1px solid  #dedede;display:block;width:93px;height:83px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{background:url(../img/zhizhen.jpg) no-repeat top center;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #31458e;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}







.chanxr{width:796px; float:right; margin-top:37px;}
.chanxr h1{font-size:18px; font-size:1.8rem; font-weight:bold; color:#31458e;}
.chanxr p{ font-size:14px; font-size:1.4rem; line-height:29px; width:100%; margin-top:13px;}
.chanxr p span{ display:block; width:98px; float:left; margin-top:8px;}
.chanxr p label a{ display:block; float:left; padding:0 15px; line-height:29px; border:1px solid #e8e7e7; cursor:pointer; margin-right:9px; margin-top:8px;}

.inno{ display:block; width:119px; height:38px; background:#31458e; text-align:center; line-height:38px; color:#fff; font-size:14px; font-size:1.4rem; float:left; margin-top:17px; border:none; cursor:pointer;}
.shanchu{ display:block; background:url(../img/lajitong.jpg) no-repeat left center; font-size:14px; font-size:1.4rem; line-height:38px; float:left; margin-top:17px; padding-left:23px; margin-left:27px; border:none; cursor:pointer;}
.inno:hover{ background:#5f5f5f;}
.shanchu:hover{ color:#31458e}
.chanshe{}
.chanshe p{  font-size:14px; font-size:1.4rem; line-height:35px;float:left; width:54px; margin-top:31px;}
.chanshe a{ display:block; width:29px; height:29px; float:left; margin-right:11px; margin-top:36px;}
.chanshe a img{ width:29px; height:29px;}

.chanxbiao{ display:block; font-size:16px; font-size:1.6rem; color:#31458e; background:#f5f5f3; border:1px solid #dddddd; padding-left:18px; border-radius:5px; line-height:47px; margin-top:41px; font-weight:bold;}

.chanxiang{ line-height:35px;color:#333; padding-top:38px;}
.chanxiang a,.chanxiang p,.chanxiang li{ color:#333;}
.cxbiao{ font-size:20px; font-size:2rem; line-height:35px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:9px;}
.chanxiang ul p{ background:url(../img/heidian.jpg) no-repeat left 15px; font-size:14px; font-size:1.4rem; line-height:35px; padding-left:14px;}
.maln2{ margin-left:auto !important;}

.ul1{ width:440px; float:left;}
.ul2{ width:280px; float:left; margin-left:49px;}
.prbiao{ width:408px; float:right;}
.biaoge{ width:100%; border:1px solid #d8d8d8;border-collapse:collapse;}
.biaoge td{border:1px solid #d8d8d8; padding-left:7px; padding-right:18px; font-size:14px; font-size:1.4rem;}
.sebei{ background:#f2f2f2}

@media screen and (min-width:1000px) and (max-width:1219px){.prlie>li{width:200px;}
.chanxr{width:576px;}
.chanxiang ul{ width:28%; margin-left:3%;}
.prbiao{ width:370px !important; float:right; margin-left:auto;}
}
@media screen and (min-width:1000px){
.chan64{ display:none}
}
@media screen and (max-width:999px){.prlie>li{width:45%; margin-left:2.5%; margin-right:2.5%; margin-bottom:20px;}
.prerji{display:none;}
#tsShopContainer{ display:none;}
.chan64{ width:100%}
.chan64 a{ display:block; width:45%; margin-left:2.5%; margin-right:2.5%; float:left; text-align:center; margin-top:20px;}
.chan64 a img{ width:100%; max-width:378px; max-height:338px;}
.chanxr{width:100%;}
.chanxiang ul{ width:100%; margin-left:auto !important}
}
@media screen and (max-width:499px){.prlie>li{width:95%; margin-left:2.5%; margin-right:2.5%; margin-bottom:20px;}
.chan64 a{ width:95%;}
}



/************************************************************************  news  ****************************************************************************/

.nemain{}
.nelie{border-bottom:1px dashed #b5b1b1; padding-bottom:39px; margin-top:38px;}
.netu{width:279px; float:left}
.netu a{display:block; width:100%; text-align:center}
.netu a img{width:100%; max-width:279px; max-height:180px;}
.nezi{width:896px; float:right;}
.neliebiao{font-size:16px; font-size:1.6rem; color:#31458e;}
.nezi span{display:block; background:url(../img/rili.jpg) no-repeat left center; padding-left:28px; font-size:16px; font-size:1.6rem; color:#b5b1b1; line-height:28px; margin-top:13px;}
.nezi p a{display:block; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:12px; margin-bottom:10px;}
.neliemor{font-size:16px; font-size:1.6rem; line-height:28px; color:#31458e; border-bottom:1px solid #31458e;}
.neliebiao:hover{border-bottom:1px solid #31458e}
.nezi p a:hover{color:#31458e;}
.neliemor:hover{border:none}
.jvzhong{float:none; margin-top:34px;}
@media screen and (min-width:1000px) and (max-width:1219px){.nezi{width:680px;}
.nezi span{margin-top:6px;}
.nezi p a{margin-top:6px; margin-bottom:6px;}}
@media screen and (max-width:999px){.nezi{width:100%; margin-top:20px;}}
.nemain1{background:#f4f4f4; padding-top:50px; margin-top:61px; padding-bottom:56px;}


/************************************************************************  news2  *******************************************************************************/
.nemain h1{font-size:18px; font-size:1.8rem; line-height:28px; color:#31458e; text-align:center; margin-top:38px;}
.riqi{display:block; width:200px; margin:auto; padding-left:28px; background:url(../img/rili.jpg) no-repeat left center; font-size:16px; font-size:1.6rem; line-height:28px; color:#b5b1b1; margin-top:7px;}
.nexiang{font-size:16px; font-size:1.6rem; line-height:28px; padding-top:20px;}
.nexiang p,.nexiang a{color:#333;}
.nexiang img{ max-width:100%;}

.fanpian{margin-top:40px}
.fanpian li{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden; margin-top:27px; margin-bottom:-10px;}
.fanpian li p{width:134px; height:47px; background:#31458e; border:1px solid #c8c3c3; float:left; text-align:center; line-height:47px; font-size:16px; font-size:1.6rem; color:#fff; margin-right:23px;}
.fanpian li a{line-height:47px; font-size:16px; font-size:1.6rem;}
.fanpian li a:hover{color:#31458e;}

/************************************************************************  about1  *******************************************************************************/

.abmain{margin-top:42px; padding-bottom:50px;}
@media screen and (max-width:1000px)
{
	.abmain{margin-top:12px;}
	}
.abmain p{font-size:16px; font-size:1.6rem; line-height:30px; margin-top:30px;}
.abmain a img{border:1px solid #f3f2f2;}
.cotul{width:535px; float:left; margin-top:43px;}
.cotul a{display:block; width:100%; text-align:center}
.cotul a img{width:100%; max-width:533px; max-height:387px;}
.cotur{width:660px; float:right; margin-top:43px;}
.cotu2{display:block; width:329px; float:left}
.cotu2 img{width:100%; max-width:329px; max-height:191px;}
.cotu3{display:block; width:320px; float:right}
.cotu3 img{width:100%; max-width:320px; max-height:191px;}
.cotu4{display:block; width:329px; float:left; margin-top:7px;}
.cotu4 img{width:100%; max-width:329px; max-height:189px;}
.cotu5{display:block; width:320px; float:right; margin-top:7px;}
.cotu5 img{width:100%; max-width:320px; max-height:189px;}
.coxiao{margin-top:20px;}
.coxiao a{display:block; width:177px; float:left; margin-right:41px; margin-top:23px}
.coxiao a img{border:1px solid #f3f2f2; border-radius:5px; width:100%; max-width:177px; max-height:87px;}
@media screen and (min-width:1000px) and (max-width:1219px){.cotul{width:430px;}
.cotur{width:540px;}
.cotu2{width:262px;}
.cotu3{width:255px}
.cotu4{width:262px}
.cotu5{width:255px}
.coxiao a{margin-right:15px;}}
@media screen and (max-width:999px){.cotul{float:none; margin:auto;margin-top:43px;}
.cotur{float:none; margin:auto; margin-top:43px;width:540px;}
.cotu2{width:262px;}
.cotu3{width:255px}
.cotu4{width:262px}
.cotu5{width:255px}
.coxiao a{width:18%; margin-right:2%;}}
@media screen and (max-width:639px){.cotul{width:100%;}
.cotur{width:100%; margin-top:auto;}
.abmain a{display:block; width:100%; text-align:center; margin-top:20px;}
.coxiao a{width:30%; margin-right:1.5%; margin-left:1.5%}}

/************************************************************************  about2  *******************************************************************************/

.abmain2{margin-top:49px; padding-bottom:50px;}
.abmain2 p{font-size:16px; font-size:1.6rem; line-height:30px; margin-top:30px;}
.img-scroll2 {position:relative; width:100%; margin-top:50px;}
.img-scroll2 .prev,.img-scroll2 .next{position:absolute;display:block;width:36px;height:91px; top:50%; margin-top:-45px;}
.img-scroll2 .prev {left:0;cursor:pointer; background:url(../img/aleft.jpg)}
.img-scroll2 .next {right:0;cursor:pointer; background:url(../img/aright.jpg)}
.img-scroll2 .img-list {position:relative; width:1095px; margin-left:60px; overflow:hidden}
.img-scroll2 .img-list ul{width:9999px;}
.img-scroll2 .img-list li{float:left; display:inline; width:250px; margin-right:30px;text-align:center; }
.img-scroll2 .img-list li a{display:block; position:relative; width:100%;}
.zheng{width:100%; padding:8px 5px 8px 6px; border:1px solid #e4e4e4; width:236px; height:200px;}
.zhengfu{position:absolute;width:36px; height:32px; bottom:0px; right:0px;}

@media screen and (min-width:1000px) and (max-width:1219px){.img-scroll2 .img-list {width:860px;}
.img-scroll2 .img-list li{margin-right:55px;}}
@media screen and (max-width:999px){.img-scroll2 .img-list {width:86%; margin-left:7%;}
.img-scroll2 .img-list ul{width:400%}
.img-scroll2 .img-list li{width:7.5%;margin-right:1%;}
.zhengfu{bottom:0px; margin-top:auto;}}
@media screen and (max-width:709px){.img-scroll2 .img-list {width:80%; margin-left:10%;}
.img-scroll2 .img-list li{width:11%;margin-right:2%;}}
@media screen and (max-width:409px){.img-scroll2 .img-list {width:76%; margin-left:12.1%;}
.img-scroll2 .img-list ul{width:800%}
.zheng{ padding:0px;}
.img-scroll2 .img-list li{width:12.3%;margin-right:1%;}}

/************************************************************************  about3  *******************************************************************************/
.ab3main{margin-top:34px;}
.ab3biao{display:block; text-align:center; font-size:18px; font-size:1.8rem; font-weight:bold; color:#31458e;}
.ab3p{font-size:16px; font-size:1.6rem; font-weight:bold; line-height:32px; text-align:center;}

.ab3lie{text-align:center; padding-bottom:11px;}
.ab3n{width:275px; display:inline-block; *float:left; margin-top:30px; margin-bottom:30px; margin-left:30px;}
.ab3tu{width:140px; float:left}
.ab3tu a{display:block; width:100%; text-align:center}
.ab3tu a img{width:100%; max-width:140px; max-height:166px;}
.ab3zi{width:123px; float:right; padding-top:30px;}
.ab3zi a{display:block; font-size:14px; font-size:1.4rem; line-height:20px; padding-top:6px; padding-bottom:6px; text-align:left;}
.maln1{margin-left:auto;}
@media screen and (min-width:1000px) and (max-width:1219px){.ab3n{width:220px; margin-left:10px;}
.ab3tu{width:100px}
.ab3zi{width:110px; padding-top:0px;}}
@media screen and (min-width:1000px){.clear2{clear:both;}}
@media screen and (max-width:999px){.clear2{display:none}
.ab3n{width:31%; margin-left:1%; margin-right:1%}
.ab3tu{width:100%; float:none}
.ab3zi{width:100%; max-width:140px; float:none; margin:auto; padding-top:15px;}}
@media screen and (max-width:639px){.ab3n{width:47%; margin-left:1%; margin-right:1%}}
@media screen and (max-width:439px){.ab3n{width:97%; margin-left:1%; margin-right:1%}}

/************************************************************************  about41  *******************************************************************************/
.ab41main{ padding-bottom:51px;}
.ab41biao{ display:block; font-size:16px; font-size:1.6rem; color:#31458e; line-height:53px; margin-top:20px;}
.ab41main a{ display:block; width:100%}
.ab41main a img{ width:100%;}

/************************************************************************  about42  *******************************************************************************/
.ab42main{ padding-bottom:14px;}
.ab42main a{ display:block; width:269px; float:left; margin-left:40px; margin-top:50px; margin-bottom:20px; text-align:center;}
.ab42main a img{ width:100%; max-width:269px; max-height:209px;}
.maln3{ margin-left:auto !important;}
@media screen and (min-width:1000px) and (max-width:1219px){.ab42main a{ width:220px; margin-left:25px;}}
@media screen and (max-width:999px){.ab42main a{ width:45%; margin-left:2.5%; margin-right:2.5%;}}
@media screen and (max-width:459px){.ab42main a{ width:95%; margin-left:2.5%; margin-right:2.5%;}}

/************************************************************************  about43  *******************************************************************************/

.ab43main{ padding-top:52px; padding-bottom:50px;}
.vido{ width:325px; float:left; margin-left:110px; margin-bottom:25px;}
.vitu{ display:block; width:100%; text-align:center}
.vitu img{ width:100%; max-width:325px; max-height:286px;}
.vizi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:20px; margin-top:20px;}
@media screen and (min-width:1000px) and (max-width:1219px){.vido{width:300px; margin-left:35px;}}
.maln4{ margin-left:auto;}
@media screen and (max-width:999px){.vido{width:30%; margin-left:1.5%; margin-right:1.5%; margin-top:20px;}}
@media screen and (max-width:700px){.vido{width:47%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}}
@media screen and (max-width:490px){.vido{width:97%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}}
	

/************************************************************************  app  *******************************************************************************/
	
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:900000000000;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Open Sans,Arial;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
	
.appmain{ background:url(../img/appbei.jpg) no-repeat center; margin-top:10px; padding-top:36px; padding-bottom:51px; margin-bottom:11px;}
.app1{ width:385px; float:left}
.app2{ width:362px; float:left; margin-left:24px;}
.app3{ width:393px; float:right;}
.app1 p{ font-size:16px; font-size:1.6rem; line-height:35px; margin-top:156px;}
.app1 a{ display:block; padding-left:27px; margin-top:35px;}
.app1 a img{ width:276px; height:39px;}

.app2 ul{}
.app2 ul li,.app3 ul li{ margin-top:14px;}
.app2zi{ width:100px; float:left; display:block; font-size:14px; font-size:1.4rem; line-height:20px; margin-top:20px;}
.app2tu{ width:258px; float:right; position:relative; text-align:center;}
.fdtu{ width:100%; max-width:258px; max-height:77px;}
.fangda2{ position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px; width:33px; height:33px;}
.app3zi{ width:125px; float:left; display:block; font-size:14px; font-size:1.4rem; line-height:77px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.app1{width:285px;}
.app1 a{ padding-left:0px;}
.app2{ width:300px;}
.app2tu{ width:200px;}
.app3{ width:325px;}
}
@media screen and (max-width:999px){
.appmain{ background-size:auto 100%}
.app1{ width:100%;}
.app1 a{ padding-left:0px;}
.app1 p{ margin-top:0px; padding-top:10px;}
.app2{ width:45%; margin-left:auto}
.app3{ width:45%;}
.app2zi,.app3zi{ width:35%; text-align:center;}
.app2tu{ width:65%;}
}
@media screen and (max-width:639px){
.app2{ width:100%; margin-left:auto}
.app3{ width:100%;}
.app2tu{ width:65%;max-width:258px; float:left;}
}

/***************************************************************************  faq  *************************************************************************/

.faqmain{ margin-top:35px; padding-bottom:45px;}
.faqp{ font-size:14px; font-size:1.4rem; line-height:30px;}
.wen{ margin-top:32px; margin-bottom:10px;}
.wen span{ display:block; float:left; width:22px; height:20px; border-radius:2px; background:#31458e; text-align:center; line-height:20px; font-size:14px; font-size:1.4rem; color:#fff; margin-right:12px;}
.wen a{ font-size:14px; font-size:1.4rem; color:#31458e; font-weight:bold;}
.da{ padding-left:34px; line-height:30px; font-size:14px; font-size:1.4rem;}

/**************************************************************************  liu cheng tu  **********************************************************/
.liumain{ margin-top:31px; padding-bottom:49px;}
.liubiao{ display:block; font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#31458e; line-height:45px;}
.liubiao2{ display:block; font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#31458e; line-height:45px; float:right;}
.liutu1{ display:block; width:387px; float:left}
.liutu1 img{ width:100%; max-width:387px; max-height:314px;}
.liuzi1{ display:block; float:right; width:732px; margin-right:27px;}
.liuzi1 img{ width:100%; max-width:732px; max-height:314px;}
.liutu2{ display:block; width:387px; float:right;}
.liutu2 img{ width:100%; max-width:387px; max-height:314px;}
.liuzi2{ display:block; float:left; width:771px;}
.liuzi2 img{ width:100%; max-width:771px; max-height:314px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.liutu1{ width:330px;}
.liuzi1{ width:615px; margin-right:auto;}
.liutu2{ width:330px;}
.liuzi2{ width:635px;}
}
@media screen and (max-width:999px){
.liubiao{ text-align:center}
.liubiao2{ float:none; text-align:center}
.liutu1{ width:100%; text-align:center}
.liuzi1{ width:100%; text-align:center; margin-right:auto;}
.liutu2{ width:100%; text-align:center}
.liuzi2{ width:100%; text-align:center}
}

/****************************************************************************  contact  **********************************************************************/
.comain{}
.zhixie{ font-size:16px; font-size:1.6rem; margin-top:18px; line-height:35px;}
.lianxiz{ margin-top:24px;}
.lianxiz div{ width:277px; float:left; margin-left:30px; text-align:center; position:relative; padding-top:102px;}
.dingwei{ margin-left:auto !important;}
.lianxitu{ display:block; width:100%; text-align:center;*left:0px; margin-bottom:10px; position:absolute; top:6px;transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;}
.lianxitu img{ width:76px; height:76px; border-radius:50%; padding:4px; border:1px solid #31458e; transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;}
.lianxiz div p{ font-size:14px; font-size:1.4rem; line-height:26px;}
.lianxiz div p a:hover{ color:#31458e}
.lianxiz div:hover .lianxitu{ top:0px;}
.lianxiz div:hover img{ padding:10px; border:1px solid #fff;}

.coque{ margin-top:19px;}
.cofo{ float:left; margin-left:32px;*margin-left:20px; margin-top:-11px;}
.cofo .int1{ width:253px; height:43px; background:url(../img/quekou.png) no-repeat top left; background-size:100% 100%; border:none; float:left; padding-left:13px; margin-left:auto !important; line-height:37px; margin-top:30px;}
.cofo span{ float:left; margin-top:45px; margin-right:4px;}
.cote span{ float:left; margin-right:4px; margin-top:45px;}
.cote textarea{ width:863px; height:101px;background:url(../img/tebei.png) no-repeat top left; background-size:100% 100%; border:none; float:left; padding-left:13px; line-height:39px; margin-top:33px;}
.coyan{position:relative}
.coyan span{ position:absolute; left:-15px; top:17px;}

.cop2{ line-height:22px; margin-top:27px;}
.ditu{ width:100%; max-width:1200px; max-height:600px; margin-top:39px; margin-bottom:52px;}

.xir{ width:270px; float:right; margin-top:33px;}
.xir .int2{width:133px; height:40px; background:url(../img/yanbei.png) no-repeat top left; background-size:100% 100%; border:none; float:left; padding-left:13px; line-height:37px;}
.xir .yanzheng{ float:right; width:107px; height:42px; cursor:pointer; margin-right:2px;}
.xir .int3{ width:267px; height:39px; border:none; background:#31458e; color:#fff; margin-top:19px; font-size:14px; font-size:1.4rem; cursor:pointer;transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;}
.xir .int3:hover{ background:#b5b5b5}

@media screen and (min-width:1000px) and (max-width:1219px){
.lianxiz div{ width:235px; margin-left:10px;}
.colianxi-l{width:580px;}
.colianxi-r{ width:393px;}
.cofo{ margin-left:29px;}
.coque .int1{ width:200px;}
.cote textarea{ width:705px;}
.oper{ margin-left:auto}
.xir{ width:216px;}
.xir .int2{width:84px;}
.xir .int3{ width:216px;}
}
.mal1{ margin-left:11px; *margin-left:4px;}

@media screen and (max-width:999px){
.lianxiz div{ width:45%; margin-left:2.5% !important; margin-right:2.5%; margin-top:20px;}
.colianxi-l{width:100%;}
.colianxi-r{ width:100%; text-align:center; margin-top:20px;}
.coque .int1{ width:40%;}
.cofo{ width:47%; margin-left:1.5%; margin-right:1.5%}
.cofo .int1{ width:90%; margin-left:auto !important; float:right}
.cote textarea{ width:91.5%; float:right; margin-right:2%}
.prod{ width:50%; margin-left:0%}
.qual{ width:50%; margin-left:0%}
.oper{ width:100%; margin-left:0%} 
.coyan { margin-left:2.7%}

.xir{ width:100%}
.xir .int2{ margin-left:2.5%;width:184px;}
.xir .yanzheng{ float:left; margin-left:20px;}
.xir .int3{ width:180px; float:right; margin-top:0px; margin-right:2.5%}
}
@media screen and (max-width:639px){
.lianxiz div{ width:95%; margin-left:2.5% !important; margin-right:2.5%}
.prod{ width:100%;}
.qual{ width:100%;}
.cofo{ width:100%; margin-left:auto; margin-right:auto;}
.cote textarea{ width:90%; float:right; margin-right:auto; background:none; border:1px solid #b5b5b5}
.coque .int2{ margin-left:7%}
.coque .int3{ width:93%}
.coyan { margin-left:0%}
.coyan span{ left:0;}
.xir{ width:100%}
.xir .int2{width:124px; margin-left:7%;}
.xir .yanzheng{ float:right;}
.xir .int3{ width:93%; margin-left:7%; margin-right:0px; margin-top:23px;}
}

.mat4{ margin-top:70px;}

.contacttjz{ font-family:Verdana, Geneva, sans-serif; font-size:12px; border:none; background:none; text-align:center;}
.contacttable{ border:1px solid #ccc; border-collapse:collapse; margin-top:25px; width:95%;font-family:Verdana, Geneva, sans-serif;}
.contacttable tr td,.contacttable th{ line-height:25px; padding:3px;border:1px solid #ccc; border-collapse:collapse;}
.contacttable tr td input{ width:100%;}